Je suis tombé sur ce problème lorsque j'ai voulu mettre en avant un tutoriel long sur mon blog. Le thème que j'utilisais forçait chaque article dans la même mise en page étroite — barre latérale, boîte d'auteur, commentaires, tout le tralala. Cela ne convenait pas à mes besoins.
Si vous êtes confronté à une situation similaire, ce guide vous montrera comment créer un modèle d'article WordPress personnalisé afin de pouvoir modifier la mise en page pour des articles spécifiques — sans toucher au code ni modifier les fichiers de votre thème.
Pourquoi créer un modèle d'article WordPress personnalisé ?
J'en ai eu besoin plus d'une fois, surtout lorsque j'écrivais de longs tutoriels ou articles de blog qui ne rentraient pas dans la mise en page par défaut. La plupart des thèmes WordPress ne vous offrent qu'une seule conception d'article, et elle est généralement conçue pour du contenu court et basique. Cela peut être un obstacle.
Un modèle d'article personnalisé vous donne plus de contrôle sur l'apparence des articles individuels. Vous pouvez ajuster la mise en page en fonction du contenu, de la catégorie ou de l'objectif. Voici ce que cela rend possible :
- Utiliser différentes mises en page pour différents types de contenu — comme une largeur totale pour les tutoriels et des mises en page avec barre latérale pour les articles d'actualité
- Mettre en avant du contenu mis en vedette ou pérenne en ajoutant des bannières personnalisées, des aimants à prospects ou des appels à l'action
- Supprimer les distractions telles que les barres latérales ou les boîtes d'auteur qui n'ajoutent pas de valeur à l'article
- Adapter votre mise en page à la catégorie de l'article, comme « Guides », « Recettes » ou « Avis »
- Tester les modifications de mise en page sans modifier les fichiers de votre thème ni écrire de code personnalisé
Si vous tenez un blog, créez des tutoriels ou gérez un site d'entreprise, un modèle d'article personnalisé rend votre contenu plus facile à lire et mieux adapté à vos objectifs.
3 façons de créer un modèle d'article WordPress personnalisé
Maintenant que vous savez ce qu'est un modèle d'article WordPress personnalisé, examinons comment en créer un dans WordPress. Ci-dessous, nous aborderons plusieurs méthodes différentes afin que vous puissiez choisir celle qui vous convient le mieux.
Méthode 1 : Utiliser SeedProd pour créer un modèle d'article personnalisé
La première est une façon super simple de créer des modèles d'articles uniques personnalisés dans WordPress. Nous utiliserons SeedProd, le meilleur plugin de création de thèmes WordPress du marché.
Avec SeedProd, vous pouvez créer un modèle d'article WordPress personnalisé sans écrire de code ni modifier les dossiers de votre thème WordPress.
La première chose que vous devrez faire est d'installer et d'activer le plugin SeedProd. Pour obtenir de l'aide à ce sujet, consultez ce guide étape par étape sur l'installation d'un plugin WordPress.
Après avoir activé SeedProd, allez dans SeedProd » Paramètres pour entrer votre clé de licence.
Vous pouvez trouver ces informations sous votre compte sur le site Web de SeedProd.
Lorsque vous utilisez SeedProd, il remplace le thème que vous utilisez actuellement et vous permet de personnaliser chaque centimètre de votre site grâce à son constructeur visuel par glisser-déposer.
Maintenant, allez dans SeedProd » Theme Builder et cliquez sur le bouton Themes pour commencer.
À partir de là, vous verrez une variété de modèles de thèmes WordPress préconçus que vous pouvez utiliser.
Pour choisir un thème, survolez la miniature avec votre souris et cliquez sur l'icône de coche.
Après avoir choisi un thème, vous verrez une liste de parties de modèles, y compris :
- Page unique
- Publication unique
- Page de blog et d'archive
- Page d'accueil
- Barre latérale
- Pied de page
- En-tête
Ce sont tous les différents éléments qui composent un thème WordPress complet.
Généralement, vous ne pouvez accéder à ces parties de thème qu'en modifiant les fichiers de votre thème WordPress. Mais avec SeedProd, vous pouvez tout voir dans une interface visuelle facile.
Comme vous pouvez le voir, SeedProd a un modèle de publication unique personnalisé par défaut. Mais contrairement à l'éditeur WordPress par défaut et aux autres thèmes, vous pouvez personnaliser instantanément le modèle visuellement.
Alors, regardons comment personnaliser le modèle de publication unique avec SeedProd.
Trouvez la section Single Post dans le constructeur de thèmes et cliquez sur le lien Edit Design. Cela ouvrira votre modèle de publication dans l'éditeur visuel de SeedProd.
L'éditeur visuel de SeedProd a une disposition à 2 colonnes. À gauche se trouvent les blocs et les sections que vous pouvez ajouter à votre conception. Ensuite, à droite se trouve un aperçu où vous pouvez voir les modifications en temps réel.
Cliquez n'importe où sur votre modèle de publication pour personnaliser la mise en page. Par exemple, si vous cliquez sur le titre de la publication, vous verrez ses paramètres dans le panneau de gauche.
À partir de là, vous pouvez modifier la balise de titre, l'alignement, le niveau de titre et la taille de la police. Vous pouvez également cliquer sur l'onglet Avancé pour changer les couleurs de la police, l'espacement et d'autres styles.
SeedProd utilise des balises de modèle pour extraire le contenu dynamique de WordPress tel que les titres de publication, les images mises en avant, les commentaires, et plus encore. Cela signifie que vous pouvez afficher une variété de contenu dans vos publications sans modifier directement votre fichier de publication unique.
Par exemple, vous pouvez faire glisser le bloc Posts et l'ajouter à la fin du contenu de votre publication.
Ensuite, vous pouvez le configurer pour afficher le contenu de catégories spécifiques.
N'hésitez pas à expérimenter avec différents blocs et à jouer avec leurs paramètres. Après avoir créé quelque chose que vous aimeriez utiliser comme modèle de publication, il est temps de l'enregistrer en cliquant sur le bouton vert Save dans le coin supérieur droit.
Vous pouvez personnaliser le reste de votre thème WordPress de la même manière. Mais si vous avez besoin d'aide, consultez ce guide étape par étape sur la création d'un thème WordPress personnalisé avec SeedProd.
Lorsque vous êtes satisfait de l'apparence de tout, assurez-vous de cliquer sur le bouton Enable SeedProd Theme dans le coin supérieur droit.
Voici à quoi ressemble notre nouveau modèle de publication unique personnalisé :
Comme vous pouvez le voir, nous avons supprimé la boîte d'auteur et ajouté des publications similaires et des boutons de partage sur les réseaux sociaux en utilisant l'éditeur glisser-déposer de SeedProd.
Mais cela ne s'arrête pas là. Avec SeedProd, vous pouvez ajouter autant de modèles d'articles personnalisés que vous le souhaitez, ce qui signifie que vous pouvez avoir une mise en page différente pour chaque catégorie d'articles si vous le souhaitez.
Pour ajouter un nouveau modèle d'article unique, cliquez simplement sur le lien Dupliquer sous le modèle d'article d'origine.
Cela ajoutera une copie du modèle en haut de votre page de modèles de thème.
Maintenant, personnalisez le modèle avec une mise en page différente comme vous l'avez fait précédemment. Lorsque vous êtes satisfait de la conception, enregistrez vos modifications et retournez à la page des modèles.
Après avoir personnalisé votre nouveau modèle d'article unique, cliquez sur le lien Modifier les conditions, qui ouvre une nouvelle fenêtre où vous pouvez définir où ce modèle s'affichera.
Donnez un nom à votre modèle, puis sous l'en-tête Conditions, vous pouvez choisir le type de contenu que vous souhaitez afficher. Par exemple, si vous ne voulez que les articles de la catégorie « Tutoriels » aient cette mise en page particulière, choisissez l'option « A une catégorie » sous la section Articles.
Ensuite, entrez les catégories que vous souhaitez inclure, définissez la priorité à 10 et cliquez sur Enregistrer.
Maintenant, lorsque vous consultez des articles de cette catégorie particulière, ils afficheront votre nouveau modèle d'article personnalisé.
Voici à quoi ressemble notre nouveau modèle d'article « Tutoriels » :
Pour cette mise en page, nous avons supprimé la barre latérale pour rendre la mise en page pleine largeur. Et si vous regardez cette capture d'écran :
Vous pouvez voir que nous avons supprimé les articles similaires et la section des commentaires.
C'est la façon la plus simple de créer plusieurs modèles d'articles personnalisés dans WordPress. Cela ne nécessite aucun code, n'altérera aucun fichier de thème, et vous n'avez besoin d'aucune expérience technique.
Méthode 2 : Utiliser l'éditeur de blocs pour enregistrer une mise en page d'article personnalisée
Cette méthode implique l'utilisation de l'éditeur de blocs WordPress. Strictement parlant, cette solution ne crée pas de modèle d'article ; cependant, elle offre un moyen facile de sauvegarder et de réutiliser des mises en page d'articles uniques de manière répétée.
L'éditeur de blocs de WordPress dispose d'une fonctionnalité astucieuse qui vous permet de sauvegarder et de réutiliser des blocs sur votre site WordPress.
L'un de ces blocs est le bloc « Groupe » qui vous permet d'ajouter plusieurs blocs et mises en page d'articles dans un seul groupe. À partir de là, vous pouvez enregistrer votre bloc personnalisé et le réutiliser dans d'autres articles de blog.
Dans cet esprit, voici comment utiliser le bloc groupe pour enregistrer votre modèle d'article personnalisé.
Tout d'abord, allez dans Articles » Ajouter depuis votre tableau de bord WordPress et créez un nouvel article WordPress. Après cela, cliquez sur l'icône plus (+) et ajoutez un nouveau bloc « Groupe » à votre zone de contenu.
Vous pouvez maintenant ajouter des blocs à l'intérieur du bloc Groupe pour créer une mise en page d'article unique. Vous pouvez ajouter n'importe quel bloc dans cette zone, y compris des colonnes, du texte, des médias, des images, et plus encore.
Lorsque vous êtes satisfait de votre mise en page, sélectionnez le bloc Groupe afin qu'il ait un contour.
À partir de là, cliquez sur les 3 points pour développer les paramètres du bloc et cliquez sur l'en-tête « Ajouter aux blocs réutilisables ».
Ensuite, donnez un nom au bloc réutilisable. WordPress enregistrera automatiquement le groupe et tous les blocs qu'il contient.
Maintenant, chaque fois que vous ajoutez un nouvel article dans WordPress, vous pouvez cliquer sur l'en-tête "Blocs réutilisables" et cliquer sur votre modèle personnalisé d'article unique pour l'ajouter à votre éditeur d'articles.
Après avoir ajouté le bloc à votre zone de contenu WordPress, il chargera tous les blocs précédemment enregistrés dans votre bloc Groupe.
Même si cette méthode vous permet d'enregistrer des mises en page personnalisées pour les articles de blog, elle ne modifie pas la façon dont votre thème gère les articles uniques. Donc, si vous souhaitez plus de flexibilité, continuez à lire pour d'autres solutions de modèles d'articles uniques.
Méthode 3 : Coder manuellement un modèle d'article WordPress
Cette méthode est assez avancée car elle implique la modification des fichiers de votre thème, la copie et le collage de code, et l'écriture de CSS personnalisé. N'utilisez donc cette méthode que si vous êtes confiant et savez ce que vous faites.
Tout d'abord, ouvrez un éditeur de texte brut comme le Bloc-notes sur votre ordinateur. Ensuite, collez le code suivant :
<?php
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
get_header(); ?>
Ce code définit un nouveau modèle d'article appelé "Article mis en avant" et le rend disponible pour les types de contenu articles, pages et produits.
Après avoir copié et collé le code, enregistrez le fichier sous le nom sp_single_post.php sur votre bureau.
La prochaine étape consiste à téléverser le fichier dans le dossier de votre thème WordPress actuel. Vous pouvez le faire en utilisant un client FTP.
Une fois le fichier en place, connectez-vous à votre espace d'administration WordPress et créez ou modifiez un article. Dans l'écran d'édition de l'article, faites défiler vers le bas jusqu'à ce que vous voyiez la nouvelle boîte de métadonnées "Attributs de l'article" avec une option pour choisir un modèle.
Dans cette section, vous verrez votre nouveau modèle "Article mis en avant". Pour l'instant, la sélection du modèle affichera un écran blanc car il est vide.
Pour résoudre ce problème, vous devrez ajouter du code pour afficher le contenu de votre article. La manière la plus simple de le faire est de copier le code du fichier single.php de votre thème et de l'utiliser comme point de départ.
Ouvrez donc le fichier single.php et copiez tout ce qui suit la ligne get_header(). Ensuite, collez le code dans votre fichier sp-single-post.php à la fin.
À partir de là, enregistrez le fichier et téléversez-le à nouveau sur votre serveur.
À ce stade, votre modèle sera exactement le même que votre ancien modèle d'article unique. Vous devrez le personnaliser en ajoutant des classes CSS personnalisées, en supprimant les barres latérales ou toute autre modification que vous souhaitez apporter.
FAQ sur les modèles d'articles WordPress
Nous avons partagé 3 façons de créer un modèle d'article personnalisé dans WordPress dans cet article. Choisissez la méthode avec laquelle vous êtes le plus à l'aise et commencez à afficher vos articles de blog comme vous le souhaitez.
Pendant que vous y êtes, vous pourriez également aimer cet article sur l'anatomie d'une page de destination réussie.
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
