Events - de A à Z
Events - de A à Z

Events - de A à Z

Le bloc Événement

Les Events (ou Événements) font partie des blocs “dynamiques”, ce qui signifie qu’ils affichent dynamiquement un contenu créé ailleurs. Vous n’aurez pas à les recopier plusieurs fois sur votre site, juste à les appeler quand cela vous semblera opportun !

Création d’un Événement

Pour créer un nouvel Evénement (contenu), rendez-vous dans le menu de gauche du Dashboard de votre site web, cliquez sur “Events” puis “Ajouter un article”.

Votre composition va se dérouler dans cet ordre :

  1. Commencez par lui donner un titre en cliquant sur cette phrase qui appelle à l’action : “Saisissez le titre”. Ce titre sera celui de l’événement, et celui visible dans le slug (= url).
  2. Le titre se situe en haut à gauche de l’écran
  3. Cliquez sur le + pour ajouter les blocs souhaités
  4. Cliquez sur le petit crayon en haut à droite du bloc, pour entrer dedans et l’éditer
  5. image
  6. Disposez les blocs, leurs textes et images selon votre souhait
  7. Indiquez les informations pratiques de l’événement
  8. Associez un ou plusieurs filtres à l’événement : Type, Organiser et Venue
  1. Ajoutez un extrait (”Edit excerpt” en anglais)
  2. Ajoutez une image mise en avant
Dans “Page”, puis dans la section “A propos”, vous pouvez définir l’image mise en avant.
L’image mise en avant peut être remplacée ou supprimée à tout moment
  1. Publiez !

Les informations pratiques de l’événement

Chaque événement est lié à des informations qui permettront, entre autres, de les afficher dans un ordre donné dans la liste.

La date

  • Donnez une date de début et de fin à votre événement en cliquant sur Start date puis sur End date. Chaque fois un calendrier s’ouvre où vous choisirez une année, un mois et un jour.
  • Si votre événement ne dure pas une journée entière mais seulement quelques heures, cochez la case “The event doesn't last all day long”. Vous pourrez alors choisir une heure de début et de fin.
💡
Vous souhaitez modifier l’affichage de la date des événements ? Le format des heures et des dates se choisit de manière globale et sera appliqué sur tous les endroits où une date et heure seront affichées (c’est à dire pour les événements et les articles). Lisez l’encadré pour modifier le format de la date.

L’extrait

C’est ce qui va apparaître dans le bloc Événement.

Le site

Copiez ici l’adresse URL de réservation s’il y en a une, ou bien d’une page qui présenterait en détail l’événement

Le prix

Saisissez le prix de l’événement

Configuration dans Minotaure

Pour configurer l’aspect visuel de vos Events, rendez-vous dans le menu de gauche du Dashboard de votre site web, dans l’outil “Minotaure”. Vous y choisirez les options d’affichage de vos CPT (couleurs, typographies, etc.).

→ Cliquez sur blocs avancés, puis sélectionnez Events. Vous trouverez la prévisualisation de votre composition à droite de l’écran, les paramètres à gauche (+ une croix pour fermer chaque composition).

Vous allez pouvoir styliser vos Événements à la fois en tant que bloc, Single et en tant qu’Index :

Un “bloc”, c’est-à-dire un bloc de contenu que l’on peut mettre à n’importe quel endroit d’une page pour afficher une liste d’événements ou d’articles.

Une “Single” (ou Page), c’est à dire une vue détaillée d’un événement sur une page.

Un ‘listing” (ou Index), c’est-à-dire une liste de tous les événements, avec un ensemble de filtres en haut de page (date, venue, …) qui permet de modifier l’affichage de la recherche.

a - Bloc

Général

  • Sélecteur de variantes → position des texte, image et boutons

En-tête

  • Choix de l’alignement du titre
  • Choix de la typographie du titre (parmi celles créées au préalable)
  • Choix de la typographie de la description (parmi celles créées au préalable)

