Apprendre à afficher la date du jour dans WordPress est une petite touche qui peut rendre votre site Web plus professionnel et actuel.
Regardez simplement les principaux sites d'information : ils affichent tous la date actuelle de manière bien visible car cela contribue à établir la fraîcheur et la pertinence du contenu.
La bonne nouvelle est que vous n'avez pas besoin de compétences avancées en codage ni de plugins coûteux pour ajouter la date du jour à votre site. En fait, il existe deux méthodes fiables qui fonctionnent parfaitement pour les débutants comme pour les utilisateurs expérimentés.
Dans ce guide, nous partagerons ces deux méthodes faciles pour ajouter la date du jour à votre site WordPress. Ces méthodes sont testées, fiables et peuvent être mises en œuvre en quelques minutes seulement.

💡Réponse rapide : Comment afficher la date du jour dans WordPress
Il existe deux méthodes simples pour afficher la date actuelle sur votre site WordPress :
- Ajouter du code à un fichier de thème : Vous pouvez ajouter un simple extrait de code PHP directement dans l'un des fichiers de modèle de votre thème (comme
header.php). Cette méthode est simple mais nécessite l'utilisation d'un thème enfant pour éviter de perdre vos modifications lors des mises à jour du thème. - Utilisez un shortcode via WPCode (recommandé) : La méthode la plus sûre et la plus flexible consiste à utiliser le plugin WPCode pour créer un shortcode simple. Cela vous permet de placer la date actuelle n'importe où — dans des articles, des pages ou des widgets de barre latérale — sans modifier directement les fichiers du thème.
Pourquoi afficher la date du jour dans WordPress ?
Afficher la date du jour dans WordPress peut aider les visiteurs à voir que votre site Web est actif, mis à jour et pertinent. Cela peut également fournir des informations utiles en temps réel à votre public.
Voici quelques raisons courantes pour afficher la date ou l'heure actuelle sur votre site WordPress :
- Afficher la fraîcheur du contenu : L'affichage de la date actuelle peut rassurer les visiteurs sur le fait que votre site Web est régulièrement mis à jour.
- Établir la confiance et la crédibilité : De nombreux sites d'actualités, magazines et blogs professionnels affichent des dates pour que le contenu paraisse plus actuel et fiable.
- Améliorer l'expérience utilisateur : Afficher l'heure ou la date actuelle peut aider les visiteurs avec les calendriers d'événements, les promotions, les heures d'ouverture ou la disponibilité du support en direct.
- Créer un sentiment d'urgence pour les campagnes : Certains propriétaires de boutiques affichent la date actuelle à côté de compteurs ou d'offres à durée limitée pour renforcer les campagnes marketing FOMO.
- Afficher les informations sur l'heure locale : Cela peut être utile si votre équipe de support, vos webinaires ou vos services fonctionnent dans un fuseau horaire spécifique.
Dans cet esprit, examinons comment afficher facilement la date, le jour ou l'heure actuelle dans WordPress. Nous couvrirons deux méthodes adaptées aux débutants, et vous pouvez utiliser les liens rapides ci-dessous pour
- Méthode 1 : Afficher la date du jour n'importe où à l'aide d'un shortcode (Recommandé)
- Méthode 2 : Afficher la date du jour en ajoutant du code à un fichier de modèle
- Questions fréquemment posées sur l'affichage de la date du jour dans WordPress
- Guides d'experts sur l'affichage des dates dans WordPress
Astuce de pro : Vérifiez d'abord le fuseau horaire de votre WordPress
Avant de commencer, il est important de savoir que WordPress affiche la date en fonction de son réglage de fuseau horaire, et non de l'horloge de votre ordinateur.
Vous devriez vérifier que le fuseau horaire de votre site est correctement défini en allant dans Réglages » Général. Cela garantit que la date correcte est toujours affichée à vos visiteurs.
Méthode 1 : Afficher la date du jour n'importe où à l'aide d'un shortcode (Recommandé)
Pour cette méthode, vous allez créer un shortcode pour afficher la date et l'heure n'importe où sur votre site WordPress.
Le grand avantage d'un shortcode est sa flexibilité : vous pouvez le placer dans vos articles, vos pages, les widgets de votre barre latérale, et même dans le pied de page de votre site.
Bien qu'il soit possible d'ajouter du code directement au fichier functions.php de votre thème, nous vous le déconseillons fortement. Une petite erreur dans ce fichier peut planter votre site Web entier et vous empêcher d'accéder à votre zone d'administration.
C'est pourquoi nous recommandons d'utiliser un plugin d'extraits de code personnalisé tel que WPCode. C'est le moyen le plus sûr et le plus simple d'ajouter du code personnalisé à votre site Web sans risquer d'erreurs.
Le plugin WPCode est très bien noté avec 4,9/5 étoiles sur plus de 2 000 avis sur WordPress.org et est approuvé par plus de 3 millions de sites Web WordPress.
Après des tests approfondis, nous avons trouvé que WPCode est incroyablement convivial pour les débutants, grâce à son interface intuitive et à ses fonctionnalités intégrées de prévention des erreurs qui vous guident. Pour plus de détails, consultez notre avis sur WPCode.
Étape 1 : Installer le plugin WPCode
La première chose à faire est d'installer le plugin gratuit WPCode. Pour des instructions détaillées, vous pouvez suivre notre guide étape par étape sur comment installer un plugin WordPress.
Étape 2 : Ajouter un nouvel extrait personnalisé
Après l'activation, vous devriez naviguer vers Extraits de code » + Ajouter un extrait dans votre tableau de bord WordPress. Cela vous permettra d'ajouter un nouvel extrait de code à votre site web.
Une fois sur place, vous devez survoler l'option « Ajouter votre code personnalisé (Nouvel extrait) » avec votre souris, puis cliquer sur le bouton « + Ajouter un extrait personnalisé ».

