Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment afficher les métadonnées des publications de blog dans vos thèmes WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous afficher les métadonnées de vos publications dans votre blog WordPress ?

Les métadonnées comprennent des informations importantes sur vos publications, telles que la date de publication, le nom de l’auteur et les identifiants. Il peut arriver que vous souhaitiez afficher des détails supplémentaires dans cette section.

Dans cet article, nous allons vous afficher comment afficher facilement les métadonnées des publications sur WordPress.

How to display blog post meta data in your WordPress themes

Pourquoi afficher les métadonnées des publications de blogs sur votre site WordPress ?

Les métadonnées des articles de blog sont des informations sur une publication qui ne font pas partie du contenu réel. Elles comprennent des éléments tels que la date de publication, le nom de l’auteur (si vous gérez un blog WordPress à plusieurs auteurs), les catégories et les identifiants, les taxonomies personnalisées, etc.

Ces métadonnées peuvent apparaître à de nombreux endroits différents, en fonction de votre thème WordPress.

An example of post metadata, on the WPBeginner website

Où qu’elles apparaissent, les métadonnées peuvent aider les internautes à en savoir plus sur votre contenu. Elles peuvent également les aider à découvrir d’autres publications intéressantes. Par exemple, ils peuvent rechercher d’autres blogs écrits par la même auteur/autrice.

Ainsi, les métadonnées de publication peuvent améliorer l’expérience des utilisateurs/utilisatrices et même augmenter le nombre de pages vues. Attention toutefois à ne pas afficher trop de métadonnées de publication, car cela peut donner à votre site un aspect désordonné et confus.

Par défaut, WordPress affiche déjà certaines métadonnées de l’article, comme la date de publication de l’article de blog, le nom de l’auteur et la catégorie. Mais il peut arriver que vous souhaitiez ajouter des informations supplémentaires.

Ceci étant dit, voyons comment vous pouvez afficher les métadonnées des publications dans les thèmes WordPress. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Méthode 1 : Utiliser l’Outil de personnalisation du thème WordPress (thèmes non bloqués)

Certains thèmes WordPress non bloquants vous permettent de personnaliser les métadonnées des publications sans écrire de code.

Pour vérifier si c’est le cas pour votre thème, il suffit d’aller dans Apparence «  Personnaliser, ce qui ouvre le personnalisateur de thème de WordPress.

The WordPress theme customizer

Vous pouvez maintenant rechercher les réglages qui vous permettent de personnaliser les pages de votre blog. Ces réglages sont généralement libellés « blog », « paramètres du blog », « publications », etc.

Par exemple, si vous utilisez le thème WordPress Astra, il vous suffit de sélectionner « Blog » dans le menu de gauche.

Adding post meta data using the WordPress theme customizer

Cliquez ensuite sur « Blog / Archive ».

Il suffit de défiler jusqu’à la section « Meta » pour voir toutes les différentes métadonnées que vous pouvez ajouter ou retirer.

Adding post meta data using the theme's settings

Pour ajouter des métadonnées à votre site, il suffit de cliquer sur son icône « afficher », qui ressemble à un œil.

Pour retirer une métadonnée, cliquez à nouveau sur l’icône.

Adding and removing post meta data using the WordPress theme customizer

Vous pouvez également modifier l’ordre dans lequel WordPress affiche ces métadonnées aux internautes à l’aide de la fonction glisser-déposer.

Au fur et à mesure que vous apportez des modifications dans le personnalisateur de thème, la Prévisualisation directe se met à jour automatiquement, ce qui vous permet d’essayer différents réglages pour voir ce qui convient le mieux à votre site WordPress.

Lorsque vous êtes satisfait de l’aspect des métadonnées de la publication, n’oubliez pas de cliquer sur « Publier » pour que vos modifications soient directes.

Publishing post meta data in WordPress

Même si vous ne voyez aucun réglage des métadonnées des articles dans le personnalisateur de WordPress, il peut toujours y avoir un moyen d’ajouter ces informations sans écrire de code.

Dans cette optique, nous vous recommandons de consulter la documentation du thème. Vous pouvez également vous adresser au développeur/développeuse du thème pour obtenir de l’aide.

Pour de nombreuses astuces utiles, veuillez consulter notre guide sur la façon de demander correctement un support WordPress et de l’obtenir.

Méthode 2 : Utilisation de l’éditeur de blocs (thèmes uniquement)

