Lorsque vous publiez du contenu en ligne, vous devez montrer aux utilisateurs que l’article de blog, la page ou le média est frais, précis et à jour.

Une façon de révéler l’actualité de votre contenu est d’afficher la date de « Dernière mise à jour » quelque part sur un article ou une page de blog WordPress, comme au-dessus ou au-dessous de l’image mise en avant, du titre ou de l’article entier.

De cette façon, l’utilisateur voit la date de la dernière mise à jour en même temps que la date de publication, ou vous pouvez remplacer la date de publication.

En bref, la date affichée finit par être plus récente, indiquant au lecteur (et aux moteurs de recherche) que votre contenu est frais, et que vous n’avez pas laissé passer trop de temps (ce qui pourrait entraîner des liens brisés, des informations inexactes ou des images périmées).

Consultez notre guide vidéo pour afficher la date de dernière mise à jour sur les articles et les pages WordPress

Où afficher les dates de publication et de dernière mise à jour

En fonction du style de votre thème, la date de publication peut apparaître sur les articles, les pages ou les deux. Elle est généralement placée juste après le titre, avant le contenu, et souvent accompagnée d’une signature.

Un exemple de la date de publication sur un ancien article.
Un exemple de la date de publication sur un ancien article.

Cela dit, le style et le placement de la date de publication dépendent entièrement de votre thème. Vous pouvez la voir au-dessus de l’image mise en avant et avec une icône, comme sur le thème ci-dessous.

Le thème Twenty Twenty offre un format unique de date de publication.
Le thème Twenty Twenty offre un format unique de date de publication.

Certains thèmes placent même les dates de publication et de dernière mise à jour à la fin de votre contenu, juste avant la boîte de commentaires.

La date sur ce thème est affichée sous le contenu.
La date sur ce thème est affichée sous le contenu.

Vous pouvez également trouver la date de publication dans l’administration en allant dans la colonne Date dans votre liste d’articles.

La colonne Date affiche les dates de publication dans le tableau de bord de WordPress.
La colonne Date affiche les dates de publication dans le tableau de bord de WordPress.

WordPress révèle également la date de publication dans l’éditeur d’articles.

La date de publication est la seule date affichée lors de la modification d'un article dans WordPress.
La date de publication est la seule date affichée lors de la modification d’un article dans WordPress.

Dans cet article, nous expliquons les avantages d’afficher la date de « Dernière mise à jour » au lieu de la date de publication. Nous vous guiderons également à travers différentes méthodes pour afficher la date de dernière mise à jour, tout en démontrant comment dire quand un site web a été mis à jour pour la dernière fois.

Continuez à lire pour tout savoir !

Avantages de l’affichage de la date de « dernière mise à jour » sur votre site

La mise à jour régulière de votre contenu et l’affichage de la date de dernière mise à jour présentent divers avantages pour le propriétaire du site, les utilisateurs des moteurs de recherche et les personnes déjà présentes sur votre site. C’est également utile à des fins de SEO, étant donné que les moteurs de recherche tiennent compte de la nouveauté et de la pertinence pour déterminer les classements.

Voici les principaux avantages de l’affichage de la date de « dernière mise à jour » sur vos pages et articles.

  • La date la plus récente est plus précise que la date de publication, et elle montre que votre contenu est probablement plus actualisé que celui qui a été publié il y a un certain temps.
  • Les utilisateurs voient qu’il s’agit d’un article mis à jour et ne supposent pas qu’il s’agit d’un ancien article, ce qui augmente potentiellement vos taux de clics et le temps global que les utilisateurs passent à lire.
  • Votre date de « Dernière mise à jour » vous permet de vous démarquer davantage, car les moteurs de recherche affichent ces dates dans les résultats et vos résultats sont placés juste à côté des listes d’autres sites.
  • Cela donne aux moteurs de recherche un autre moyen de reconnaître l’article comme frais. Les moteurs de recherche explorent le contenu, bien sûr ; mais cela ne se produit pas tout le temps, et la date de « Dernière mise à jour » renforce les changements apportés à votre site.
  • Des dates plus récentes donnent un sentiment de confiance que vous avez éliminé les problèmes de contenu comme les liens brisés, les images cassées, et tout contenu qui n’est plus vrai.
  • Les moteurs de recherche ont tendance à indexer votre site plus fréquemment lorsque le contenu (et la date) est mis à jour. Ce n’est pas une règle absolue, mais les moteurs de recherche sont connus pour enregistrer les sites dont le contenu est constamment mis à jour, en les explorant plus fréquemment.
  • Vous augmentez le potentiel d’un meilleur classement général dans les recherches, car l’ensemble de votre site bénéficie de vos articles mis à jour.
  • Cela vous donne une excuse/rappel visuel pour mettre à jour votre contenu, puisque vous pouvez remarquer une date plus ancienne et réaliser qu’un rafraîchissement est en ordre.
  • Les moteurs de recherche préfèrent que vous mettiez à jour l’ancien contenu plutôt que de créer un nouvel article chaque fois que vous avez de nouvelles informations sur le même sujet. Cela élimine le risque de duplication du contenu et explique pourquoi il est préférable d’afficher la date la plus récente pour améliorer le référencement.
  • Certaines publications (comme les journaux en ligne) doivent afficher la date de « Dernière mise à jour » afin que le contenu contenant des corrections et de nouvelles informations soit affiché en haut du flux du site. Ceci afin que les utilisateurs ne manquent pas ces mises à jour.