Ensuite, vous devez sélectionner « Extrait PHP » comme type de code dans la liste des options qui apparaissent à l'écran.
Ensuite, ajoutez un titre à l'extrait, tel que « Ajouter la date du jour ».

Étape 3 : Ajouter le code PHP
Ensuite, vous devez copier et coller l'extrait de code suivant dans le champ Aperçu du code.
function wpb_date_today( $atts, $content = null ) {
$atts = shortcode_atts( array(
'format' => '',
), $atts );
$date_time = '';
if ( $atts['format'] == '' ) {
$date_time .= wp_date( get_option( 'date_format' ) );
} else {
$date_time .= wp_date( $atts['format'] );
}
return $date_time;
}
add_shortcode( 'date-today', 'wpb_date_today' );

Étape 4 : Activer et enregistrer le fragment de code
Enfin, vous devez activer le bouton bascule Actif sur la position « Activé ».
Vous pouvez maintenant cliquer sur le bouton « Enregistrer l'extrait » pour stocker l'extrait de code sur votre site web.

Étape 5 : Utiliser le shortcode sur votre site
Ce code crée simplement un shortcode qui affiche la date actuelle. Vous pouvez l'utiliser en ajoutant ce shortcode n'importe où sur votre site :
[date-today]
Par défaut, le shortcode affichera la date dans le format de date par défaut de vos paramètres WordPress.
Vous pouvez également utiliser votre propre format de date en modifiant le shortcode comme ceci :
[date-today format='F j, Y']
Votre date ressemblera désormais à ceci sur votre site :

