3 façons différentes d'afficher automatiquement la date du jour dans WordPress

Avez-vous déjà souhaité pouvoir afficher la date d'aujourd'hui sur votre site WordPress ? L'affichage de la date du jour aide les lecteurs à savoir que vous êtes toujours en vie. Et si vos lecteurs sont oublieux comme moi, cela pourrait même les aider à se souvenir d'une date d'échéance imminente !

Alors que quelques thèmes WordPress incluent une option intégrée pour afficher la date du jour sur votre site, la plupart des thèmes ne le font pas. Donc, si vous souhaitez afficher la date du jour quelque part sur votre site WordPress, vous devrez gérer les choses vous-même.

Dans cet article, je vais présenter trois méthodes différentes pour afficher la date d'aujourd'hui dans WordPress. Tout d'abord, je vais vous montrer l'un des rares plugins fonctionnels avec cette fonctionnalité. Ensuite, je vais vous donner un tutoriel rapide sur la façon de créer votre propre shortcode. Et enfin, je vais compléter les choses avec deux extraits de code différents que vous pouvez utiliser pour ajouter la date du jour directement aux fichiers de modèle de votre thème.

Creusons dedans…

Comment afficher la date du jour avec un plugin WordPress

Il existe quelques plugins différents qui prétendent vous permettre d'afficher la date du jour sur votre site WordPress. Mais, à mon grand regret, peu d'entre eux fonctionnent réellement. Après en avoir testé quelques-uns qui ne fonctionnaient pas très bien, j'en ai finalement trouvé un qui fonctionne sous la forme d'un widget de date et d'heure.

Sans surprise, Date and Time Widget vous offre un tout nouveau widget que vous pouvez utiliser pour insérer la date et l'heure actuelles dans n'importe quelle zone widgetisée. Si vous préférez un shortcode à un widget, je vais vous montrer comment créer votre propre shortcode de date d'aujourd'hui dans la section suivante.

Ce plugin est sympa car il vous permet de configurer le formatage, la police et la taille de la police, ainsi que des couleurs personnalisées.

Pour utiliser le plugin, il vous suffit de l'installer et de l'activer. Ensuite, dirigez-vous vers Apparence → Widgets et faites glisser le nouveau widget Date et heure comme vous le feriez pour n'importe quel autre :

Ensuite, il vous suffit de parcourir et de configurer chaque option :

• Format de l'heure : vous pouvez choisir parmi quelques formats d'heure différents ou choisir Aucun pour désactiver cette partie (et n'afficher que la date).
• Format de date : choisissez le format que vous souhaitez utiliser pour la date.
• Famille de polices : choisissez une famille de polices de secours (le widget doit hériter de la police de votre thème en premier choix).
• Taille de la police : explicite.
• Couleur du texte : la couleur de tout le texte du widget.
• Couleur d'arrière-plan : l'arrière-plan du texte.

Je vais rendre l'arrière-plan noir et la couleur du texte blanche juste pour que vous puissiez voir comment ces deux éléments fonctionnent.

Une fois que vous avez enregistré votre widget, vous verrez la date du jour sur le front-end :

Plutôt facile! Mais il est en fait presque aussi simple de créer votre propre shortcode qui affiche la date actuelle. Voici comment:

Comment créer un shortcode pour afficher la date du jour dans WordPress

Si vous préférez une approche plus manuelle, vous pouvez en fait créer votre propre shortcode en utilisant seulement quelques lignes de code. Personnellement, c'est ma méthode préférée car elle vous donne la possibilité d'insérer la date du jour dans n'importe quelle partie de votre contenu, pas seulement dans les zones widgetisées.

Vous pouvez soit placer ce code dans :

• Le fichier functions.php de votre thème enfant
• Un plugin personnalisé que vous créez vous-même

Je vais vous montrer comment le faire en utilisant functions.php car c'est la méthode la plus simple – vous n'aurez qu'à vous rappeler de copier ce code si jamais vous changez de thème.

Pour créer le shortcode, il vous suffit d'ajouter ce code dans votre fichier functions.php :

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

Le shortcode utilisera le même format de date que vous avez défini dans Paramètres → Général .

Une fois le code ajouté, vous pouvez utiliser le shortcode [datetoday] dans l'éditeur WordPress ou le module de code Divi :

Et il affichera la date actuelle sur le front-end en suivant le format dans vos paramètres WordPress :

Vous pouvez également ajouter une mise en forme de base à vos dates en utilisant l'éditeur TinyMCE. Par exemple, si vous mettez en gras le shortcode, la date apparaîtra également en gras sur le front-end de votre site.

Remarque - ce code est une version corrigée du code de Ben Poland de Today's Date , un plugin qui ne fonctionne plus à cause d'un espace errant dans la fonction shortcode. J'ai trouvé le plugin de Ben sur le répertoire WordPress.org et j'avais l'intention de l'utiliser pour ce tutoriel. Mais lors des tests, j'ai constaté que cela ne fonctionnait que si j'éditais manuellement le code pour supprimer l'espace du shortcode.

Comment afficher la date du jour avec le code

Remarque - cette section n'est vraiment destinée qu'aux personnes qui sont au moins quelque peu familiarisées avec le code et les thèmes WordPress. Si vous êtes un débutant total, je vous recommande de vous en tenir aux deux méthodes précédentes.

Enfin, si vous êtes prêt à vous salir les mains dans les fichiers modèles de votre thème, vous pouvez également utiliser une seule ligne de PHP pour insérer la date du jour n'importe où sur votre site WordPress.

Vous pouvez choisir parmi deux extraits de code différents :

<?php echo date(get_option('date_format')); ?>

L'extrait ci-dessus affiche la date actuelle en fonction de vos paramètres WordPress, tout comme le shortcode.

Mais vous pouvez également spécifier un format de date unique en utilisant ce bout de code :

<?php echo date('l jS F Y'); ?>

Vous pouvez découvrir les différents formats dans cet article du Codex WordPress.

Par exemple, si vous ajoutez le code juste en dessous de la balise de fermeture </header> dans votre fichier header.php comme ceci :

Ensuite, la date du jour s'affichera juste en dessous de votre en-tête sur votre site frontal :

Vous devrez peut-être jouer avec le positionnement, mais c'est un autre moyen simple d'afficher la date du jour sur votre site WordPress.

Pour obtenir plus de contrôle, vous pouvez placer le code dans un <div>, puis utiliser CSS pour styliser et/ou positionner ce <div> sur votre site.

Envelopper les choses

Bien qu'il ne s'agisse pas d'un changement majeur, l'affichage de la date du jour sur votre site WordPress peut s'avérer utile en fonction du sujet de votre site.

Si vous souhaitez afficher la date d'aujourd'hui dans votre barre latérale (ou dans d'autres zones widgetisées), le plugin Date and Time Widget sera votre meilleure option.

Sinon, je vous recommande de créer votre propre shortcode ou, si vous avez au moins quelques compétences de base en codage, de creuser dans les fichiers modèles de votre thème.

Avons-nous manqué votre façon préférée d'ajouter la date du jour sur WordPress ? N'hésitez pas à partager vos suggestions ci-dessous.

Image miniature de l'article par 32 pixels / shutterstock.com