Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

comment créer un modèle d'article personnalisé WordPress

Comment créer un modèle d'article WordPress personnalisé pour les articles uniques 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : John Turner
image du réviseur John Turner
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Voulez-vous créer un modèle d'article WordPress personnalisé pour des articles de blog uniques ?

La création d'un modèle d'article unique personnalisé vous permet d'utiliser différentes mises en page pour des articles de blog spécifiques dans WordPress. Même si de nombreux thèmes WordPress proposent des modèles de page personnalisés, la plupart d'entre eux ne permettent pas de créer des mises en page personnalisées pour le contenu des articles.

Cet article vous montrera comment créer facilement un modèle d'article personnalisé sur WordPress. Nous présenterons plusieurs méthodes afin que vous puissiez choisir celle qui convient le mieux à votre site WordPress.

Quand avez-vous besoin d'un modèle d'article WordPress personnalisé ?

Les modèles d'articles WordPress personnalisés vous permettent de donner à certains articles de votre site web une apparence différente. Par exemple, vous pouvez donner aux articles vedettes une mise en page distincte ou créer un aspect différent pour des articles spécifiques dans différentes catégories.

Pour ce faire, vous aurez besoin d'un modèle d'article unique personnalisé.

Par défaut, WordPress base son modèle d'article unique sur la hiérarchie des modèles de WordPress. Cela signifie qu'il utilise le modèle single.php pour tous vos articles.

Tous les thèmes WordPress sont livrés avec un modèle unique par défaut. Cependant, certains thèmes peuvent également inclure des modèles d'articles uniques supplémentaires ou des mises en page que vous pouvez utiliser.

C'est similaire à la façon dont WordPress gère les modèles de page unique. Par défaut, il existe un modèle unique que tous les thèmes utilisent, mais la plupart d'entre eux incluent des fichiers de modèles de pages supplémentaires que vous pouvez utiliser lorsque vous éditez des pages dans WordPress.

Comment créer un modèle d'article personnalisé sur WordPress

Maintenant que vous savez ce qu'est un modèle d'article WordPress personnalisé, voyons 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.

Créer un modèle d'article unique dans WordPress avec SeedProd

Le premier est un moyen très simple de créer des modèles d'articles personnalisés dans WordPress. Nous utiliserons SeedProd, le meilleur plugin de création de thème WordPress sur le marché.

SeedProd meilleur constructeur de site web WordPress

Avec SeedProd, vous pouvez créer un modèle d'article WordPress personnalisé sans écrire de code ou modifier les dossiers de votre thème WordPress.

La première chose à faire est d'installer et d'activer le plugin SeedProd. Pour vous aider, consultez ce guide étape par étape sur l'installation d'un plugin WordPress.

Après avoir activé SeedProd, allez dans SeedProd " Settings pour entrer votre clé de licence.

Entrez votre clé de licence seedprod

Vous trouverez ces informations dans votre compte sur le site web de SeedProd.

Trouvez votre clé de licence 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 à SeedProd " Theme Builder et cliquez sur le bouton Themes pour commencer.

Ajouter un modèle de thème personnalisé dans seedprod

A partir de là, vous verrez une variété de modèles de thèmes WordPress pré-fabriqués que vous pouvez utiliser.

wordpres theme templates seedprod

Pour choisir un thème, passez votre souris sur la vignette et cliquez sur l'icône de la coche.

choisir un modèle de thème pour seedprod

Après avoir choisi un thème, vous verrez une liste des éléments du modèle, notamment :

  • Page unique
  • Poste unique
  • Page du blog et des archives
  • Page d'accueil
  • Encadré
  • Pied de page
  • En-tête

Ce sont les différents éléments qui composent un thème WordPress complet.

Généralement, vous ne pouvez accéder à ces parties du thème qu'en éditant les fichiers de votre thème WordPress. Mais avec SeedProd, vous pouvez tout voir dans une interface visuelle simple.

Parties du thème WordPress SeedProd