Comment afficher la date de dernière mise à jour dans WordPress

Par défaut, WordPress n’affiche pas la date de dernière mise à jour pour le contenu nouveau ou actualisé, mais plutôt la date de publication. Cette date de publication est conservée même si plusieurs années se sont écoulées et que l’article a été mis à jour plusieurs fois.

Certains thèmes modernes offrent des fonctions intégrées permettant de présenter la date de dernière mise à jour en quelques clics de souris. C’est une bonne pratique de vérifier d’abord la personnalisation de WordPress pour tout réglage de personnalisation de la date à partir de votre thème. Mais il n’y a aucune garantie que quelque chose soit disponible.

Si vous ne pouvez pas ajouter la date de dernière mise à jour dans la personnalisation de WordPress, utilisez ces méthodes pour l’ajouter :

  1. En modifiant le fichier functions.php et le CSS
  2. En modifiant et en ajoutant du code au modèle de votre thème
  3. Avec une extension

Les deux premières méthodes nécessitent que vous accédiez aux fichiers du thème de votre site, alors lisez les hiérarchies de fichiers de WordPress (et comment les comprendre) si vous n’êtes pas encore expérimenté.

Consultez les trois méthodes ci-dessous pour comprendre la meilleure marche à suivre dans votre situation.

Méthode 1 : Modifier functions.php et le CSS dans votre thème

La première méthode pour ajouter la date de « Dernière mise à jour » dans WordPress implique d’accéder au fichier functions.php de votre thème et d’y ajouter du code. Comme alternative, vous pouvez ajouter ce code à un thème enfant ou à une extension spécifique au site pour éviter tout problème de disparition du code si vous changez ou mettez à jour le thème.

Toutes ces options utilisent le même type de code CSS, nous vous donnerons donc des bouts de code à ajouter, et nous vous montrerons comment le placer dans le fichier functions.php. Si vous utilisez un thème enfant ou un e extension spécifique au site, prenez simplement ce même code et modifiez ces fichiers.

Pour commencer, allez dans le fichier functions.php de votre thème. La façon la plus simple d’accéder à functions.php est de se connecter avec SFTP en utilisant un client FTP. Vous pouvez généralement le trouver dans votre client FTP en allant sur /www (ou le nom de votre site) > /public > /wp-content > /themes > /theme-name (dans ce tutoriel, nous utilisons /twentytwentyone).

Ouvrez le fichier functions.php.
Ouvrez le fichier functions.php.

Ouvrez le fichier en utilisant un éditeur de texte ou markdown, puis ajoutez le code suivant (ce code devrait également fonctionner si vous utilisez un thème enfant/une extension spécifique au site) :

function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Enregistrez et téléversez le fichier sur votre serveur. Ainsi, la date de dernière mise à jour apparaît juste avant le contenu de votre article. Le code vérifie initialement si la date de publication et la date de dernière mise à jour sont les mêmes.

Si elles sont identiques, vous verrez toujours la date de publication seule. Si elles sont différentes, la date de dernière mise à jour s’affiche en même temps que la date de publication.

Vue frontend de la date de dernière mise à jour.
Vue frontend de la date de dernière mise à jour.

Comment modifier le style de votre nouvelle date de dernière mise à jour

Le nouveau code PHP dans functions.php n’a pas de style, mais il peut quand même avoir l’air acceptable à partir du style de votre thème. Si ce n’est pas le cas, pensez à styliser la date de dernière mise à jour en insérant un code CSS personnalisé pour contrôler son apparence. Voici quelques exemples de code à essayer ou à développer :

.last-updated-date {
  font-size: large;
  font-family: monospace;
  text-transform: uppercase;
  color: white;
  background-color: black;
}

Remarquez que nous utilisons la classe last-updated-date qui est en corrélation avec le code PHP inséré dans functions.php. Vous pouvez la modifier à votre guise, mais veillez à utiliser la même classe dans votre code CSS.