Si vous utilisez un thème basé sur des blocs comme Hestia Pro, vous pouvez afficher les métadonnées des publications n’importe où sur votre site à l’aide du bloc Post Meta.

Pour Premiers, il suffit d’aller dans Apparence  » Éditeur dans le tableau de bord WordPress.

Selecting the Full-Site Editor from the WordPress admin panel

Par défaut, l’éditeur de site complet affiche le modèle d’accueil de votre thème.

Pour ajouter les métadonnées aux publications de votre blog WordPress, cliquez sur « Modèles » dans le menu de gauche.

Choosing the Templates menu on WordPress Editor

L’éditeur affiche alors une liste de tous les modèles qui composent votre thème WordPress.

Il suffit de cliquer sur le modèle unique, qui contrôle la mise en page de vos publications de blog.

Editing a Single template using the WordPress full site editor

WordPress affiche maintenant une Prévisualisation du modèle de page unique.

Pour modifier ce Modèle, cliquez sur l’icône du petit crayon.

Editing a single template in WordPress

En règle générale, le Modèle de publication unique devrait déjà contenir un bloc Post Meta, que vous pouvez ensuite modifier à votre guise.

Mais si ce n’est pas le cas, alors vous devez cliquer sur l’icône bleue  » +  » dans le coin supérieur gauche. Dans la barre de recherche qui apparaît, tapez  » Post Meta « .

Adding the Post Data block to a block-based template

Lorsque le bon bloc apparaît, faites-le glisser et déposez-le sur la mise en page de votre blog.

Par défaut, ce bloc affiche les catégories, le nom de l’auteur/autrice et les identifiants de la publication.

How to add post meta data to a WordPress blog

Il se peut que vous souhaitiez modifier ces métadonnées. Par exemple, vous pouvez supprimer les identifiants ou modifier le texte statique que WordPress affiche avant les métadonnées.

L’image suivante affiche un exemple de l’aspect du bloc Post Meta par défaut sur votre blog WordPress.

Adding post information using the block-based editor

Pour modifier ce bloc, il suffit de cliquer pour le sélectionner dans l’éditeur du site complet. Vous pouvez ensuite cliquer sur n’importe quel bloc à l’intérieur du bloc Post Meta et effectuer vos modifications.

Faites simplement attention à ce que vous modifiez le texte statique que WordPress affiche devant les métadonnées ou le texte dynamique que WordPress remplacera par des valeurs réelles.

Par exemple, dans l’image suivante, nous avons ajouté un texte statique à la section Auteur/autrice de la publication.

Adding post meta data to a WordPress blog post

En revanche, nous n’avons pas modifié le texte dynamique « auteur/autrice de la publication ».

Dans l’image suivante, vous pouvez voir ce que cela donnera sur votre blog WordPress.

An example of blog post meta data

Vous pouvez également ajouter des métadonnées dans le bloc Post Meta.

Par exemple, l’éditeur de site complet dispose de blocs, tels que Post Date et Post Author Biography, que vous pouvez facilement ajouter au bloc Post Meta par glisser-déposer. Il existe de nombreuses options parmi lesquelles choisir, vous pouvez donc prendre votre temps pour les explorer.

Il vous suffit de cliquer sur le bouton bleu « + » et de trouver le bloc que vous souhaitez utiliser. Vous pouvez ensuite le faire glisser et le déposer sur le bloc Post Meta.

Adding blocks using the block-based WordPress editor

Si vous ajoutez d’autres blocs au bloc Post Meta, il se peut que vous deviez modifier sa mise en page.

Pour ce faire, il suffit de cliquer sur le bloc Post Meta et de sélectionner l’onglet « Bloc ».

Organizing content into columns

Vous pouvez maintenant utiliser ces réglages pour organiser le contenu dans une belle mise en page. Par exemple, vous pouvez modifier le nombre de colonnes ou ajouter des marges internes et externes.

Lorsque vous êtes satisfait de l’aspect du Modèle unique, cliquez sur le bouton « Enregistrer ».

Saving a custom block-based template

Maintenant, si vous visitez votre site, vous verrez les métadonnées de publication en action.

Ensuite, vous pouvez ajouter les métadonnées des publications à d’autres parties de votre site, comme votre page d’archives personnalisée.

Pour ce faire, il suffit d’ouvrir l’éditeur/éditrices du site complet en suivant la même procédure que celle décrite ci-dessus.

Vous pouvez ensuite sélectionner « Modèles » dans le menu de gauche et choisir le modèle que vous souhaitez modifier.