Contenu

  • Sélecteur du type de contenant - et selon, choix de l’épaisseur et de l’arrondi de la bordure
  • Choix du type d’encadré - et selon, choix de l’épaisseur et de l’arrondi de la bordure
  • Choix du style des icônes de prix, lieu, etc.
  • Définition de l’arrondi de l’image de la carte
  • Texte : choix du style de police du titre, de l’extrait, de la date et des informations
💡
Le format de la date et des heures se définit au niveau du tableau de bord, sous l’onglet Réglages > Général N’oubliez pas d’enregistrer 🙂 Voir plus d’information sur les réglages généraux
  • Choix des informations à afficher dans la carte

Couleurs

  • Choix de la couleur des icônes (de lieu, prix, etc.)
  • Choix de la couleur de fond du contenant de la date
  • S’il y a un encadré, choix de la couleur de bordure et de fond de l’encadré
  • S’il y a un contenant, choix de la couleur de bordure et de fond du contenant
  • Choix de la couleur de fond du bloc

Boutons

  • Primaire → choix du style du bouton primaire parmi la liste de ceux créés au préalable
  • Secondaire → choix du style du bouton secondaire parmi la liste de ceux créés au préalable
  • Tertiaire → choix du style du bouton tertiaire parmi la liste de ceux créés au préalable
  • Lien basique → choix du style du lien simple parmi la liste de ceux créés au préalable
  • Choix du style de bouton pour le “Lire plus” (qui mènera à la single de l’événement)
  • Choix du style de bouton pour le “Voir tous les événements” (= bouton archive, qui mènera à la page index listant tous les événements publiés)

Ajouter une nouvelle composition = refaire le tout pour un nouveau style de bloc, pour avoir un bloc Evénement différent à réutiliser à l’envi.

  • Nommez votre nouvelle composition, et reprenez un à un les éléments ci-dessus !
  • Vous pouvez supprimer ou dupliquer ces nouvelles compositions (pratique pour ne faire que de petites variantes rapidement !)
  • À tout moment, vous pouvez réinitialiser chaque groupe d’éléments : le groupe reprend le réglage de celui du bloc par défaut (si vous avez sauvé entretemps).
🤔

J’ai besoin de plusieurs blocs Événement de styles différents

Bonne nouvelle : vous pouvez ajouter autant de nouvelles compositions que vous le souhaitez.

Pour cela, deux méthodes : dupliquez une composition existante et faire quelques modifications mineures (pratique pour créer rapidement des variantes sur quelques détails) ou créez une nouvelle composition pour un nouveau style de bloc et pour avoir un bloc Équipe complètement différent à réutiliser à l’envi.

  • Nommez votre nouvelle composition, et reprenez un à un les éléments ci-dessus !
  • À tout moment, vous pouvez réinitialiser chaque groupe d’éléments : le groupe reprend le réglage de celui du bloc par défaut (si vous avez sauvé entretemps).

b - Page

EVENEMENT

Général

  • Sélecteur de variantes : position des éléments dans la page

Contenu

  • Choix de l’arrondi de l’image
  • Choix du type de contenant des informations et selon, de l’épaisseur de la bordure de ce contenant
  • Choix du style des icônes des informations (prix, lieu, …)
  • Choix de la typographie du titre de l’article
  • Choix de la typographie du titre et des informations de l’événement (texte, auteur, date, catégories, etc.)
  • Choix des informations à afficher sur la page
💡
Le format de la date et des heures se définit au niveau du tableau de bord, sous l’onglet Réglages > Général N’oubliez pas d’enregistrer 🙂 Voir plus d’information sur les réglages généraux

Couleurs

  • Choix de la couleur des icônes des informations
  • Selon la variante, choix de la couleur de fond secondaire
  • Choix de la couleur de bordure et de fond du contenant des informations
  • Choix de la couleur du fond de la page

EVENEMENTS SIMILAIRES

💡

Le style des encadrés des événements similaires dépend du bloc Evénements par défaut (s’il y a des compositions, il prend les configurations du bloc par défaut)

Général

  • Sélecteur de variantes, et le cas échéant, définition de l’épaisseur et de l’arrondi de la bordure

