Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment afficher la date du jour dans WordPress (2 méthodes faciles)

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.

Afficher la date et l'heure actuelles dans WordPress

💡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

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é ».

Ajout de code personnalisé dans WPCode

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 ».

Sélectionner un extrait PHP comme type de code
É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' );
Ajouter un titre et l'extrait de code à WPCode
É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.

Activez et enregistrez votre extrait de code personnalisé
É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 :

Aperçu de la date

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èreDescriptionExemple de sortie
dJour du mois, 2 chiffres avec zéros initiaux01 à 31
DUne représentation textuelle d'un jour (trois lettres)Lun à Dim
jJour du mois sans zéros initiaux1 à 31
l (L minuscule)Une représentation textuelle complète du jour de la semaineDimanche à Samedi
mReprésentation numérique d'un mois, avec zéros initiaux01 à 12
MUne courte représentation textuelle d'un mois (trois lettres)janv. à déc.
FUne représentation textuelle complète d'un moisjanvier à décembre
YUne représentation numérique complète d'une année, 4 chiffres1999 ou 2003
yUne représentation de l'année sur deux chiffres99 ou 03
HFormat de l'heure sur 24 heures avec des zéros en tête00 à 23
hFormat de l'heure sur 12 heures avec des zéros en tête01 à 12
iMinutes avec des zéros en tête00 à 59
sSecondes avec des zéros en tête00 à 59
aAnte meridiem et Post meridiem en minusculesam ou pm
AAnte meridiem et Post meridiem en majusculesAM ou PM
USecondes 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.

Paramètres du format de l'heure dans WordPress

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 :

Date et heure

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 :

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.

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

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

39 CommentairesLaisser une r autre

  1. 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 ?

    • 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.

  2. 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.

  3. 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’] == ”) {

    • 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

  4. 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…
    }

    • Merci pour la mise à jour du code !!! Le snippet fonctionnait depuis un certain temps puis s'est cassé comme vous l'aviez indiqué.

  5. 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 :)

  6. 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.

    • 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

    • Pour ajouter la date en chiffres si vous utilisez la méthode echo date, vous changeriez F j, Y en m/d/Y

      Admin

  7. 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.

  8. 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 ?

  9. Ou avec Javascript :

    var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);

  10. 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 !

    • 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

  11. 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 ?

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.