Remarque : il est tout à fait possible de modifier les propriétés et les valeurs CSS en fonction de vos besoins ; ce ne sont que des exemples.

Insérez ce code CSS dans le champ après avoir accédé à Apparence > Personnaliser > CSS supplémentaire dans WordPress. Cela permet d’activer le CSS sur l’ensemble du site au lieu de ne le faire que sur une page ou un article.

Ajouter le code CSS pour le style.
Ajouter le code CSS pour le style.

Après avoir publié le code CSS, ces changements de style se reflètent sur toutes les instances frontend des dernières dates de mise à jour. Par exemple, nous avons modifié la couleur d’arrière-plan, la couleur de la police, la famille de polices, la taille de la police, et nous avons également tout transformé en lettres majuscules.

Vue frontend après stylisation CSS.
Vue frontend après stylisation CSS.

Comment supprimer la date de dernière mise à jour des pages et autres contenus non-articles

Vous constatez peut-être que presque toutes les pages de votre site web ont une date de dernière mise à jour. Ce n’est pas bon, car vous n’avez aucune raison d’indiquer quand les pages comme la page d’accueil, les pages de produits, la page À propos de nous et le panier d’achat ont été mises à jour pour la dernière fois.

La page Politique de confidentialité, par exemple, indique maintenant la date de sa dernière mise à jour, même s’il s’agit d’une information inutile pour quelqu’un qui tombe sur la page (et le thème n’indiquait pas la date de publication au départ).

Certains sites n'ont pas besoin d'une date de dernière mise à jour sur des pages comme la politique de confidentialité.
Certains sites n’ont pas besoin d’une date de dernière mise à jour sur des pages comme la politique de confidentialité.

Si vous vous trouvez dans cette situation, c’est probablement à cause de votre thème. Certains thèmes WordPress dépouillent automatiquement les pages de leurs dates de dernière mise à jour et de publication puisqu’elles n’ont aucune raison d’être. Mais il se peut que vous vous retrouviez avec un thème sans ces capacités. Dans ce cas, tout ce dont vous avez besoin est un simple ajout au code PHP précédemment implémenté.

Retournez donc dans le fichier functions. php de votre thème et ajoutez ceci entre 86400 et ).

&& is_singular('post')

Comme ceci :

function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400 && is_singular('post')) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Grâce à cet ajout, le texte de la date de mise à jour récente est masqué dans tous les types de publications WordPress qui ne sont pas des articles (comme les pages ou les produits).

La date est supprimée de toutes les pages, mais reste sur les articles.
La date est supprimée de toutes les pages, mais reste sur les articles.

Supprimer la date de publication et afficher UNIQUEMENT la date de dernière mise à jour

Il est fréquent que la date de publication soit conservée même après avoir implémenté le code pour ajouter la date de dernière mise à jour. Certains thèmes la suppriment, mais ce n’est pas si fréquent. Le problème est que vous avez maintenant deux dates affichées sur vos articles WordPress : la date de publication et la date de dernière mise à jour.

Bien que certaines situations puissent rendre cela acceptable, deux dates sont très probablement source de confusion pour le lecteur. Donc, vous pourriez vouloir cacher la date de publication mais garder autour de vous la date de dernière mise à jour.

Il existe des extensions pour y parvenir, mais la correction CSS est simple. Nous ne vous recommandons donc pas d’installer une extension complète juste pour supprimer un élément sur votre site.

Pour vous débarrasser de la date de publication mais conserver la date de dernière mise à jour (précédemment ajoutée à partir des méthodes ci-dessus), allez dans Apparence > Personnaliser > CSS supplémentaire dans le tableau de bord de WordPress.

Collez ce code dans le champ CSS supplémentaire :

.entry-date {
  display: none !important;
}

Cliquez sur le bouton Publier pour mettre ces changements en vigueur.

Ajouter le CSS dans la personnalisation de WordPress.
Ajouter le CSS dans la personnalisation de WordPress.

Vous devriez maintenant voir la date de publication supprimée mais la date de dernière mise à jour est toujours affichée.

Vue frontend de la date de dernière mise à jour toujours présente sans la date de publication.
Vue frontend de la date de dernière mise à jour toujours présente sans la date de publication.

Gardez à l’esprit que bien que le nom de la classe CSS .entry-date soit commun à un large éventail de thèmes, il n’est pas utilisé dans tous les thèmes. Donc, si ce code particulier ne fonctionne pas pour vous, c’est très probablement parce que votre thème utilise un nom de classe qui n’est pas .entry-date.