Editing the blog archive template

Ensuite, vous pouvez ajouter des métadonnées de publication en suivant le même processus décrit ci-dessus.

Astuce : Vous voulez faire passer vos pages de publication unique au niveau supérieur ? Suivez ce guide étape par étape pour apprendre à créer un modèle de publication unique personnalisé dans WordPress.

Méthode 3 : Création d’un thème WordPress personnalisé (entièrement personnalisable)

Une autre option consiste à créer un thème WordPress personnalisé. Il s’agit d’une méthode plus avancée, et elle est recommandée si vous souhaitez utiliser un thème entièrement différent pour votre site.

Cela dit, vous aurez un contrôle total sur l’endroit où les métadonnées de la publication apparaissent sur votre site.

Dans le passé, vous deviez suivre des tutoriels WordPress compliqués et écrire du code pour construire un thème WordPress personnalisé. Cependant, il est maintenant possible de créer vos propres thèmes sans écrire une seule ligne de code en utilisant SeedProd.

SeedProd est le meilleur constructeur de pages WordPress par glisser-déposer et est également livré avec un constructeur de thème. Cela vous permet de concevoir vos propres thèmes à l’aide d’un simple éditeur drag and drop.

The SeedProd theme builder

Pour obtenir des instructions étape par étape, veuillez consulter notre guide sur la façon de créer un thème WordPress personnalisé (sans aucun code).

Après cela, vous pouvez ajouter des métadonnées de publication à n’importe quelle partie de votre site WordPress. Trouvez simplement le bloc  » Post Info  » dans le menu de gauche de SeedProd.

SeedProd's Post Info block

Maintenant, faites glisser et déposez le bloc sur votre page.

Ensuite, cliquez sur pour sélectionner le bloc Informations sur la publication. Par défaut, ce bloc affiche les métadonnées de l’auteur/autrice, de la date, de l’heure et des commentaires.

Adding SeedProd's post info block to a page

Cependant, vous pouvez également afficher la date de modification, les termes modifiés et les métadonnées des termes.

En savoir plus sur le module, il suffit de cliquer sur « Ajouter un article ».

Creating new meta data items

Cela permet d’ajouter un nouvel article.

Maintenant, allez-y et cliquez sur l’article pour voir tous ses Réglages.

Adding more post info to a WordPress website

Ouvrez le menu déroulant « Type » et choisissez le type de métadonnées que vous souhaitez afficher.

En fonction de l’option choisie, vous aurez accès à des réglages supplémentaires. Par exemple, si vous avez sélectionné « Heure modifiée », vous pouvez choisir le format de l’heure.

Adding 'modified time' information to a WordPress website

Vous pouvez également modifier l’icône que SeedProd utilise pour l’article de métadonnées. Ouvrez simplement le menu déroulant  » Icône  » et choisissez  » Personnalisé « .

Vous pouvez ensuite cliquer sur « Choisissez une icône ».

Choosing an icon from SeedProd's library

La bibliothèque d’icônes s’affiche alors, avec des centaines d’icônes parmi lesquelles choisir. Vous pouvez utiliser la barre de recherche pour rechercher une icône spécifique ou parcourir toute la liste.

Lorsque vous trouvez une image que vous souhaitez utiliser, il vous suffit de la survoler, puis de cliquer sur le bouton « Plus » pour l’ajouter à votre page.

The SeedProd icon library

Voulez-vous retirer un article de métadonnées à la place ?

Il suffit ensuite de survoler cette dernière avec votre souris, puis de cliquer sur l’icône de la corbeille lorsqu’elle apparaît.

Deleting meta data from a custom theme

Enfin, vous pouvez commander la modification de l’ordre des articles de métadonnées par glisser-déposer.

Lorsque vous êtes satisfait de la façon dont la boîte d’information sur la publication est définie, vous pouvez en modifier l’aspect en sélectionnant l’onglet « Avancé ».

Adding styles to meta data using SeedProd

Ici, vous pouvez modifier l’espacement, ajouter une bordure et même des effets d’animation CSS.

Lorsque vous êtes satisfait de l’aspect de la page, il vous suffit de cliquer sur le bouton « Enregistrer », puis de choisir « Publier » pour la mettre en direct.

Publishing a blog template

Méthode 4 : Ajouter du code aux fichiers de votre thème WordPress (Avancé)

Vous pouvez également ajouter les métadonnées des articles de blog à l’aide d’un code personnalisé. Cette méthode est recommandée si les options de métadonnées des publications fournies par le personnalisateur de thème WordPress, l’éditeur de site complet et SeedProd ne répondent pas à vos besoins.