Comme vous pouvez le voir, SeedProd a un modèle personnalisé par défaut. Mais contrairement à l'éditeur par défaut de WordPress et à d'autres thèmes, vous pouvez instantanément personnaliser le modèle visuellement.

Voyons donc comment personnaliser le modèle d'article unique avec SeedProd.

Trouvez la section Single Post dans le constructeur du thème et cliquez sur le lien Edit Design. Cela ouvrira votre modèle d'article dans l'éditeur visuel de SeedProd.

Modifier le modèle d'article personnalisé avec SeedProd

L'éditeur visuel de SeedProd a une disposition en 2 colonnes. Sur la gauche se trouvent les blocs et les sections que vous pouvez ajouter à votre design. Ensuite, sur la droite, il y a une prévisualisation où vous pouvez voir les changements en temps réel.

SeedProd créateur visuel de thèmes wordpress

Cliquez n'importe où sur votre modèle de message pour personnaliser la mise en page. Par exemple, si vous cliquez sur le titre de l'article, vous verrez ses paramètres dans le panneau de gauche.

Paramètres du titre de l'article de SeedProd

À partir de là, vous pouvez modifier la balise de titre, l'alignement, le niveau de l'en-tête et la taille de la police. Vous pouvez également cliquer sur l'onglet Avancé pour modifier les couleurs de police, l'espacement et d'autres styles.

SeedProd utilise des balises de modèle pour récupérer le contenu dynamique de WordPress comme les titres des articles, les images vedettes, les commentaires, et plus encore. Cela signifie que vous pouvez afficher une variété de contenu dans vos articles sans éditer directement le fichier de l'article.

Par exemple, vous pouvez faire glisser le bloc Posts et l'ajouter à la fin du contenu de votre article.

Comment ajouter des articles à un modèle d'article personnalisé WordPress

Vous pouvez ensuite le configurer pour qu'il affiche 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 souhaitez utiliser comme modèle de message, il est temps de l'enregistrer en cliquant sur le bouton vert Enregistrer dans le coin supérieur droit.

Enregistrer le modèle d'article personnalisé WordPress

Vous pouvez personnaliser le reste de votre thème WordPress de la même manière. Mais si vous avez besoin d'un peu d'aide, consultez ce guide étape par étape sur la façon de créer un thème WordPress personnalisé avec SeedProd.

Lorsque vous êtes satisfait de l'apparence de votre site, assurez-vous de cliquer sur le bouton Enable SeedProd Theme (Activer le thème SeedProd) dans le coin supérieur droit.

activer le thème seedprod

Voici à quoi ressemble notre nouveau modèle d'article unique personnalisé :

exemple : créer un modèle d'article personnalisé WordPress

Comme vous pouvez le voir, nous avons supprimé la boîte de l'auteur et ajouté des articles connexes et des boutons de partage des médias sociaux en utilisant l'éditeur de 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 de message unique, il suffit de cliquer sur le lienDupliquer sous le modèle de message original.

Duplication d'un modèle d'article unique WordPress

Cela ajoutera une copie du modèle en haut de la page des modèles de votre thème.

Copie du modèle d'article unique

Maintenant, allez-y et personnalisez le modèle avec une mise en page différente comme vous l'avez fait précédemment. Lorsque vous êtes satisfait du design, 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 dans laquelle vous pouvez définir l'emplacement d'affichage de ce modèle.

Modifier les conditions d'un modèle d'article unique

Donnez un nom à votre modèle, puis, sous la rubrique Conditions, choisissez le type de contenu que vous souhaitez afficher. Par exemple, si vous souhaitez que seuls les articles de la catégorie "Tutoriels" aient cette mise en page particulière, choisissez l'option "A la catégorie" dans la section Articles.

Conditions d'édition pour un modèle d'article unique WordPress

Saisissez ensuite les catégories que vous souhaitez inclure, définissez la priorité à 10 et cliquez sur Enregistrer.

Désormais, lorsque vous consulterez les 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" :

Modèle d'article personnalisé WordPress

Pour cette mise en page, nous avons supprimé la barre latérale afin d'obtenir une mise en page pleine largeur. Et si vous regardez cette capture d'écran :

