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, avec une barre latérale, une boîte auteur, les commentaires, le tout. Cela ne convenait pas à ce dont j'avais besoin.
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. Vous découvrirez quatre méthodes pour y parvenir, allant du sans code à l'Éditeur de site.
Vous n'êtes pas sûr de la méthode qui convient ? Voici un moyen rapide de choisir :
- Vous voulez un contrôle total de la conception sans code : utilisez SeedProd (Méthode 1).
- Vous utilisez un thème basé sur des blocs et êtes à l'aise avec l'édition dans WordPress : utilisez l'Éditeur de site (Méthode 2).
- Vous voulez simplement réutiliser une mise en page enregistrée sur plusieurs articles : utilisez les Motifs synchronisés (Méthode 3).
- Vous êtes à l'aise avec PHP : codez votre propre modèle (Méthode 4).
Pourquoi créer un modèle d'article WordPress personnalisé ?
Un modèle d'article WordPress est une mise en page enregistrée qui contrôle l'affichage des articles de blog individuels. Il détermine où apparaissent le titre, l'image mise en avant, le contenu et les éléments supplémentaires tels que les commentaires ou les articles similaires.
J'en ai eu besoin plus d'une fois, surtout lorsque j'écrivais de longs tutoriels ou des 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.
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 :
- Utilisez 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
- Adaptez 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.
4 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é, voyons comment en créer un. Nous aborderons quatre méthodes 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é
- Méthode 2 : Modifier le modèle d'article unique dans l'éditeur de site WordPress
- Méthode 3 : Enregistrer une mise en page d'article personnalisée en tant que motif synchronisé
- Méthode 4 : Coder manuellement un modèle d'article WordPress
- FAQ sur les modèles d'articles WordPress
Méthode 1 : Utiliser SeedProd pour créer un modèle d'article personnalisé
Le moyen le plus simple de créer un modèle d'article unique personnalisé est d'utiliser SeedProd, le meilleur plugin constructeur de thèmes WordPress du marché. Vous pouvez concevoir et appliquer un modèle visuellement, sans code et sans modifier les dossiers de votre thème.
Voici comment le processus fonctionne : installez SeedProd et ajoutez votre clé de licence, ouvrez le constructeur de thèmes et choisissez un thème, modifiez le modèle d'article unique, puis activez le thème.
Étape 1 : Installer SeedProd et ajouter votre clé de licence
Tout d'abord, installez et activez le plugin SeedProd. Si vous avez besoin d'aide, consultez ce guide étape par étape sur l'installation d'un plugin WordPress.
Ensuite, allez dans SeedProd » Paramètres et entrez votre clé de licence. Vous la trouverez sous votre compte sur le site Web de SeedProd.
Étape 2 : Ouvrir le constructeur de thèmes et choisir un thème
SeedProd 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. Allez dans SeedProd » Theme Builder et cliquez sur le bouton Themes pour commencer.
Vous verrez une variété de modèles de thèmes WordPress préconçus. Pour en choisir un, survolez la miniature et cliquez sur l'icône de coche.
Après avoir choisi un thème, vous verrez une liste de parties de modèles :
- Page unique
- Publication unique
- Page de blog et d'archive
- Page d'accueil
- Barre latérale
- Pied de page
- En-tête
Ce sont les éléments qui composent un thème WordPress complet. Normalement, vous ne pouvez y accéder qu'en modifiant les fichiers du thème, mais SeedProd les affiche tous dans une interface visuelle.
Étape 3 : Modifier le modèle d'article unique
SeedProd inclut un modèle d'article unique personnalisé par défaut, et vous pouvez le personnaliser visuellement. Trouvez la section Article unique et cliquez sur le lien Modifier le design pour l'ouvrir dans l'éditeur.
L'éditeur a une disposition à deux colonnes. Les blocs et les sections se trouvent à gauche, et un aperçu en direct se trouve à droite pour que vous voyiez les changements en temps réel.
Cliquez n'importe où sur le modèle pour personnaliser la mise en page. Cliquez sur le titre de l'article, par exemple, et ses paramètres apparaissent dans le panneau de gauche.
À partir de là, vous pouvez changer la balise de titre, l'alignement, le niveau et la taille de la police. L'onglet Avancé vous permet de 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 comme les titres d'articles, les images mises en avant et les commentaires. Vous pouvez ainsi afficher toutes sortes de contenu sans modifier directement votre fichier d'article unique.
Par exemple, vous pouvez faire glisser le bloc Articles à la fin du contenu de votre article, puis le configurer pour afficher les articles de catégories spécifiques.
Lorsque la mise en page vous convient, enregistrez-la en cliquant sur le bouton vert Enregistrer dans le coin supérieur droit.
Vous pouvez personnaliser le reste de votre thème de la même manière. Si vous avez besoin d'aide, voici un guide sur la façon de créer un thème WordPress personnalisé avec SeedProd.
Étape 4 : Activer votre thème SeedProd
Lorsque tout semble correct, cliquez sur le bouton Activer le thème SeedProd dans le coin supérieur droit.
Voici à quoi ressemble notre nouveau modèle d'article unique personnalisé. Nous avons supprimé la boîte d'auteur et ajouté des articles connexes et des boutons de partage sur les réseaux sociaux.
Définir une mise en page différente pour une catégorie
Avec SeedProd, vous pouvez ajouter autant de modèles d'articles personnalisés que vous le souhaitez, de sorte que chaque catégorie d'articles puisse avoir sa propre mise en page. Je l'utilise sur mon propre blog pour donner aux longs tutoriels un design pleine largeur tandis que les articles d'actualité conservent la barre latérale.
Pour configurer une mise en page spécifique à une catégorie, cliquez sur le lien Dupliquer sous votre modèle d'article unique, puis redécorez la copie et définissez ses conditions.
Sur la copie, cliquez sur le lien Modifier les conditions pour choisir où le modèle s'affiche. Donnez-lui un nom, puis sous le titre Conditions, choisissez le type de contenu.
Pour notre exemple de Tutoriels, nous avons choisi « Avoir une catégorie » dans la section Articles, entré la catégorie Tutoriels, défini la priorité à 10 et cliqué sur Enregistrer. Désormais, chaque article de cette catégorie affiche la nouvelle mise en page.
Voici le modèle de Tutoriels terminé. Nous avons supprimé la barre latérale pour en faire une pleine largeur, et abandonné la section des articles similaires et des commentaires pour garder l'accent sur le tutoriel lui-même.
C'est la façon la plus simple de créer plusieurs modèles d'articles personnalisés. Elle ne nécessite aucun code, ne touche pas aux fichiers de votre thème et n'exige aucune expérience technique.
Méthode 2 : Modifier le modèle d'article unique dans l'éditeur de site WordPress
Si vous utilisez un thème basé sur des blocs, vous pouvez modifier le modèle d'article unique directement dans l'Éditeur de site WordPress, sans plugin. C'est la méthode native, et celle que j'utilise quand un site utilise déjà un thème basé sur des blocs et que je n'ai besoin que de petites modifications.
Depuis votre tableau de bord, allez dans Apparence » Éditeur pour ouvrir l'Éditeur de site. Sélectionnez ensuite Modèles et cliquez sur Articles uniques pour ouvrir le modèle qui contrôle tous vos articles de blog uniques.
Ouvrez la Vue Liste pour voir la structure du modèle, y compris les blocs comme l'image mise en avant, le titre de l'article, le contenu de l'article et les commentaires.
À partir d'ici, vous pouvez ajouter ou supprimer des blocs pour remodeler la mise en page. Supprimez le bloc de commentaires pour nettoyer le bas de vos articles, ou ajoutez un bloc Boucle de requêtes pour afficher les articles similaires.
Lorsque vous avez terminé, cliquez sur Enregistrer.
Pour une référence complète sur ce que vous pouvez faire ici, la documentation officielle sur l'Éditeur de modèles WordPress détaille chaque option. Le compromis est que l'Éditeur de site modifie votre modèle d'article unique globalement, donc pour des mises en page spécifiques à une catégorie, vous voudrez toujours les conditions de SeedProd.
Méthode 3 : Enregistrer une mise en page d'article personnalisée en tant que motif synchronisé
Cette méthode utilise l'éditeur de blocs WordPress. Strictement parlant, elle ne crée pas de modèle d'article, mais elle vous donne un moyen simple de sauvegarder et de réutiliser une mise en page d'article unique.
L'astuce réside dans le bloc Groupe, qui vous permet de regrouper plusieurs blocs en une seule mise en page. Vous enregistrez ensuite ce groupe sous forme de Modèle synchronisé et vous le déposez dans n'importe quel article.
Tout d'abord, allez dans Articles » Ajouter et créez un nouvel article. Cliquez sur l'icône plus (+) et ajoutez un bloc Groupe à votre zone de contenu.
Ajoutez des blocs à l'intérieur du Groupe pour construire votre mise en page d'article unique. Vous pouvez utiliser des colonnes, du texte, des médias, des images, et plus encore.
Lorsque la mise en page vous convient, sélectionnez le bloc Groupe pour qu'il ait un contour.
Cliquez sur les trois points pour développer les options du bloc, puis choisissez Créer un modèle. Donnez un nom au modèle et assurez-vous que Synchronisé est activé, de sorte que les modifications apportées à une copie mettent à jour toutes les autres.
Maintenant, chaque fois que vous écrivez un nouvel article, ouvrez l'insert de blocs, allez dans l'onglet Modèles, et trouvez votre modèle enregistré sous Mes modèles. Cliquez dessus pour déposer la mise en page complète dans votre article.
Cela enregistre des mises en page personnalisées pour les articles de blog, mais ne modifie pas la façon dont votre thème gère les articles individuels. Pour plus de flexibilité, continuez à lire.
Méthode 4 : Coder manuellement un modèle d'article WordPress
Cette méthode est avancée. Elle implique la modification des fichiers du thème, le collage de code et l'écriture de CSS personnalisé, alors utilisez-la uniquement si vous êtes confiant avec PHP.
Tout d'abord, ouvrez un éditeur de texte brut comme le Bloc-notes. Ensuite, collez le code suivant :
<?php
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
?>Ce code définit un nouveau modèle d'article appelé « Article mis en avant » et le rend disponible pour les articles, les pages et les types de contenu produit.
Après avoir copié le code, enregistrez le fichier sous le nom sp_single_post.php sur votre bureau. Ensuite, téléchargez-le dans le dossier de votre thème WordPress actuel à l'aide d'un client FTP.
Une fois le fichier en place, connectez-vous à votre espace d'administration WordPress et modifiez un article. Faites défiler vers le bas jusqu'à la boîte méta des attributs de l'article, où vous verrez une option pour choisir un modèle.
Vous verrez ici votre nouveau modèle d'article mis en avant. Pour l'instant, sa sélection affiche un écran blanc car le fichier est vide.
Pour résoudre ce problème, copiez le code du fichier single.php de votre thème comme point de départ. Ouvrez single.php, copiez tout ce qui suit la ligne get_header(), et collez-le à la fin de votre fichier sp_single_post.php.
Ensuite, enregistrez le fichier et téléchargez-le à nouveau sur votre serveur. À ce stade, le modèle correspond à votre ancienne mise en page d'article unique.
À partir de là, personnalisez-le en ajoutant des classes CSS, en supprimant des barres latérales ou en apportant toute autre modification souhaitée.
FAQ sur les modèles d'articles WordPress
Comment définir un modèle personnalisé comme modèle par défaut pour tous les articles ?
Cela dépend de votre méthode. Dans l'éditeur de site, le modèle d'articles uniques est déjà le modèle par défaut pour chaque article, donc toute modification que vous enregistrez s'applique à l'ensemble du site. Avec SeedProd, définissez les conditions d'un modèle sur votre type d'article sans filtre de catégorie, ce qui en fait la mise en page de secours. La méthode de code ne s'applique que par article via les attributs de l'article, elle ne peut donc pas agir comme un défaut global en soi.
Ai-je besoin d'un thème de blocs pour modifier le modèle d'article unique dans l'éditeur de site ?
Oui. L'éditeur de site n'apparaît que lorsque votre site utilise un thème de blocs comme Twenty Twenty-Four. Les thèmes classiques ne l'incluent pas. Si vous utilisez un thème classique, utilisez plutôt SeedProd ou la méthode de code manuelle, car les deux fonctionnent quel que soit votre type de thème.
Comment appliquer un modèle personnalisé à un seul article spécifique ?
Pour un article unique, utilisez la méthode de code et choisissez votre modèle sous Attributs de l'article » Modèle sur l'écran de modification de cet article. Cela l'applique à cet article uniquement. Si vous préférez cibler une catégorie entière au lieu d'un seul article, l'option Modifier les conditions de SeedProd est la voie la plus rapide.
Puis-je créer un modèle de publication personnalisé dans WordPress sans code ?
Oui. Le moyen le plus simple est un constructeur visuel comme SeedProd, qui vous permet de concevoir et d'appliquer des modèles d'articles personnalisés sans modifier votre thème ni écrire de code. Sur un thème de blocs, l'éditeur de site est également une option sans code.
Quelle est la différence entre un modèle de publication et un modèle de page ?
WordPress utilise des modèles de page pour les pages statiques et des modèles de publication pour le contenu du blog. Un modèle de publication personnalisé modifie l'apparence de vos articles de blog, tandis qu'un modèle de page modifie les mises en page des pages comme À propos ou Contact.
La modification du modèle de publication affectera-t-elle tous mes articles de blog ?
Pas à moins que vous ne le souhaitiez. Vous pouvez créer plusieurs modèles et choisir où chacun d'eux s'affiche. Cela vous donne de la flexibilité sans toucher à vos articles existants.
Nous avons partagé quatre méthodes pour créer un modèle d'article personnalisé dans WordPress. Choisissez celle 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.
