Aperçu indisponible
v1.0.0 Creator

Description détaillée

Badge vertical ou horizontal ; jour de semaine et année facultatifs ; mois complet, abrégé ou numérique ; tailles et couleurs distinctes du jour et du mois.

Le bloc utilise les données de The Events Calendar et un rendu serveur. Il suit automatiquement l’événement de la boucle Query Loop ou de la fiche événement. Sur une page ordinaire, recherchez un événement ou renseignez son identifiant. Le choix explicite reste attaché au bloc : utilisez le mode automatique pour les compositions et modèles réutilisés entre événements.

Personnalisez le libellé, les textes avant/après, le texte de remplacement, la disposition en ligne ou empilée, l’alignement et les espacements internes. Un lien vers la fiche est possible lorsque le contenu ne contient pas déjà de liens.

Les contrôles natifs Gutenberg gèrent couleurs, fond/dégradé, typographie, marges, padding, bordures, arrondis et ombres selon les possibilités du thème et de WordPress. L’aperçu appelle le rendu serveur sur les données enregistrées ; enregistrez les changements de l’événement pour les voir.

Utilisation

  1. Installez ce bloc depuis le catalogue Hexatenberg et activez The Events Calendar.
  2. Insérez-le dans une boucle, une fiche événement ou un modèle Gutenberg.
  3. Choisissez la source et les champs, puis personnalisez le design dans Gutenberg.
  4. Regroupez les blocs et utilisez « Créer une composition » pour réutiliser le design.

Sans événement valide, le bloc reste vide sur le site. Le texte de remplacement concerne les champs absents d’un événement valide. La modification des modèles de fiche dépend du thème et de la configuration The Events Calendar. Aucun système d’événements parallèle n’est créé.

Performance

Zéro scripts inutiles, Vanilla JS uniquement.

Gutenberg Natif

Conformité WCAG pour tous les utilisateurs.

Creator Vanilla JS

Event - Date Badge

Poids JS

< 2kb

Version

1.0.0

WCAG

WCAG 2.1 AA

0

Likes

0

Téléchargements

Dépendances None
Licence Creator
Accessibilité WCAG 2.1 AA Compliance

Architecture Vanilla JS

Garanti sans dette technique, optimisé pour les Core Web Vitals.

Vous pourriez aussi aimer

Découvrez d'autres blocs de la catégorie premium

Voir tout le catalogue