Mais le code CSS est toujours bon, donc tout ce que vous avez à faire est de déterminer le nom de classe que votre thème utilise pour la date de publication. Pour cela, naviguez dans l’interface publique d’un article de blog et faites un clic droit sur la date de publication actuellement affichée. Sélectionnez l’option « Inspecter » (ceci varie en fonction de votre navigateur : Chrome utilise Inspecter, Firefox utilise Inspecter l’élément, et pour Safari, vous devez appuyer sur la touche Option + C)

Cliquez avec le bouton droit sur la date et choisissez l'option Inspecter
Cliquez avec le bouton droit sur la date et choisissez l’option Inspecter

Cela révèle la section Outils du développeur de votre navigateur, qui affiche les éléments de codage de votre page actuelle, en particulier le code CSS de l’élément de page sur lequel vous venez de cliquer.

Il devrait apparaître comme l’élément principal si vous avez cliqué sur la date, mais si ce n’est pas le cas, cherchez une section pour <time class=. La classe CSS de votre date de publication doit apparaître juste après ; dans ce cas, il s’agit de entry-date. Mais les développeurs utilisent de nombreuses variantes de ce code lorsqu’ils créent des thèmes, comme post-date, posts-date, et published-date.

Recherchez l'extrait time class= et les informations qui le suivent.
Recherchez l’extrait time class= et les informations qui le suivent.

Ne copiez que cette classe (pas les parenthèses ni les autres éléments).

Collez le code dans le snippet CSS suivant, en remplaçant yourthemes-class-name. Veillez à conserver le point avant le nom de la classe.

.yourthemes-class-name {
  display: none;
}

Et cela devrait faire l’affaire !

Un moyen rapide (mais seulement parfois efficace) de se débarrasser de la date de publication

Une façon rapide et sans code de supprimer la date de publication tout en conservant la date de dernière mise à jour (insérée à partir de la méthode précédente), consiste à supprimer entièrement le formatage de la date dans les réglages généraux de WordPress.

Dans WordPress, allez dans Réglages > Général, puis faites défiler vers le bas jusqu’aux sections Format de la date et Format de l’heure. Choisissez l’option Personnalisé pour les deux et supprimez le formatage d’exemple dans chaque champ. Cliquez sur le bouton Enregistrer les modifications en bas.

Choisissez l'option Personnalisé et effacez les champs.
Choisissez l’option Personnalisé et effacez les champs.

En conséquence, plus aucune date de publication n’apparaît sur vos articles de blog (ou tout autre type d’article d’ailleurs), mais la date de dernière mise à jour demeure, pour autant que vous ayez implémenté le code nécessaire pour afficher la date de dernière mise à jour dans le fichier functions.php (présenté plus haut dans cet article).

Vous devriez voir la date de mise à jour sans la date de publication sur l'interface publique.
Vous devriez voir la date de mise à jour sans la date de publication sur l’interface publique.

Méthode 2 : Modifier le modèle de votre thème

Les développeurs de thèmes utilisent différents modèles dans les fichiers du thème pour afficher des informations. La plupart du temps, un modèle de thème dicte où et comment les métadonnées des articles (comme la date de publication) s’affichent sur le thème.

Vous devrez peut-être effectuer quelques recherches, mais l’idée est de localiser le modèle (et le code dans ce modèle) responsable du partage de la date et de l’heure d’un article sur l’interface publique. Là encore, les développeurs diffèrent quant aux modèles utilisés, mais il est courant de voir le code de la date de publication dans l’un de ces modèles :

  • index.php
  • page.php
  • single.php
  • archive.php
  • contenu.php
  • template-tags.php
  • template-functions.php
  • Un fichier PHP dans le dossier /inc
  • Un fichier PHP dans le dossier /post
  • Un fichier PHP dans le dossier /content
  • Un fichier dans le dossier /excerpt
  • Un fichier dans le dossier /template-parts

Il est laissé à la discrétion du développeur (et à son propre style), vous devez donc creuser pour trouver où se trouve le bon code, ou pour localiser un fichier nommé différemment de ceux énumérés ci-dessus.

Voici quelques options pour trouver le bon fichier de thème :

  • Envoyez un message au développeur du thème et demandez-lui quel modèle de thème contrôle la sortie des dates de publication des articles. Vous pouvez également effectuer une recherche en ligne ou dans le forum des utilisateurs d’un thème.
  • Vérifiez les modèles de thème les plus courants. Vous pouvez commencer par index.php, page.php et single.php pour les thèmes les plus simples, mais la plupart des thèmes modernes utilisent des fichiers tels que /template-parts, /excerpts et /inc.
  • Utilisez la fonction de recherche du client FTP pour rechercher des occurrences de textes tels que posted, time, date, get_the_time ou get_the_date.

Pour cet exemple, nous utilisons le thème Twenty Twenty One, et nous avons constaté que le code de la date de publication se trouve dans le fichier template-tags.php, ce qui vous donne une idée du manque de standardisation de la part des développeurs de thèmes.