Et voilà ! Vous avez affiché la date actuelle avec succès.
Personnalisez votre affichage de date et d'heure avec les caractères de format PHP
Pour vous donner un contrôle total sur l'apparence de votre date et de votre heure, voici quelques caractères de format PHP courants que vous pouvez utiliser dans l'attribut `format` de votre shortcode ou directement dans le code PHP :
| Caractère | Description | Exemple de sortie |
|---|---|---|
d | Jour du mois, 2 chiffres avec zéros initiaux | 01 à 31 |
D | Une représentation textuelle d'un jour (trois lettres) | Lun à Dim |
j | Jour du mois sans zéros initiaux | 1 à 31 |
l (L minuscule) | Une représentation textuelle complète du jour de la semaine | Dimanche à Samedi |
m | Représentation numérique d'un mois, avec zéros initiaux | 01 à 12 |
M | Une courte représentation textuelle d'un mois (trois lettres) | janv. à déc. |
F | Une représentation textuelle complète d'un mois | janvier à décembre |
Y | Une représentation numérique complète d'une année, 4 chiffres | 1999 ou 2003 |
y | Une représentation de l'année sur deux chiffres | 99 ou 03 |
H | Format de l'heure sur 24 heures avec des zéros en tête | 00 à 23 |
h | Format de l'heure sur 12 heures avec des zéros en tête | 01 à 12 |
i | Minutes avec des zéros en tête | 00 à 59 |
s | Secondes avec des zéros en tête | 00 à 59 |
a | Ante meridiem et Post meridiem en minuscules | am ou pm |
A | Ante meridiem et Post meridiem en majuscules | AM ou PM |
U | Secondes depuis l’Epoch Unix (1er janvier 1970 00:00:00 GMT) | 1123456789 |
Par exemple, pour afficher la date et l’heure complètes comme « Lundi 1er janvier 2024 à 15:30 », vous utiliseriez[date-today format='l, F j, Y
H:i A'].
Méthode 2 : Afficher la date du jour en ajoutant du code à un fichier de modèle
WordPress ne dispose pas de widget ou de bloc par défaut pour afficher la date ou l'heure actuelle.
Cependant, vous pouvez toujours afficher la date ou l'heure actuelle en utilisant un code très simple.
Vous pouvez ajouter ce code simple aux fichiers de modèle de votre thème WordPress. Ces fichiers, comme header.php ou footer.php, contrôlent la mise en page de votre site.
Important : Nous vous recommandons fortement d’utiliser un thème enfant avant d’ajouter du code directement dans les fichiers de thème. Sinon, votre code personnalisé sera effacé la prochaine fois que vous mettrez à jour votre thème.
Si vous n’en avez pas, veuillez suivre notre guide sur comment créer un thème enfant WordPress d’abord.
Une fois que vous avez configuré un thème enfant, vous pouvez ajouter le code suivant au fichier modèle où vous souhaitez que la date actuelle apparaisse.
Par exemple, vous pourriez le coller dans le fichier header.php de votre thème enfant, juste avant la balise </header> de fermeture, pour afficher la date près du haut de votre site web.
Vous pourriez également l’ajouter à votre fichier footer.php juste après la balise <footer> d’ouverture si vous souhaitez que la date apparaisse dans la zone du pied de page à la place.
Après avoir ajouté le code, assurez-vous de sauvegarder le fichier et de visiter votre site web pour confirmer que la date actuelle s’affiche correctement.
<?php echo wp_date(get_option('date_format')); ?>
Ce code affiche la date actuelle en utilisant le format de date défini dans vos paramètres WordPress. Vous pouvez changer le format de date en visitant la page Réglages » Général.

Vous pouvez également utiliser vos propres balises de formatage pour afficher la date dans tout autre format. Par exemple, en utilisant le code suivant, vous pouvez imprimer la date au format mois, jour et année.
<?php echo wp_date('F j, Y'); ?>
Voici à quoi ressemblait la date sur notre site de démonstration :

Bien que la modification des fichiers de thème soit directe, une approche plus flexible pour placer la date dans les articles ou les widgets consiste à utiliser un shortcode.
C'est tout ! Vous avez maintenant deux méthodes simples pour afficher la date du jour dans WordPress.
Que vous choisissiez d'ajouter du code directement dans un fichier de thème ou d'utiliser la méthode flexible du shortcode, vous pouvez ajouter une touche professionnelle qui maintiendra votre site frais et pertinent pour les visiteurs.
Foire aux questions sur l'affichage de la date du jour dans WordPress
Voici quelques questions que nos lecteurs ont fréquemment posées concernant l'affichage de la date du jour dans WordPress :
Comment afficher la date actuelle dans WordPress ?
Pour afficher la date actuelle n’importe où dans WordPress, la méthode la plus simple et la plus flexible consiste à utiliser un shortcode. En implémentant un simple extrait de code PHP via un plugin comme WPCode, vous pouvez placer un shortcode [date-today] dans les articles, les pages ou les widgets.
Il affichera dynamiquement la date du jour en fonction des paramètres de fuseau horaire de votre site.
Quel est le meilleur plugin pour afficher la date dans WordPress ?
Bien qu'il existe des plugins dédiés à l'affichage des dates, pour simplement afficher la date actuelle, l'utilisation d'un plugin d'extraits de code comme WPCode est souvent la plus efficace et la plus recommandée.
Il vous permet d'ajouter du PHP personnalisé pour le shortcode de date sans avoir besoin d'un plugin complet uniquement pour l'affichage de la date, gardant ainsi votre site léger.
Si vous avez besoin de fonctionnalités de calendrier avancées, alors un plugin de calendrier dédié comme Sugar Calendar pourrait être plus approprié.
Pourquoi la date sur mon site Web s'affiche-t-elle incorrectement ?
La raison la plus courante d'une date incorrecte est le réglage du fuseau horaire. WordPress utilise le fuseau horaire défini dans votre tableau de bord, et non votre heure locale.
Pour résoudre ce problème, allez dans Paramètres » Général dans votre zone d'administration WordPress et assurez-vous d'avoir sélectionné la bonne ville ou le bon décalage UTC.
Comment afficher la date sur un article WordPress ?
WordPress affiche automatiquement la date de publication ou de dernière mise à jour sur vos articles par défaut. Vous pouvez modifier l'apparence de la date en allant dans Paramètres » Général et en choisissant un nouveau « Format de date ». Si vous souhaitez afficher la date en direct du jour à la place, vous pouvez utiliser l'une des méthodes de ce guide.
L'affichage d'une date dynamique affectera-t-il les performances de mon site Web ?
Non, ce n'est pas le cas. La fonction PHP utilisée pour obtenir la date est extrêmement légère et a un impact négligeable sur la vitesse de votre site. C'est une fonction très courante et efficace qui ne ralentira pas votre site Web.
Guides d'experts sur l'affichage des dates dans WordPress
Nous espérons que cet article vous a aidé à apprendre comment afficher facilement la date du jour dans WordPress. Vous pourriez également vouloir consulter d'autres guides liés à l'affichage des dates dans WordPress :
- Comment changer le format de la date et de l'heure dans WordPress
- Comment afficher les métadonnées des articles de blog dans vos thèmes WordPress
- Comment afficher les dates relatives dans WordPress
- Comment afficher la date de dernière mise à jour de vos articles dans WordPress
- Comment ajouter une date de copyright dynamique dans le pied de page de WordPress
- Comment supprimer la date et l'heure des commentaires WordPress
- Comment supprimer la date des URL WordPress
- Comment ajouter un calendrier Google dans WordPress (étape par étape)
Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.


da_hammer nath
Merci, simple et utile. J'apprécie vraiment !
Support WPBeginner
De rien !
Admin
Dennis Muthomi
Bonjour, j'ai une question concernant l'affichage de l'heure : - et si mon site web a des visiteurs de différents fuseaux horaires ? La date et l'heure affichées seront-elles ajustées à leur heure locale, ou afficheront-elles toujours l'heure basée sur les paramètres du site web ?
Commentaires WPBeginner
Ces méthodes dans ce guide afficheront la date et l'heure du fuseau horaire du site web.
Jiří Vaněk
C'est une fonction PHP, et elle est malheureusement configurée pour utiliser l'heure du serveur. PHP vérifie l'heure définie sur le serveur où votre hébergement mutualisé s'exécute et affiche cette heure. Par conséquent, cette méthode ne convient pas aux objectifs que vous visez. Ce dont vous avez besoin devrait être géré par un plugin qui détermine d'abord la localisation de l'utilisateur en fonction de son adresse IP, puis affiche l'heure locale de l'utilisateur. C'est un problème beaucoup plus complexe qui ne peut pas être résolu avec un seul script. Vous avez besoin d'un plugin qui peut également accéder à une base de données GEO IP pour déterminer de quel pays provient l'utilisateur.
Mrteesurez
Merci pour le partage.
L'heure ne s'affiche pas, seule la date est affichée. Je veux afficher la date et l'heure côte à côte en haut pour que tous les visiteurs, y compris les administrateurs, puissent les voir.
Support WPBeginner
Pour cela, vous devrez modifier le format dans le shortcode en : format='F j, Y h:i'
Admin
Commentaires WPBeginner
L'option la plus simple serait probablement d'utiliser ce plugin : https://www.wpbeginner.com/plugins/display-time-according-wordpress-blog-admin-bar/
Assurez-vous de consulter la deuxième section pour un guide sur la façon d'ajouter l'heure au site et pas seulement à la barre d'administration.
Veuillez noter qu'il s'agit de l'heure utilisant le fuseau horaire du blog, et non du visiteur du site.
ducmu
comment afficher l'heure incluse ?
votre code n'affiche que la date
Bert Hennephof
Le code ne fonctionne plus après la mise à niveau de PHP 7.4 vers PHP 8.2
WPCode indique une erreur à la ligne :
if ($atts[‘format’] == ”) {
Support WPBeginner
D'après nos tests du snippet, il fonctionne actuellement en php 8.2, cela dépendrait du message d'erreur spécifique que vous voyez sur la ligne.
Admin
Ihtisham Z
Merci pour ce super article.
Je voulais juste noter ici que si l'attribut format n'est pas fourni par l'utilisateur, le shortcode échouera, entraînant une erreur critique (analyse de l'attribut en tant que chaîne) et cassant la page. Nous devons donc convertir la chaîne en tableau.
function wpb_date_today($atts, $content = null) {
if ( ! is_array( $atts ) ) {
$atts = [];
}
// reste du code…
}
Chris Colotti
Merci pour la mise à jour du code !!! Le snippet fonctionnait depuis un certain temps puis s'est cassé comme vous l'aviez indiqué.
Generosus
Astuce utile :
Méthode 2 (listée ci-dessus) donne une sortie de date au format UTC. Pour changer la sortie au format Heure Locale, remplacez "date" par "wp_date" (2 fois).
Ce serait bien de faire une note dans vos instructions ci-dessus.
De rien
Support WPBeginner
Merci de partager cela et pour vos commentaires
Admin
Kathy
Je voulais vraiment l'utiliser, cependant, après l'avoir ajouté à mon fichier functions, j'obtiens ceci :
Avertissement : décalage de chaîne illégal 'format' dans /XXXXXXXXXX/functions.php
Il affichait la date, cependant, l'avertissement apparaissait aussi.
Support WPBeginner
Merci de nous avoir informés, nous allons examiner cela et pour le moment, le deuxième shortcode avec le format spécifié évitera cet avertissement.
Admin
Sunday Samuel
Merci pour ça
M'a évité d'installer un autre plugin
Je suis reconnaissant
Support WPBeginner
Heureux que notre guide vous ait été utile !
Admin
hugo
Bonjour, merci pour le code.
Est-il possible d'afficher le mois en espagnol et/ou en chiffre ?
salutations,
Support WPBeginner
Pour ajouter la date en chiffres si vous utilisez la méthode echo date, vous changeriez F j, Y en m/d/Y
Admin
Rebekah
Est-il possible d'afficher une date dynamique ? Par exemple, la date d'aujourd'hui plus 7 jours ? J'aimerais avoir quelque chose sur mon site qui affiche toujours la date d'une semaine à partir d'aujourd'hui.
Henry
Ajouter ce code php dans le fichier header est OK mais comment puis-je contrôler où je veux que ma date apparaisse sur la page ?
Mark
Utilisez le shortcode
shiva
très bien
anees
merci beaucoup !!
Jon
Ou avec Javascript :
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun
Bonjour
comment changer la couleur de ce code ?
c'est d'une couleur arche et je le veux en blanc
sameh
Comment puis-je changer la langue du format de date en arabe ???? merci d'avance
morteza ahamadi
Je suis vraiment débutant,
où dois-je ajouter ces codes ?
123project
Salut
comment puis-je changer la police et la couleur de ce code ?
Support WPBeginner
En utilisant CSS, vous pouvez changer les couleurs. Pour utiliser le CSS, ajoutez la balise de modèle de date comme ceci :
<span class="date"><?php echo date('l jS F Y'); ?></span>Utilisation en 1 clic dans WordPress
Maintenant, dans la feuille de style de votre thème, vous pouvez ajouter du CSS, comme ceci :
.date { color: blue; border: 1px solid #CCC; }Utilisation en 1 clic dans WordPress
Admin
Clare
Je commence à découvrir que l'on peut tout faire avec WP si l'on prend le temps d'apprendre - et la plupart des choses sont si simples. 2011 est l'année pour abandonner les plugins et alléger mon site !
Personnel éditorial
Bonne idée
Admin
Petit Nuage
Votre suggestion est incorrecte, car vous avez oublié de prendre en compte le fuseau horaire local tel que défini dans le Tableau de bord.
Personnel éditorial
Nous avons mentionné deux solutions. Soit vous pouvez utiliser le réglage du serveur, soit vous pouvez utiliser le réglage de WordPress. Si vous avez une troisième solution, veuillez la partager avec nous plutôt que de dire que nous avons tort, car les deux solutions ci-dessus fonctionnent.
Admin
andreeib
J'avais l'habitude de faire cela en utilisant une fonction de code court dans Wordpress.
Chase Adams
Pourquoi ne pas simplement utiliser N'est-ce pas beaucoup plus facile en tant que fonction intégrée où vous pouvez changer le type d'affichage dans Réglages > Général ?
Cheap Sites
Oui, c'était vraiment simple ! Merci de partager =D