Fermer

Afficher une date relative de publication dans WordPress

Sur WordPress, par défaut les date sont affichés en absolue : “Publié le 26/09/2023”.

Sur certain types de sites, il est nécessaires de pouvoir afficher des dates dans le même genre que les réseaux sociaux : “Il y a 5 jours”. Par exemple pour ce genre de type de sites : sites d’actualité, blogs, sites immobilier, sites d’offres d’emploi, sites de commerce électronique…

Pour ce faire, il faut ajouter une extension, puis modifier le thème.

L’extension

Ajouter l’extension à votre WordPress. Celle-ci se télécharge ici ; puis il faut penser à l’activer.

Les thèmes avant la version 5.9 de WordPress

Les thèmes avant la version 5.9 de WordPress sont généralement conçu en PHP. Pour trouver facilement les fichiers PHP à éditer, il y a une extension : Show Current Template.

À partir de la version 5.9 de WordPress, on peut créer des thèmes à l’aide d’un simple fichier theme.json.

Dans le cas d’un thème avec des fichiers PHP ; Il va falloir localiser ou son affiché les métas-informations. Par exemple, pour le thème Twenty Twenty-One, ces métas-informations sont situés dans le fichier content-excerpt.php et dans la fonction twenty_twenty_one_entry_meta_footer().

On va modifier le fichier comme suit :

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <?php get_template_part( 'template-parts/header/excerpt-header', get_post_format() ); ?>

    <div class="entry-content reg_entry-content">
        <p>
            <?php echo afficheDiff() ?>
        </p>
    </div>

    <div class="entry-content">
        <?php get_template_part( 'template-parts/excerpt/excerpt', get_post_format() ); ?>
    </div><!-- .entry-content -->
</article><!-- #post-${ID} -->
Twenty Twenty-One avec une date relative

Les thèmes avec un fichier theme.json

Par exemple avec Twenty Twenty-Three, il faut aller dans Thèmes / Éditeur, puis aller dans pages et enfin modifier la page d’accueil du blog. On y ajoute le shorcode [reg_affichedifference].

Modification de la boucle d’article afin d’y ajouter un shortcode/code court.

Ce qui aura pour rendu :

La page d’article de blog/actualités avec une date relative.

Laisser une réponse

Votre adresse email ne sera pas publiée. Les champs obligatoires sont indiqués par *