Les indicateurs de la date de publication dans ce fichier incluent :

  • Une référence à la classe de temps
  • Le code get_the_date
  • Le texte « Published »
Divers indicateurs pour trouver le fichier qui sert les date.
Divers indicateurs pour trouver le fichier qui sert les date.

Lorsque vous trouvez de tels indicateurs, décidez d’une zone dans le code qui a du sens pour placer la date de la dernière mise à jour. Il est généralement préférable d’insérer le nouveau code avant ou après la section qui affiche déjà la date publiée.

Copiez ce code et collez-le à l’endroit que vous souhaitez :

$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
  echo "<p>Last Updated on ";
  the_modified_time('F jS, Y');
  echo " at ";
  the_modified_time();
  echo "</p> ";
}
Collez le code dans votre fichier de modèle.
Collez le code dans votre fichier de modèle.

Travailler avec des fichiers modèles a tendance à prendre un peu plus de temps pour trouver les bons dossiers, mais c’est payant avec plusieurs avantages – principalement le fait que la date de dernière mise à jour s’affiche réellement à plusieurs endroits.

L’une de ces zones se trouve juste à l’endroit où vous avez inséré le code pour les articles. Dans cet exemple, nous pouvons maintenant voir la date et le texte de la dernière mise à jour au bas de l’article, juste au-dessus de la date de publication.

La date de dernière mise à jour s'affiche désormais sur chaque article.
La date de dernière mise à jour s’affiche désormais sur chaque article.

La modification du modèle de thème permet également d’afficher la date de dernière mise à jour sur la page principale Blog/Archive, où tous les articles WordPress sont listés dans l’ordre. Ainsi, chaque article mis à jour révèle cette date dans la liste, donnant aux visiteurs du site encore plus de transparence sur la fraîcheur de votre contenu.

Cette méthode révèle également la date de dernière mise à jour sur votre page principale Blog/Archive.
Cette méthode révèle également la date de dernière mise à jour sur votre page principale Blog/Archive.

Modifier l’emplacement où apparaît la date de dernière mise à jour

Les modèles de thèmes dictent la façon dont les dates apparaissent sur les articles WordPress, mais ils décident également de l’endroit où la date est indiquée sur un article.

Comme cela dépend du thème et de la structure de son modèle, vous pouvez constater qu’un thème présente les dates de publication et de dernière mise à jour en haut de l’article, juste en dessous du titre mais au-dessus du contenu. D’autres développeurs de thèmes choisissent de révéler les dates vers le bas, comme avant la biographie de l’auteur, ou même à un endroit unique comme dans la colonne latérale.

Par conséquent, il est nécessaire d’utiliser les modèles de thèmes pour ajuster l’emplacement de la date de dernière mise à jour ou de publication sur un article. Parfois, cela signifie simplement déplacer le code que vous avez inséré dans la méthode 2 ailleurs dans ce même fichier PHP.

D’autres fois, ce fichier PHP est en fait un fichier de « tempalte-parts », qui est ensuite récupéré par un modèle principal qui organise toutes les parties du modèle, ce qui donne le format de l’article.

En reprenant l’exemple de notre thème Twenty Twenty One, il est clair que le fichier template-tags.php n’est qu’une petite partie qui est finalement insérée dans un fichier maître du thème de l’article. Par conséquent, c’est à vous de demander au développeur quel modèle de thème gère le formatage des articles, ou de faire des recherches par vous-même.

Bien que nous ne puissions pas garantir que cela fonctionne pour tous les thèmes, c’est un excellent point de départ de rechercher un modèle de thème « maître » appelé quelque chose comme single.php, content-single.php, ou même post.php.

Pour le thème Twenty Twenty One, nous pouvons en fait insérer le dernier code mis à jour dans single.php ou content-single.php, étant donné que single.php sert de fichier modèle « maître », mais que content-single.php est la partie du modèle dont single.php s’inspire.

Ouvrez le fichier content-single.php, ou n'importe quel fichier de partie de modèle contenant le code qui affiche les dates.
Ouvrez le fichier content-single.php, ou n’importe quel fichier de partie de modèle contenant le code qui affiche les dates.

Pour déplacer l’emplacement de la date de dernière mise à jour, prenez le code mentionné dans la méthode 2 et collez-le là où vous voulez qu’il aille. Nous pouvons voir que ce fichier possède une section header et un extrait pour the_content, nous placerons donc le code de la dernière date mise à jour juste entre ces deux-là, déplaçant la date de la position par défaut sous le contenu à juste avant le contenu.

Déplacez le code à une position appropriée.
Déplacez le code à une position appropriée.