Si vous êtes débutant, alors l’utilisation du code peut sembler intimidante car vous pouvez potentiellement casser votre site. C’est pourquoi nous vous recommandons d’utiliser WPCode, l’extension la plus simple et la plus sûre pour insérer des extraits de code personnalisés dans votre site.

WPCode - Best WordPress Code Snippets Plugin

Avec WPCode, vous pouvez ajouter du code à WordPress sans interagir directement avec les fichiers du cœur du logiciel. Ainsi, vous ne provoquerez pas d’erreurs sur votre site WordPress.

En fait, nous avons déjà quelques articles avec des extraits de code personnalisés que vous pouvez utiliser comme métadonnées de publication. Vous pouvez Premiers pas avec les guides suivants :

Une chose à noter est que vous devrez choisir le bon Emplacement pour le code à exécuter afin qu’il s’affiche sur toutes vos publications de blog.

Pour les métadonnées de publication, il peut s’agir de Insérer avant la publication, Insérer après la publication, Insérer avant le contenu ou Insérer après le contenu.

The WPCode insert locations for blog post content

En outre, vous pouvez utiliser des champs personnalisés ou des boîtes de méta personnalisées. Ces deux options vous permettent d’ajouter vos propres champs dans l’éditeur de blocs de WordPress, que vous pouvez ensuite utiliser pour insérer divers types de métadonnées.

En savoir plus, consultez les guides suivants :

Nous espérons que cet article vous a aidé à apprendre comment afficher les métadonnées des publications de blog dans vos thèmes WordPress. Vous pouvez également consulter notre guide sur la façon de créer une page d’atterrissage avec WordPress ou voir nos choix d’experts pour les meilleures extensions de page d’atterrissage.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

20 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I left the metadata basic, but according to your instructions in different article, I added the date of the last modification of the posts using a snippet. In addition, I modified it so that it is displayed only for articles and not for pages. I found it important to add the latest revision of the article, because if a reader sees an article that was published, for example, two years ago, he may consider it outdated and the content irrelevant. That’s why I added this metadata to make it clear at first glance that the article is being added to and edited over time to be valid for its time. I find this information really important.

  3. Ralph says

    As an autor of personal blog i ditched all of that info. Everybody knows only 1 person post on that website and i think this just waste the space on screen and first glance is very important for stay or nay decision. I only left the post original date (or when edited) as i often write about specific stuff and want readers to know if it is up to date or not.

    • WPBeginner Support says

      That is certainly an option for that type of site but there are many different types of sites out there :)

      Administrateur

  4. Serah says

    I’m using code snippets and none of it work. I get the following error message « syntax error, unexpected ‘<', expecting end of file"

    • WPBeginner Support says

      You may want to try adding above the code snippet you are trying to use the closing tag:
      ?>

      Administrateur

  5. zunairah says

    Hey, great article. I want to display only one category on my blog. Let’s say if I have a post that comes under three categories, I want to display only one category out of three as metadata on a single post. How can I achieve it?

    • WPBeginner Support says

      In those cases, it would normally be better to restructure your categories so the post would only be in one and use tags for organization

      Administrateur

  6. Thom says

    Thanks a lot for this article! I have one question. Is it possible to hide Tags: and This post was filed under: in case no tags or categories are set?

    • WPBeginner Support says

      It would depend on how your specific theme has added it and you would normally add a conditional statement. If you check with the support for your theme they may be able to assist.

      Administrateur

  7. Arif Wali says

    Hello,
    Wpbeginners helped me alot during my whole career. Thank You for all. I have a question that is there any role of published date and authors name in SEO? can it effect ranking ? I have a php website and I have published many posts but it doesn’t contain any author name or date. should I add these to my site ?

  8. Jen says

    Thanks for the info! So I’m trying to add a date to my posts. I saw your code but where is that added?

    Thank you!

    • WPBeginner Support says

      It would depend on where you want to have the information displayed for where to add the code. If you reach out to the support for your current theme they should be able to point you to the right direction

      Administrateur

  9. simpson says

    Hello, i have news aggregator site how to add on homepage after every post source name and time when is published post (example google | before 45 minutes

  10. Liudmyla Shapovalova says

    Hello, I have added an author name using the code provided in the article, but the link goes to the home page and not to the all articles written by this author. Please advise, thank you in advance, Liudmyla

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.