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é. (Aucune image n’est assignée ici : ajoute la tienne via le champ « Image ».)
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.
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.
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.
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.
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 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.
« Ce module affiche une liste de témoignages, chacun avec son image et son texte. »
— Exemple de témoignage 1
« Parfait pour des avis clients ou des retours d’expérience. »
— Exemple de témoignage 2
« Ajoutez autant de lignes que de témoignages à afficher. »
— Exemple de témoignage 3
C’est le nombre de layouts disponibles dans le champ flexible du Template Commun, illustrés sur cette page.
La palette du site (bleu profond, turquoise, bleu clair) est utilisable dans presque tous les champs couleur des modules.
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 Timeline
Chaque ligne du répéteur devient une étape de la frise chronologique, avec une date libre, une image optionnelle et un texte.
Idéal pour raconter l’historique d’une entreprise, les étapes d’un projet ou d’un processus.
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 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 5 : mise en avant 100% manuelle, sans lien avec les articles. Chaque ligne = une image de fond + un titre + un lien.
Exemple de lien
Ajoutez autant de blocs que nécessaire : parfait pour des mises en avant « maison » (offres, catégories, pages).
Exemple de lienBloc 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.