Sur l’interface pubique, la date de dernière mise à jour apparaît maintenant là où nous le voulons, et vous pouvez soit retirer la date répétée de l’emplacement précédent (vers le bas), soit les laisser toutes les deux là.

La date de dernière mise à jour est maintenant en haut de l'article.
La date de dernière mise à jour est maintenant en haut de l’article.

Ajout de la date de dernière mise à jour dans le thème Astra

Puisque l’utilisation (et les noms) des modèles de thèmes changent d’un thème à l’autre, nous allons vous montrer comment insérer la date de dernière mise à jour dans quelques thèmes populaires pour leurs options de conception polyvalentes et leur rapidité: Astra, Neve et Zakra.

Le premier, Astra, est un thème polyvalent bien connu qui dispose d’une bibliothèque de modèles de démarrage gratuits. Chacun de ces modèles de démarrage ajoute de nouveaux fichiers au répertoire de modèles du thème, mais la structure de base reste la même. Pour ce tutoriel, nous avons installé un modèle de démarrage et voulons maintenant ajouter une date de dernière mise à jour en haut de chaque article.

Pour vous donner une idée de la différence de fonctionnement de chaque thème, le thème Astra (avec son modèle de démarrage Travel Blog) n’affiche même pas la date de publication par défaut. Néanmoins, vous pouvez toujours ajouter la date de dernière mise à jour. Pour insérer la date à l’aide de la méthode 1 de cet article, allez sur /wp-content > /themes > /astra dans votre client FTP. Ouvrez le fichier functions.php.

Ouvrez functions.php.
Ouvrez functions.php.

Collez le code de la méthode 1 à la fin du fichier et enregistrez-le sur votre serveur. Le résultat est que la date de dernière mise à jour s’affiche en haut de vos articles de blog.

Une vue frontend de la date de dernière mise à jour dans Astra.
Une vue frontend de la date de dernière mise à jour dans Astra.

En utilisant la méthode 2, trouvez le modèle de thème appelé single-layout.php. Il est situé sous /astra > /template-parts > /single.

Ouvrez le fichier single-layout.php.
Ouvrez le fichier single-layout.php.

Vous utilisez le même code, mais certains modèles de thèmes exigent que vous précisiez que vous utilisez du code PHP ; ajoutez donc la parenthèse autour du code si vous voyez du code sur l’interface publique et non la date rendue.

Cela devrait ressembler à ceci :

<?php
function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Placez le snippet juste au-dessus de la ligne qui inclut le code the_content.

Insérez le code dans single-layout.php.
Insérez le code dans single-layout.php.

L’enregistrement et le téléversement de ce nouveau fichier sur le serveur génèrent une ligne récemment mise à jour avant que le contenu ne commence sur le thème Astra !

Résultat de la date de dernière mise à jour sur l'interface publique d'Astra.
Résultat de la date de dernière mise à jour sur l’interface publique d’Astra.

Ajout de la date de dernière mise à jour dans le thème Neve

Le thème Neve nous rappelle qu’il faut toujours consulter la personnalisation de WordPress avant de manipuler le code. Chaque thème ajoute ses propres réglages dans la personnalisation, et il se peut donc que vous trouviez une bascule pour afficher uniquement la date de dernière mise à jour. Et c’est exactement le cas avec Neve.

Pour activer le réglage dans WordPress, allez dans Apparence > Personnaliser > Mise en page > Blog/Archive. Cliquez sur le menu déroulant Méta de l’article. Assurez-vous que la date est visible sous Meta Order, puis activez l’option « Utiliser la date de dernière mise à jour au lieu de la date de publication »

La date la plus récente s’affiche alors sur la page du blog et sur chaque article individuel.

Neve facilite les choses avec un réglage de la personnalisation.
Neve facilite les choses avec un réglage de la personnalisation.

Ajout de la date de dernière mise à jour dans le thème WordPress Zakra

Zakra est un autre thème délicat où vous pourriez penser à aller dans le dossier /template-parts de vos fichiers WordPress afin de trouver le code qui sert à afficher la date de publication. Cependant, le bon endroit se trouve dans le dossier /inc.

Pour ajouter la date de dernière mise à jour à Zakra, connectez-vous via un client FTP et allez dans le dossier /themes de votre site. Ensuite, naviguez jusqu’à /zakra > /inc > template-tags.php. Ouvrez le fichier pour le modifier.

Ouvrez le fichier template-tags.php.
Ouvrez le fichier template-tags.php.