Contenu

  • Choix du style de typographie des événements listés
  • Saisie du libellé “lire plus” (qui mène à la page de ces événements similaires)

Couleurs

  • Choix de la couleur du fond et de la bordure du contenant des événements similaires
  • Choix de la couleur de fond de la section

c - Index

💡

Le style des encadrés des événements dépend du bloc Evénements par défaut (s’il y a des compositions, il prend les configurations du bloc par défaut)

MISE EN PAGE GENERALE

Général

  • Sélecteur de variantes → présentation et disposition des éléments sur la page listant les événements publiés (index). Selon le choix, définition de l’épaisseur et de l’arrondi de la bordure

En-tête

  • Sélecteur de variantes → choix de la position des éléments dans l’entête
  • Saisie du titre de la page index
  • Choix de la typographie du titre de la page index
  • Choix de la typographie des résultats de recherche
  • Filtres :
    • Choix des filtres de recherche affichés sur la page index. Pour chaque filtre, saisie du nom de l’élément et de l’intitulé si aucun n’est trouvé
    • Choix de la typographie des filtres
    • Définition de l’épaisseur et de l’arrondi de la bordure des filtres
    • Choix du style du bouton de réinitialisation des filtres

Contenu

  • Choix des différentes vues possibles de l’index (calendrier, liste ou les deux)

Couleurs

  • Filtres : choix de la couleur de bordure et de fond des filtres et de la couleur des filtres actifs (= cochés)
  • Contenant : choix de la couleur de fond et de bordure du contenant s’il y a
  • Choix de la couleur de fond de la page

PAGINATION ET REGLAGE DES VUES

Pagination

  • Sélecteur de variantes : choix du style de la pagination. Selon le choix, définition de l’épaisseur et de l’arrondi de la bordure des éléments
  • Sélection du style de police de la pagination

Contenu

  • Saisie du libellé du bouton “lire plus” des différents événements de l’index
    • Calendrier
      • Sélection du style de police des jours de la semaine, de la date, du nom de l’événement dans la carte
      • Définition de l’épaisseur et de l’arrondi de la bordure des cartes du calendrier
        • Date
          • Définition de l’épaisseur et de l’arrondi de la bordure du contenant
        • Modale
          1. 🔥
            Visible lorsque l’on clique sur une carte contenant un événement mais non visible dans la prévisualisation
          2. Sélection du style de police du titre et de l’extrait de l’événement
          3. Définition de l’épaisseur et de l’arrondi de la bordure

Couleurs

  • Pagination
    • Choix de la couleur du texte au survol
    • Choix de la couleur de bordure de la pagination, standard et au survol
    • Choix de la couleur de fond de la pagination, standard et au survol
    • Choix de la couleur de la flèche de la pagination, standard et au survol
  • Calendrier
    • Choix de la couleur de bordure de l’encadré général (sans événement)
    • Choix de la couleur de fond de l’encadré général (sans événement)
    • Date
      • Choix de la couleur de bordure de l’encadré de la date (sans événement)
      • Choix de la couleur de fond de l’encadré de la date (sans événement)
    • Encadré avec événement
      • Date
        • Choix de la couleur du texte
        • Choix de la couleur de fond
      • Choix de la couleur du texte
      • Choix de la couleur de bordure de l’encadré
      • Choix de la couleur de fond de l’encadré
    • Encadré à la date du jour
      1. 💡

        Dans la prévisualisation, à titre d’exemple, la date du jour est fixée au 14 août. Vous pouvez faire une distinction de ce jour par rapport aux autres jours

      2. Date
        • Choix de la couleur du texte
        • Choix de la couleur de fond
      3. Choix de la couleur du texte (s’il y avait en plus un ou des événements à cette date)
      4. Choix de la couleur du fond de l’encadré
      5. Choix de la couleur de bordure
    • Modale
      1. 🔥
        Visible lorsque l’on clique sur une carte contenant un événement mais non visible dans la prévisualisation
      2. Choix de la couleur de bordure
      3. Choix de la couleur de fond