Modèle d'article personnalisé WordPress

Vous pouvez voir que nous avons supprimé les articles connexes 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. Elle ne nécessite pas de code, n'altère pas les fichiers du thème et ne nécessite pas d'expérience technique.

Créer un modèle d'article WordPress avec l'éditeur de blocs

Cette méthode consiste à utiliser l'éditeur de blocs de WordPress. À proprement parler, cette solution ne crée pas de modèle d'article ; cependant, elle offre un moyen facile de sauvegarder et de réutiliser les mises en page d'un article unique à plusieurs reprises.

L'éditeur de blocs de WordPress dispose d'une fonction 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 cette optique, voici comment utiliser le bloc de groupe pour enregistrer votre modèle d'article personnalisé.

Tout d'abord, allez dans Posts " Add New dans votre tableau de bord WordPress et créez un nouvel article WordPress. Ensuite, cliquez sur l'icône plus (+) et ajoutez un nouveau bloc "Groupe" à votre zone de contenu.

Ajouter un nouveau bloc de groupe WordPress

Vous pouvez désormais 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, etc.

Ajouter du contenu à vos blocs de groupe

Lorsque vous êtes satisfait de votre mise en page, sélectionnez le bloc Groupe de manière à ce qu'il ait un contour.

Sélectionner le bloc de groupe

De là, cliquez sur les trois points pour développer les paramètres du bloc et cliquez sur l'en-tête "Ajouter aux blocs réutilisables".

Ajouter un bloc de groupe aux blocs réutilisables

Ensuite, donnez un nom au bloc réutilisable. WordPress enregistrera automatiquement le groupe et tous les blocs qu'il contient.

Désormais, lorsque vous ajoutez un nouvel article dans WordPress, vous pouvez cliquer sur l'en-tête Blocs réutilisables et cliquer sur votre modèle d'article personnalisé pour l'ajouter à votre éditeur d'articles.

Bloc réutilisable de modèles d'articles personnalisés

Après avoir ajouté le bloc à votre zone de contenu WordPress, il chargera tous les blocs précédemment enregistrés dans votre bloc de 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 individuels. Si vous souhaitez plus de flexibilité, continuez à lire pour découvrir d'autres solutions de modèles d'articles uniques.

Créer manuellement un modèle d'article unique personnalisé

Cette méthode est assez avancée car elle implique de modifier les fichiers de votre thème, de copier et coller du code et d'écrire des feuilles de style CSS personnalisées. N'utilisez donc cette méthode que si vous êtes sûr de vous et savez ce que vous faites.

Tout d'abord, ouvrez un éditeur de texte brut tel que Notepad sur votre ordinateur. Collez ensuite 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é "Featured Article" et le rend disponible pour les articles, les pages et les types de contenu des produits. 

Après avoir copié et collé le code, enregistrez le fichier sous le nom de sp_single_post.php sur votre bureau.

L'étape suivante consiste à télécharger le fichier dans le dossier actuel de votre thème WordPress. Vous pouvez le faire en utilisant un client FTP.

Une fois le fichier en place, connectez-vous à votre zone 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éta Attributs de l'article avec une option pour choisir un modèle.

Créer manuellement un modèle d'article unique personnalisé dans WordPress à l'aide d'un code

Dans cette section, vous verrez votre nouveau modèle d'article vedette. Pour l'instant, si vous sélectionnez le modèle, un écran blanc s'affichera car il est vide.

Pour y remédier, vous devez ajouter du code pour afficher le contenu de vos articles. Le plus simple 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 se trouve après la ligne get_header(). Ensuite, collez le code à la fin de votre fichier sp-single-post.php.

Sauvegardez ensuite le fichier et téléchargez-le 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 en apportant toute autre modification que vous souhaitez.

Voilà, c'est fait.

Dans cet article, nous vous présentons 3 façons de créer un modèle d'article personnalisé dans WordPress. 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 êtes ici, vous aimerez peut-être ce billet sur l 'anatomie d'une page d'atterrissage réussie.

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.