Collez le code discuté précédemment entre ); (de la fonction get_the_time ) et $posted_on = sprintf(. Sauvegardez le fichier sur le serveur.

Collez le code à l'intérieur du template du thème Zakra.
Collez le code à l’intérieur du template du thème Zakra.

La date apparaît maintenant sur l’interface publique de tous les articles pour le thème Zakra.

La date de dernière mise à jour sur l'interface publique de Zakra.
La date de dernière mise à jour sur l’interface publique de Zakra.

Si vous avez toujours des difficultés à modifier la conception de votre thème

Comme vous l’avez peut-être remarqué à plusieurs reprises dans cet article, chaque thème possède son propre style intégré, son code CSS et ses fonctionnalités PHP. Par conséquent, il est impossible de savoir comment chaque thème réagit à notre exemple de code. En outre, de nombreux thèmes ont déjà le style approprié, ou affichent même la date de la dernière mise à jour sans que vous ayez à faire d’ajustements.

Quelle que soit la situation, la plupart des problèmes liés à la date de dernière mise à jour sont dus à des fichiers de thème codés en dur ou à une sorte d’unicité dans les fichiers. Par conséquent, il est souvent préférable de contacter le développeur de votre thème et de mentionner ce que vous essayez d’obtenir. Il peut souvent fournir une solution rapide avec le code CSS ou PHP requis pour votre situation particulière.

Méthode 3 : Utiliser un plugin

Nous vous recommandons d’utiliser l’une des méthodes ci-dessus pour modifier les dates d’affichage avant de vous fier à une extension. En effet, chaque extension que vous ajoutez crée plus de risques de problèmes de performance et de sécurité. Cette modification particulière de la date est minime, nous préférons donc éviter d’ajouter une extension lorsque tout ce que vous avez à faire est de modifier le fichier functions.php ou un modèle de thème.

Cela dit, il se peut que vous trouviez qu’aucune des méthodes ci-dessus ne fonctionne, ou qu’elles ne fonctionnent pas comme vous le souhaitez. Dans ce cas, envisagez d’installer et d’activer l’extension WP Last Modified Info.

Cette extension vous permet d’ajouter la date de dernière mise à jour, d’ajuster les réglages (comme le remplacement de la date de publication) et de formater l’apparence et l’emplacement de la date.

L'extension WP Last Modified Info.
L’extension WP Last Modified Info.

Une fois activé, allez dans Réglages > WP Last Modified Info dans le tableau de bord de WordPress. Sur la page Options des articles, activez le bouton « Activer pour les articles/pages sur l’interface publique »

Activer pour les articles et les pages sur l'interface publique.
Activer pour les articles et les pages sur l’interface publique.

Vous pouvez également choisir de changer la méthode d’affichage :

Faites défiler la page vers le bas pour trouver d’autres réglages :

  • Formatage de la date
  • Formatage de l’heure
  • Écart de temps
Vous pouvez choisir de remplacer la date de publication par la date de dernière mise à jour.
Vous pouvez choisir de remplacer la date de publication par la date de dernière mise à jour.

Enregistrez ces réglages pour faire apparaître la date de dernière mise à jour sur l’interface publique de votre site. Si quelque chose ne semble pas tout à fait correct, retournez dans les réglages pour voir s’il n’y a pas quelque chose de disponible pour corriger ce que vous voulez voir.

Une vue frontend de ce que l'extension affiche.
Une vue frontend de ce que l’extension affiche.

Automatiquement, l’extension active également la date de dernière mise à jour pour les pages. Si vous souhaitez supprimer cette valeur par défaut, retournez dans les réglages de l’extension pour remplir le champ « Types de publication pour afficher l’info de modification ». Saisissez simplement « Articles » dans le champ pour vous assurer que rien ne sera mis à jour sur le type de publication Pages. Une fois tous les changements définis, assurez-vous de cliquer sur le bouton Enregistrer les réglages.

Afficher uniquement la date de mise à jour sur les articles.
Afficher uniquement la date de mise à jour sur les articles.

Comment savoir quand un article ou une page WordPress a été mis à jour pour la dernière fois

Afficher la date de dernière mise à jour sur un article WordPress est une chose, mais qu’en est-il de l’affichage réel de la date de dernière mise à jour d’un article ? Après tout, c’est une partie importante de l’identification des anciens articles que vous devriez modifier.

En outre, l’examen des dates de publication et de dernière mise à jour peut aider à résoudre les problèmes que vous pouvez rencontrer lors de l’ajout de la dernière date de mise à jour. Par exemple, la plupart du code de cet article exige qu’il y ait réellement une date de dernière mise à jour à récupérer. Cela signifie que vous ne verrez aucune date si l’article n’a pas été mis à jour, ce que vous ne saurez peut-être pas avant de rechercher une date dans l’administration.

Pour savoir quand un article ou une page WordPress a été mis à jour pour la dernière fois (avant même d’implémenter le code des méthodes ci-dessus), vous pouvez vous tourner vers une zone du tableau de bord de WordPress.

Malheureusement, WordPress n’affiche pas automatiquement une date Modifié ou Dernière mise à jour sur l’administration lorsque vous ajoutez à vos articles et pages, même lorsque vous implémentez une partie du code de nos méthodes ci-dessus. En allant dans la liste des articles dans WordPress, vous ne voyez qu’une colonne Date de publication.

Il n'y a qu'une colonne Date de publication sur la liste des articles de l'administration.
Il n’y a qu’une colonne Date de publication sur la liste des articles de l’administration.

Il en va de même pour les éditeurs d’articles et de pages ; vous pouvez regarder l’onglet Articles pour voir la date de publication mais rien sur la date de la dernière mise à jour.

Seule la date de publication est affichée par défaut.
Seule la date de publication est affichée par défaut.

La méthode intégrée pour avoir une idée de la date de dernière mise à jour dans WordPress

Sans l’aide de la fonctionnalité d’affichage intégrée, le mieux est d’ouvrir l’article en question et de cliquer sur l’onglet Article à droite. Faites défiler vers le bas pour trouver un bouton Révisions.

  • Si vous ne voyez pas de bouton Révisions, cela signifie que vous ne l’avez jamais mis à jour.
  • Si vous voyez un bouton Révisions, cliquez dessus.
Cliquez sur le bouton Révisions pour afficher la liste.
Cliquez sur le bouton Révisions pour afficher la liste.

Bien que cela ne soit pas une garantie pour trouver la date de la dernière mise à jour, cela vous donne une assez bonne idée de l’activité sur cet article.

Les révisions sont enregistrées dans WordPress, que vous publiiez ou non l’article, il se peut donc que vous ayez des journaux de révisions qui ne correspondent pas réellement à des dates de dernière mise à jour. Mais vous pouvez regarder les révisions passées pour voir lesquelles vous avez publiées le plus récemment, en vous basant sur le contenu de la révision.

Chaque révision enregistre la date et l’heure, que vous pouvez supposer être la date de dernière mise à jour également.

Vérifiez la date de dernière modification dans les révisions.
Vérifiez la date de dernière modification dans les révisions.

Si vous avez déjà implémenté le code de date de dernière mise à jour à partir de l’une des méthodes précédentes, mais que vous ne voyez pas de date sur l’interface publique, c’est un excellent moyen de vérifier si le message a une date de mise à jour en premier lieu ; si ce n’est pas le cas, le code n’affichera rien.

Ou utilisez un plugin pour trouver la date de dernière mise à jour sur l’administration

L’extension WP Last Modified Info ne se contente pas d’ajouter la date de dernière mise à jour sur l’interface publique, mais elle crée des colonnes et des sections dans le tableau de bord pour faciliter le repérage des articles que vous n’avez pas mis à jour depuis longtemps.

Une fois l’extension WP Last Modified Info installée, naviguez dans la liste Articles de WordPress. Automatiquement, l’extension génère une nouvelle colonne à côté de Date appelée Dernière modification.

L'extension inclut une nouvelle colonne dans l'administration pour la date de dernière modification.
L’extension inclut une nouvelle colonne dans l’administration pour la date de dernière modification.

L’extension présente également un onglet dans l’éditeur d’article appelé Dernière mise à jour, affichant la date et l’heure de la dernière mise à jour pour l’article.

L'onglet Dernière mise à jour dans l'éditeur d'article.
L’onglet Dernière mise à jour dans l’éditeur d’article.

Résumé

Dans cet article, vous avez appris :

  • Comment savoir quand un site web a été mis à jour pour la dernière fois
  • Les avantages de l’affichage de la date de dernière mise à jour sur votre site web
  • Comment afficher la date de dernière mise à jour dans WordPress en utilisant les méthodes suivantes :
    • Méthode 1 : Modification de functions.php et CSS dans votre thème
    • Méthode 2 : Modification des modèles de thème
    • Méthode 3 : Utilisation d’une extension comme WP Last Modified Info

Nous avons également exploré des conseils sur :

  • Comment modifier le style de la date de dernière mise à jour
  • Comment supprimer la date de dernière mise à jour des pages et de tout ce qui n’est pas un article ?
  • Suppression de la date de publication pour que seule la date de dernière mise à jour apparaisse
  • Modification de l’emplacement de la date de dernière mise à jour sur un article

Enfin, nous vous avons montré comment ajouter la date de dernière mise à jour à plusieurs thèmes populaires, notamment :

Faites-nous savoir dans les commentaires si vous avez d’autres questions sur la façon d’afficher la date de dernière mise à jour sur votre site web WordPress !

Jeremy Holcombe Kinsta

Content & Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems ;).