Certaines pages doivent s'afficher dès maintenant : la date actuelle sur une page de réservation, un horodatage sur un tableau d'état, la date du jour dans une barre d'en-tête Le gratuit Widget Heure actuelle dans Modules complémentaires principaux pour Elementor imprime l'heure du site dans n'importe quel format, d'un horodatage Unix brut à la“Le 4 juillet 2026 10h36”, stylisé comme n'importe quel autre texte Elementor.
C'est l'un des plus petits widgets du plugin, et ce guide couvre tout cela : les trois types de temps, les chaînes de format et le style.
Ce que fait le widget Heure actuelle #
Le widget génère la date et l'heure actuelles sous forme de texte, générées fraîches à chaque chargement de page. Vous choisissez à quoi cela ressemble avec le Type de temps réglage, et l'onglet Style gère la couleur, l'ombre et la typographie C'est tout le widget, c'est exactement pourquoi il est utile : pas de shortcode, pas d'extrait de code, juste le moment où vous le déposez.
Avant de commencer #
- WordPress avec Élémenteur installé et actif.
- Modules complémentaires principaux pour Elementor installé et actif. Nouveau au plugin ? voir le guide d'installation.
- Le widget Heure actuelle activé dans le panneau d'options Addons principaux, sous Widgets dynamiques.
- Votre fuseau horaire WordPress correctement défini sous Paramètres, Général Le widget imprime l'heure du site, donc un mauvais fuseau horaire affiche une mauvaise horloge.
Comment ajouter le widget Heure actuelle #
Dans l'éditeur Elementor, recherchez le Éléments panneau pour Heure actuelle et faites-le glisser sur la page Il imprime l'heure immédiatement au format MySql par défaut, comme le 04/07/2026 10 :35 :43, prêt à être reformaté.
Choisissez le type d'heure #
Le Général la section comporte deux contrôles : Type de temps et Alignement. La liste déroulante de types offre trois sorties : MonSql(par défaut, imprime une date-heure de type base de données comme le 04/07/2026 à 10 :35 :43 ; Horodatage imprime l'horodatage Unix brut, le nombre de secondes depuis 1970 ; et Personnalisé prend n'importe quel format que vous définissez Voici TimeStamp sur le canevas :
Un horodatage convient aux pages techniques et aux intégrations de compte à rebours. Pour tout ce que les visiteurs lisent réellement, passez le type à Personnalisé; personne ne veut faire les calculs des secondes depuis 1970.
Construire un format de date personnalisé #
Avec Personnalisé sélectionné, a Chaîne de format de date le champ apparaît Il prend des caractères standard au format date PHP : celui de la démo F j, Y g:i a rend comme “4July 4, 2026 10h36” sur la toile au moment où elle est tapé.
Le Date Heure Format Exemples le lien sous le champ ouvre une référence de chaînes prêtes à l'emploi avec leur sortie, afin que vous puissiez en copier une au lieu de mémoriser les caractères au format PHP :
Quelques-uns de la liste :
F j, Y g:i a6 novembre 2010 12h50F j, Y6, 20 novembreg:i a12h50l, F jS, Ysamedi 6 novembre 2010Y/m/d2010/11/06
Style la sortie #
Le Style tab a une section, Texte: avec trois commandes. Couleur définit la couleur du texte, et Ombre de texte ajoute du flou et du décalage lorsque le temps passe sur une image :
Typographie couvre la famille, la taille et le poids. La démo place Roboto au demi-gras, transformant la ligne simple en quelque chose qui tient en tête dans un en-tête :
Le résultat sur la page #
La page publiée imprime la date et l'heure en direct dans votre format et votre style, frais à chaque chargement :
Cas d'utilisation courants #
- Dates d'en-tête et de barre supérieure sur les sites d'actualités et de magazines.
- Pages de réservation et de réservation affichage de la date du jour à côté du formulaire.
- Pages de statut et de tableau de bord avec un horodatage de “as de”.
- Compte à rebours et sections d'offre jumelage de la date actuelle avec un Minuterie de compte à rebours.
- Pages favorables à l'impression comme les devis et les factures qui devraient porter le jour où ils ont été consultés.
Conseils pour l'utilisation du widget #
- Réparez d'abord le fuseau horaire. Le widget imprime l'horloge de WordPress ; si le fuseau horaire du site est UTC, le widget aussi Paramètres, Général, Fuseau horaire.
- Copiez à partir de la page des exemples. La référence de format liée sous le champ couvre les mises en page communes ; commencez là et ajustez.
- Échapper aux lettres littérales. Dans les chaînes de date PHP, les lettres sont des codes de format La référence
Y/m/d \a\t g:i Amontre comment une littérale “at” obtient des barres obliques inverses. - Mise en cache mentale. L'heure se rend sur le chargement de la page, donc une page mise en cache pendant une heure montre une heure vieille d'une heure Bien pour les dates, trompeuse pour une horloge.
- Gardez le format court dans les en-têtes. “4 juillet 2026” correspond à une barre supérieure ; la chaîne complète date plus heure veut une place plus large.
Tutoriel Vidéo #
Si vous souhaitez voir le widget Heure actuelle en action, cette courte vidéo couvre toute la configuration, de la sortie par défaut à la date personnalisée stylisée :
Foire aux questions #
Qu'est-ce que le widget Heure actuelle dans Master Addons ?
Il s'agit d'un widget Elementor qui imprime la date et l'heure en direct sous forme de texte Choisissez la valeur par défaut de datetime MySql, un horodatage Unix brut ou un type personnalisé avec n'importe quelle chaîne de format de date PHP, alignez-la et stylisez la couleur, l'ombre et la typographie à partir de l'onglet Style.
Comment puis-je modifier le format de la date ?
Définir le type d'heure sur Personnaliser et taper une chaîne de format de date PHP dans le champ Chaîne de format de date. Par exemple, F j, Y g : i a rend comme 4 juillet 2026 10 :36 am. Le lien Exemples de format d'heure de date sous le champ répertorie les chaînes prêtes à l'emploi.
Quel fuseau horaire utilise le widget ?
Il utilise le fuseau horaire de votre site WordPress à partir de Paramètres, Général Si l'heure affichée semble fausse, corrigez le fuseau horaire là-bas plutôt que dans le widget ; le widget n'a pas de paramètre de fuseau horaire distinct.
La mise à jour de l'heure est-elle en direct sur la page ?
L'heure est générée lorsque la page se charge, donc chaque visite affiche l'heure actuelle à ce moment-là Elle ne tourne pas vers l'avant comme une horloge pendant que le visiteur reste sur la page, et les pages mises en cache montrent l'heure à laquelle le cache a été construit.
Puis-je afficher uniquement la date sans l'heure ?
Oui. Utilisez une chaîne de format sans caractères temporels, comme F j, Y pour le 4 juillet 2026 ou Y/m/d pour le 04/07/2026. toute combinaison de caractères de date PHP fonctionne, de sorte que la sortie peut être aussi courte qu'un an.
Envelopper #
Le widget Heure actuelle fait un travail proprement : la date et l'heure en direct, dans n'importe quel format PHP peut exprimer, stylisé comme le texte natif Elementor Définissez le fuseau horaire du site, choisissez ou copiez une chaîne de format, et il s'exécute lui-même Parcourir l'ensemble complet de Widgets et extensions Master Addons pour le reste des widgets dynamiques, et voir le Page du widget Heure actuelle pour démos.
