Bibliothèque des modules flexibles

Cette page rassemble chaque module disponible dans le Template Commun, avec un exemple concret et une explication de son fonctionnement. Elle sert de référence pour construire une nouvelle page.

Bloc texte multi colonnes

Répartit du texte libre sur 1 à 4 colonnes via le réglage « Nombre de colonnes par ligne ». Chaque colonne a sa propre couleur de fond.

Idéal pour présenter des arguments courts, des étapes ou des points clés côte à côte, sans avoir besoin d’images.

Chaque ligne du répéteur « Bloc texte » = une colonne. Ajoutez ou supprimez des lignes pour ajuster le nombre de blocs affichés.

Texte + Image

Associe un bloc de texte libre à une image, positionnée à droite ou à gauche via le champ « Disposition de l’image ». Pratique pour présenter un service, une équipe ou une actualité.

un colibri

Bloc texte modèle 4

Empile plusieurs paragraphes, chacun composé d’un texte principal et d’un texte secondaire.

Champ « Texte secondaire » : parfait pour une citation, une date ou une note complémentaire.

Lorem ipsum dolor sit amet consectetur adipiscing elit dapibus iaculis litora, convallis viverra placerat mauris rutrum elementum proin urna felis scelerisque, metus euismod a montes nunc mattis curae ornare ultricies.

LOREM IPSUM

Lorem ipsum dolor sit amet consectetur adipiscing elit dapibus iaculis litora, convallis viverra placerat mauris rutrum elementum proin urna felis scelerisque, metus euismod a montes nunc mattis curae ornare ultricies.

LOREM IPSUM

Bloc liste (onglets)

Affiche une liste de boutons ; chaque bouton révèle le paragraphe qui lui est associé. Les couleurs des boutons actif/inactif se règlent indépendamment du fond.

Bloc texte « Lire la suite »

Le « Texte 1 » est toujours visible. Le « Texte 2 » reste masqué derrière un bouton dépliant/repliant.

Lire la suite

Ce texte n’apparaît qu’après un clic sur le bouton « Lire la suite ». Pratique pour alléger visuellement une page tout en gardant l’information disponible.

Fermer

Bloc CTA 1

Un bloc plein écran avec une image de fond optionnelle et un effet parallax activable en un clic (case « parallax effect »). Idéal pour un grand message d’accroche entre deux sections.

Bloc CTA 2

Associe une image à un texte d’accroche, en version plus simple que le CTA 1 (pas d’option parallax).

Bloc CTA 3

La version la plus complète : un vrai bouton (champ « Bouton CTA ») avec ses propres couleurs de fond et de texte, réglables indépendamment du reste du bloc.

Bloc card

Bloc Card

Chaque carte = une ligne du répéteur, avec une image, un texte libre et un bouton optionnel.

Utilisez ce module pour présenter une liste d’offres, d’articles ou de membres d’équipe en grille.

Le champ « Bouton (optionnel) » peut rester vide si la carte n’a pas besoin de lien.

Bloc FAQ

Chaque ligne du répéteur devient une question dépliable : cliquez sur le titre pour afficher ou masquer la réponse.

Oui, le champ « Image de présentation » affiche un visuel à côté de la liste de questions/réponses.

Idéal pour une FAQ produit, service, ou une page d’aide.

Bloc Témoignage

Bloc Chiffres

22 modules

C’est le nombre de layouts disponibles dans le champ flexible du Template Commun, illustrés sur cette page.

3 couleurs

La palette du site (bleu profond, turquoise, bleu clair) est utilisable dans presque tous les champs couleur des modules.

100 % flexible

Chaque module peut être répété, réordonné ou supprimé librement dans le champ « Flexible » d’une page.

Carousel, Galerie & Vidéos

Ces trois modules suivants n’ont pas de champ de texte dédié : ils affichent uniquement des médias. Carousel et Galerie utilisent un champ Galerie ACF (sélection multiple d’images depuis la médiathèque) — le premier en diaporama défilant, le second en grille statique. Vidéos attend, pour chaque ligne de son répéteur, l’identifiant YouTube de la vidéo (la partie après ?v= dans l’URL).

Bloc Carousel

Bloc Galerie

un colibri
un faucon pelerin
un faucon
un colibri
un colibri
un colibri
un colibri

Bloc Vidéos

Bloc Timeline

Étape 1

Bloc Timeline

Chaque ligne du répéteur devient une étape de la frise chronologique, avec une date libre, une image optionnelle et un texte.

Étape 2

Idéal pour raconter l’historique d’une entreprise, les étapes d’un projet ou d’un processus.

Étape 3

L’ordre d’affichage suit l’ordre des lignes du répéteur : glissez-déposez pour réorganiser.

Blocs MEA (Mise en avant)

Les six blocs « MEA » servent à mettre en avant des publications. Selon le module, le contenu est choisi automatiquement (derniers articles), manuellement via un champ relationnel, ou saisi à la main ligne par ligne. Les MEA 5 et 6 n’ont aucun lien avec les articles : ce sont des blocs 100 % manuels, avec image de fond et texte libre.

Bloc MEA 1

un colibri

Modèle Article 3

Ceci est l'extrait de l'article 1

En savoir plus
un colibri

Modèle Article 2

Ceci est l'extrait de l'article 1

En savoir plus
un colibri

Modèle Article

Ceci est l'extrait de l'article 1

En savoir plus

Bloc MEA 2

Modèle Article 2

Ceci est l’extrait de l’article 1

Découvrir

Bloc MEA 3

Bloc MEA 3

Combine un texte libre (avec bouton d’appel à l’action intégré) et une sélection de publications via le champ relationnel « Mise en avant ».

Bloc MEA 4

16/11/2023

Modèle Article 3

Ceci est l’extrait de l’article 1

16/11/2023

Modèle Article 2

Ceci est l’extrait de l’article 1

29/11/2019

Modèle Article

Ceci est l’extrait de l’article 1

Bloc MEA 5

un faucon pelerin

Bloc MEA 5

Exemple de lien
un colibri

Parfait pour des mises en avant « maison »

Exemple de lien

Bloc MEA 6

un faucon pelerin

Bloc MEA 6

Comme le MEA 5, mais avec un texte affiché par-dessus l’image ET un texte affiché en dessous — utile pour un titre suivi d’une courte description.

Exemple de lien