Extension WordPress

Cabrio
Carrousel

Trois blocs de carrousel pour l’éditeur de blocs (Bootstrap, animé, vitrine), nourris par des diapositives groupées en diaporamas ou par des articles. Fonctionne avec tout thème.

Extension

Version

1.9.2

mise à jour le 3 novembre 2026

Extension WordPress

WordPress

6.3 +

PHP

7.2 +

testée jusqu’à WordPress 7.1

Mises à jour

Signées

dans le tableau de bord

Licence

GPL

à adapter librement

Présentation

Ce que fait Cabrio Carrousel

Trois blocs, sous « Cabrio Carousel » dans l’outil d’insertion :

  • Carrousel Bootstrap : un carrousel Bootstrap, le texte en légende sur l’image, aligné à gauche, au centre, à droite ou automatiquement ;
  • Carrousel animé : un défilement Owl Carousel, le texte sur un voile sombre, toutes les diapositives à la même hauteur ;
  • Carrousel vitrine : chaque diapositive montre son image à côté de son texte (accroche, titre, contenu, boutons), avec des flèches rondes en bas à droite.

Chacun montre des diapositives, des articles, ou pour les deux premiers des pages choisies une à une : jusqu’à 20. À côté du carrousel, un panneau latéral peut montrer le dernier article, le dernier produit en promotion (WooCommerce), ou l’un ou l’autre automatiquement : le produit quand la boutique en a un, l’article sinon. Trois quarts et un quart sur grand écran, l’un sous l’autre sur tablette et téléphone.

Dans le détail

Diapositives et diaporamas

Les diapositives sont un type de contenu à elles, sous « Diaporama carrousel » dans l’administration : un titre, une image (l’image mise en avant), un extrait qui sert d’accroche, un texte, et deux boutons, chacun un texte et un lien (boîte « Options de diapositives (boutons) »). Le premier bouton s’affiche dès qu’il a un lien, avec « Achetez maintenant » quand son texte est vide.

Les diapositives se groupent en diaporamas (« Diaporamas (Groupes) »), et un carrousel peut ne montrer qu’un diaporama. Une diapositive peut être mise en avant, par sa boîte « Mise en avant » ou l’étoile de la liste des diapositives : les diapositives mises en avant viennent d’abord, puis les plus récentes.

Les réglages de WordPress

Les trois blocs prennent les réglages de l’éditeur : grande largeur et pleine largeur, marge et marge interne, bordure et arrondi, ombre ; la vitrine a aussi les couleurs du texte et du fond. L’extension les allume pour ses propres blocs même sous un thème classique, où WordPress les cacherait.

Le thème l’habille

Chaque bouton est un bloc Bouton de WordPress, le second dans le style « Contour », sans forme ni couleur propres à l’extension. Un thème en blocs les habille avec les styles de boutons de son theme.json ; un thème Bootstrap peut en faire ses propres boutons par un filtre de rendu. Quand le thème dessine ses boutons dans theme.json, les flèches de la vitrine prennent aussi ce style.

La couleur d’accent des flèches de la vitrine et du panneau latéral vient de deux variables CSS, --cab-carousel-accent et --cab-carousel-accent-contrast : la couleur primaire Bootstrap du thème sous un thème Bootstrap, un blanc neutre sinon, à moins que le thème ne les pose sur les blocs (dans son theme.json, par exemple).

Léger pour les pages

Bootstrap 5.3.8 et Owl Carousel 2.3.4 sont fournis avec l’extension. Bootstrap est réduit à ce que les carrousels utilisent et limité à leurs blocs : le reste de la page ne change pas. Les deux ne se chargent que sur les pages qui montrent un carrousel, et pas du tout quand le thème charge déjà les siens.

Les images arrivent dans la taille dont l’écran a besoin (srcset). La première diapositive n’est pas chargée en différé, et celle du premier carrousel de la page est chargée en priorité. La lecture automatique s’arrête quand un carrousel est hors de l’écran.

Pour les développeurs

Actions : cab_after_register_blocks, cab_after_enqueue_assets, cab_after_editor_styles, cab_after_editor_scripts, cab_after_slide_save, et cab_carousel_animated_before, cab_carousel_animated_after, cab_carousel_bootstrap_before, cab_carousel_bootstrap_after, qui reçoivent l’identifiant du carrousel et les attributs du bloc.

Filtres : cab_carousel_animated_query_args, cab_carousel_bootstrap_query_args et cab_carousel_hero_query_args (la requête de chaque bloc), cab_carousel_animated_wrapper_attrs et cab_carousel_bootstrap_wrapper_attrs (les attributs de l’élément extérieur), cab_default_carousel_image (l’image par défaut de l’extension), cab_carousel_preload (les blocs dont les fichiers se chargent dans l’en-tête de la page, pour un carrousel que le contenu de la page ne contient pas, comme celui qu’imprime un modèle) et cab_carousel_theme_buttons (si les flèches de la vitrine prennent le style des boutons du thème).

HOOKS.md donne les paramètres et des exemples pour la plupart d’entre eux.

Captures d’écran

En images

Cabrio Carrousel version 1.9.2

Mises à jour

Signées

Mise à jour depuis le tableau de bord

Installation

En place
en quelques gestes

  1. Extensions, Ajouter une extension, Téléverser une extension : choisissez cab-carousel.zip, puis activez-la.
  2. Sous Diaporama carrousel, ajoutez des diapositives, chacune avec une image mise en avant ; groupez-les en diaporamas si le site a besoin de plusieurs carrousels.
  3. Dans l’éditeur, insérez l’un des trois blocs Cabrio Carousel et choisissez sa source dans les réglages du bloc.

Questions

Vos questions

Faut-il un thème Cabrio ?

Non. Elle a d’abord été écrite pour accompagner les thèmes Cabrio, et fonctionne avec tout thème, en blocs ou classique. Elle a été essayée sous Cabrio Informatique, Cabrio Electro, Bootstrap Cabrio et Twenty Twenty-Five.

Une page peut-elle montrer plusieurs carrousels ?

Oui. Chacun s’affiche de son côté, et les fichiers ne se chargent qu’une fois.

Que deviennent les diapositives de l’ancien « Carousel Cabrio Plugin » ?

Rien ne bouge : les diapositives, les diaporamas et les blocs gardent leurs noms. Seul le dossier a changé, en 1.3.0.

Avis

Ce qu’en disent ses utilisateurs

Pas encore d’avis sur Cabrio Carrousel : le vôtre peut être le premier.

Donner votre avis sur Cabrio Carrousel

Votre avis paraît après relecture. Votre adresse électronique sert seulement à vous répondre si besoin : elle n’est jamais publiée. Comment nous traitons les avis

Historique

Son histoire

Cabrio Carrousel 1.9.2 – 2 novembre 2026

  • L’historique en français, ici même : Cabrio Dépôt 0.10.0 le montre sur la page de l’extension et dans la fenêtre « Voir les détails » d’un site en français. Rien d’autre ne change.
Version 1.9.1 – 2 novembre 2026
  • Trois captures d’écran, une par bloc, pour la page de l’extension et la fenêtre « Voir les détails » : des diapositives du site Cabrio Informatique, sous le thème cab-informatique. Le readme les liste sous Captures d’écran, en anglais et en français. Aucun changement du code.
Version 1.9.0 – 2 novembre 2026
  • Les mises à jour viennent du Dépôt de Cabrio Informatique. L’extension déclare son adresse de mise à jour (Update URI) et embarque le module du Dépôt (inc/cab-depot-client/, 1.0.3) : WordPress propose ses nouvelles versions dans Extensions, comme pour les extensions du répertoire officiel, et n’installe un paquet que si sa signature est bonne. La clé de licence se saisit dans Réglages > Licence Cabrio.
  • readme-fr_FR.txt : la présentation en français. Page de l’extension : https://cabrio-informatique.com/extensions-wordpress/cabrio-carrousel/.
Version 1.8.4 – 21 octobre 2026
  • Description mise à jour, dans l’en-tête de l’extension et dans ce readme. Elle présentait l’extension comme la compagne du thème Cabrio, avec deux blocs : elle en a trois (la vitrine manquait), prend des diapositives, des articles ou des pages, a un panneau latéral, laisse ses boutons au thème, ne charge ses fichiers que là où un carrousel s’affiche, et fonctionne avec tout thème.
  • Prérequis lus dans le code : WordPress 6.3 (la version 3 de l’API des blocs et le réglage d’ombre sont arrivés avec elle), PHP 7.2 (aucune syntaxe plus récente) ; testé jusqu’à WordPress 7.1. Le readme disait WordPress 5.0, testé jusqu’à 6.5, et sa liste de fonctions nommait un réglage que les blocs n’ont pas (un style d’animation) et une limite qui n’est pas celle du code (50 articles au lieu de 20).
  • Le readme perd les captures qu’il listait et les scripts de sauvegarde qu’il mentionnait, dont aucun n’est livré avec l’extension, et gagne une ligne « Stable tag ». L’en-tête de l’extension gagne ses prérequis, sa licence et ses adresses, comme dans les autres extensions Cabrio.
  • Traduction française de la description mise à jour. Aucun changement du code.
Version 1.8.3 – 13 octobre 2026
  • Carrousels animé et vitrine : plus de surveillance permanente. Owl vérifiait chaque carrousel toutes les 500 ms (son option autoRefresh) avec jQuery(':visible'), qui force une mise en page de toute la page ; sur une page lourde (l’accueil de Boutik Douchouchou, dix carrousels avec ceux du thème), ces vérifications faisaient l’essentiel du blocage du fil principal. autoRefresh est désormais éteint là où le navigateur a ResizeObserver : un carrousel qui était caché (largeur nulle, dans un onglet ou un accordéon) et devient visible est rafraîchi, comme le faisait Owl, et rien d’autre. Un IntersectionObserver met la lecture automatique en pause quand un carrousel sort de l’écran et la reprend quand il revient. Les navigateurs plus anciens gardent la surveillance d’Owl.
  • Carrousel animé : l’égalité de hauteur des diapositives se calcule en une seule mise en page au lieu d’une par diapositive (clones compris) à chaque changement de diapositive : toutes les hauteurs sont remises à zéro, puis toutes sont lues. Même hauteur (468,8 px mesurés des deux façons), 0,7 ms au lieu de 4 à 6 ms sur une page légère. Lancé aussi après un rafraîchissement.
  • Mise en page mesurée identique sur les trois carrousels à 1280 et 412 px ; un carrousel caché puis montré rafraîchi à sa nouvelle largeur (essai à 300 px) ; lecture automatique en pause en haut de la page et reprise à l’écran.
Versions précédentes

1.8.2 – 13 octobre 2026

  • Première diapositive plus rapide. Les trois carrousels et le panneau latéral écrivent désormais leurs images avec wp_get_attachment_image() : WordPress ajoute srcset, sizes, la largeur et la hauteur, et le navigateur prend la variante qui convient à l’écran. Jusqu’à la 1.8.1, chaque diapositive était le fichier en pleine taille (2560 px pour une photo redimensionnée) avec loading="lazy" écrit en dur, la première comprise : sur Boutik Douchouchou, PageSpeed (mobile) trouvait que la première diapositive de la vitrine était le plus grand élément à l’écran, affiché à 12,3 s, et cinq fois plus lourd que nécessaire.
  • La première diapositive d’un carrousel n’est plus chargée en différé ; celle du premier carrousel de la page reçoit aussi fetchpriority="high" (le logo d’un thème prend souvent déjà la seule priorité haute que WordPress donne de lui-même). Les autres diapositives, cachées tant que le carrousel ne bouge pas, restent chargées en différé. L’image du panneau latéral est laissée aux règles de chargement de WordPress.
  • Carrousel animé : son filtre de contenu (wp_kses_post()) retirait srcset, sizes, decoding et fetchpriority des images ; ces quatre attributs sont désormais permis.
  • Mise en page inchangée : mesurée identique sur les trois carrousels à 1280 et 412 px (17 images, 22 blocs).

1.8.1 – 13 octobre 2026

  • Carrousels Bootstrap et animé : le premier bouton d’une diapositive s’affiche dès qu’il a une adresse, avec « Achetez maintenant » quand son texte est vide, comme dans la vitrine. Ils demandaient les deux, et une diapositive avec une adresse mais sans texte n’y avait pas de bouton alors que la vitrine en montrait un.
  • Carrousel Bootstrap : le voile sombre sur la photo et l’opacité de 75 % du texte de la première diapositive ne reposent plus sur des utilitaires de Bootstrap 5.1+ (bg-black, opacity-50, opacity-75), absents du Bootstrap 5.0 d’un thème (Cabrio Electro) : le voile ne s’affichait pas sur le site et un texte blanc était illisible sur une photo claire. La feuille de style de l’extension les donne désormais, avec les mêmes valeurs.
  • Éditeur : le Bootstrap réduit de l’extension n’est plus chargé dans le canevas de l’éditeur quand les styles d’éditeur du thème portent déjà un Bootstrap (get_editor_stylesheets()) ; son bleu par défaut (#0d6efd) peignait les boutons du carrousel par-dessus les couleurs du thème. Sous un thème sans Bootstrap, il est chargé comme avant, avec l’accent neutre de la 1.8.0.

1.8.0 – 13 octobre 2026

  • Plus de bleu d’emprunt. Sous un thème sans Bootstrap, l’extension charge le sien, dont le primaire par défaut (#0d6efd) colorait les flèches de la vitrine, l’étiquette du panneau latéral (« Dernier article », « Offre spéciale »), son badge et son prix soldé : une couleur d’aucun thème. Ils prennent désormais --cab-carousel-accent (et --cab-carousel-accent-contrast pour le texte posé dessus) : le primaire Bootstrap du thème sous un thème Bootstrap, comme avant (mesuré identique sous Cabrio Electro et Bootstrap Cabrio), sinon le blanc du panneau lui-même. Un thème donne sa couleur en posant les deux variables sur les blocs, par exemple dans son theme.json (Cabrio Informatique 1.22.3).
  • Flèches de la vitrine : quand le thème dessine ses boutons dans theme.json (ou que les styles globaux du site le font), les flèches prennent la classe wp-element-button, et les couleurs, la bordure, l’ombre et le survol du thème ; l’extension ne garde que la forme ronde de 50 px et la place. Elles quittent les classes owl-prev / owl-next, que la feuille de style d’Owl remet à zéro en (0,3,1), fond et bordure compris, par-dessus le (0,1,0) du thème. Sinon, elles gardent la couleur d’accent, désormais sans la bordure en relief de 2 px que la copie d’Owl de Cabrio Electro, qui ne remet pas les boutons à zéro, dessinait autour. Nouveau filtre cab_carousel_theme_buttons.

1.7.2 – 13 octobre 2026

  • Carrousel animé : tout le bloc de texte sur le voile sombre est blanc, comme la légende du carrousel Bootstrap, et pas seulement ses titres. Le bouton en contour d’un thème, qui prend la couleur du texte autour de lui, y restait de la couleur de la page (nuit sur le voile sombre sous Cabrio Informatique).

1.7.1 – 13 octobre 2026

  • Les réglages de marge, de marge interne, de bordure et d’ombre des trois carrousels s’affichent désormais dans l’éditeur sous tout thème. WordPress les cachait sous un thème classique (Cabrio Electro) ou un theme.json sans « appearanceTools » (Bootstrap Cabrio), et retire les préréglages d’ombre des thèmes classiques. L’extension les allume pour ses propres blocs seulement ; les autres blocs ne changent pas.

1.7.0 – 13 octobre 2026

Des boutons neutres : – Chaque bouton de l’extension (boutons des diapositives, « Lire la suite », panneau latéral) est désormais un bloc Bouton de WordPress, le second dans le style « Contour », sans forme ni couleur propres à l’extension. Un thème en blocs les habille avec les styles de boutons de son theme.json, variante contour comprise ; un thème Bootstrap en fait ses propres boutons par un filtre de rendu (Cabrio Electro 1.14.0, Bootstrap Cabrio 1.2.3). Jusqu’à la 1.6.3, les boutons Bootstrap (grands, en pilule pour le panneau latéral) imposaient leur apparence à tout thème. – L’extension ne fait que placer les boutons (espacement, alignement dans les légendes du carrousel Bootstrap).

1.6.3 – 13 octobre 2026

  • Boutons du carrousel vitrine : les mêmes que ceux des deux autres carrousels (grands boutons Bootstrap aux coins arrondis) au lieu de pilules de taille à elles. Le bouton du panneau latéral ne change pas.

1.6.2 – 12 octobre 2026

  • Flèches du carrousel vitrine : les boutons ronds gardent leur apparence, avec un chevron centré au lieu des caractères flèche ; ils restent des cercles de 50 px quel que soit le thème.
  • Les trois carrousels partagent l’icône « diapositives » dans l’outil d’insertion et la vue en liste (la 1.6.1 leur avait donné celle de l’image).

1.6.1 – 12 octobre 2026

  • Flèches du carrousel animé : plus de bordure autour du carré (une copie plus ancienne d’Owl Carousel chargée par le thème, comme la 2.2.1 de Cabrio Electro, ne remettait pas le bouton à zéro), et le chevron est désormais un dessin centré dans le carré au lieu d’un caractère placé par la police du thème.
  • Le bloc vitrine prend la même icône que les deux autres carrousels dans l’outil d’insertion et la vue en liste.

1.6.0 – 12 octobre 2026

Des blocs complets : – Les carrousels prennent les réglages de blocs de WordPress lui-même : grande largeur et pleine largeur, marge et marge interne, ombre, bordure et arrondi (la vitrine a aussi les couleurs du texte et du fond). Le panneau « Ombre » de l’extension et ses « Styles » (Net, Standard, Moderne, Très arrondi) s’en vont. – Un carrousel posé avant la 1.6.0 garde son apparence (marge, ombre et arrondi Bootstrap) jusqu’à sa première ouverture dans l’éditeur, qui la passe dans les réglages de WordPress : l’ombre devient le préréglage le plus proche de la palette (Naturelle, ou Profonde pour la grande), WordPress n’acceptant aucune autre valeur.

Nouveau bloc « Cabrio Carousel Showcase » (vitrine) : – Repris de l’en-tête de l’accueil de Cabrio Electro : chaque diapositive montre son image à côté de son texte (accroche, titre, contenu, boutons), des flèches rondes en bas à droite. Des diapositives (mises en avant d’abord, d’un seul diaporama si on le veut) ou des articles.

Un panneau latéral pour chaque carrousel : – À côté du carrousel : rien, le dernier article, le dernier produit en promotion (WooCommerce), ou automatique (le produit quand la boutique en a un, l’article sinon). Trois quarts et un quart sur grand écran, l’un sous l’autre sur tablette et téléphone.

Rangement : – Les noms globaux prennent le préfixe de l’extension (cab_carousel_…, CAB_CAROUSEL_…) ; rien hors de l’extension n’utilisait les anciens. – Les trois crochets que HOOKS.md documentait sans que le code les ait existent désormais : cab_after_register_blocks, cab_after_slide_save, cab_carousel_animated_query_args ; plus cab_carousel_bootstrap_query_args et cab_carousel_hero_query_args. – Traductions de l’éditeur refaites à partir des scripts compilés (les fichiers que WordPress charge) ; les deux fichiers JSON nommés d’après les sources, jamais chargés, sont retirés. Feuilles de style de blocs mortes retirées.

1.5.0 – 12 octobre 2026

L’extension ne rhabille plus le thème : – Jusqu’à la 1.4.0, l’extension chargeait tout Bootstrap 5.3.8, Font Awesome et Owl Carousel sur chaque page, quel que soit le thème. Sous un thème sans Bootstrap (Twenty Twenty-Five), le reboot de Bootstrap changeait la police, la taille du texte, les titres et les liens de tout le site, carrousel ou non. – Les fichiers ne se chargent plus que sur les pages qui montrent un carrousel : dans l’en-tête quand le carrousel est dans le contenu de la page (ou annoncé par le nouveau filtre cab_carousel_preload), sinon juste avant le carrousel. – Bootstrap est réduit à ce qu’utilisent les carrousels et limité à leur bloc (assets/css/cab-carousel-bootstrap.css, fabriqué par tools/scope-bootstrap.py). Il n’est pas chargé du tout quand le thème a déjà Bootstrap ; Owl Carousel non plus quand le thème l’a. – L’éditeur de blocs ne reçoit plus tout Bootstrap par add_editor_style() : les styles limités ne sont chargés que dans le canevas de l’éditeur.

Carrousel animé : – Ses styles et son script de démarrage étaient imprimés dans la page une fois par carrousel ; ce sont désormais deux fichiers chargés une fois. – Flèches : un chevron au lieu de l’icône Font Awesome à côté du caractère de repli (« ‹‹ ») ; de vrais boutons nommés « Précédent » et « Suivant ». Font Awesome quitte l’extension.

Carrousel Bootstrap : – « Précédent », « Suivant » et « Diapositive N » se traduisent. – Son décalage de légende ne s’applique plus aux carrousels du thème.

Les deux : – Plusieurs carrousels sur une page ne partagent plus le même id : seul le premier de chaque sorte garde cab-animated ou cab-bootstrap.

1.4.0 – 12 octobre 2026

Options de diapositives reprises du thème Cabrio Electro : – Les diapositives peuvent être mises en avant : une boîte « Mise en avant » sur l’écran de la diapositive, et une étoile à cliquer dans la liste des diapositives (colonne triable). Les diapositives mises en avant viennent d’abord dans les deux blocs de carrousel, puis les plus récentes. La clé de méta est _cab_slide_featured (« 1 » ou « 0 »), celle qu’utilisaient les anciennes « Slides Carrousel » du thème. – Les diapositives ont un extrait, que les thèmes utilisent comme accroche au-dessus du titre. – Cabrio Electro 1.11.0 abandonne son propre type de diapositive et lit celles-ci pour le carrousel de son accueil et le bandeau de sa boutique ; ses anciennes diapositives sont déplacées ici, avec leur mise en avant, et le lien de leur bouton devient celui du bouton principal.

Pas de bibliothèques en double : – Quand le thème charge déjà Bootstrap, Font Awesome ou Owl Carousel, l’extension n’ajoute plus les siens. Deux scripts Bootstrap ouvraient et refermaient chaque menu déroulant au même clic ; deux feuilles de style Bootstrap ou Font Awesome de versions différentes changeaient l’apparence du thème.

1.3.0 – 12 octobre 2026

Renommée : – L’extension s’appelle désormais « Cabrio Carousel » (« Cabrio Carrousel » en français) au lieu de « Carousel Cabrio Plugin » (« Module Carrousel Cabrio »). – Dossier, fichier principal et domaine de traduction deviennent cab-carousel, comme toutes les autres extensions Cabrio. Les fichiers de traduction suivent le nouveau domaine ; le catalogue français ne change pas autrement. – Scripts de l’éditeur de blocs refaits pour que leurs chaînes demandent le nouveau domaine de traduction. – Rien d’enregistré ne change : les noms des blocs (cab/carousel-animated, cab/carousel-bootstrap), le type de contenu cab_slide, la taxonomie cab_slideshow, les champs des diapositives et les crochets gardent leurs noms : les diapositives et les pages existantes continuent de marcher.

1.2.0 – 25 avril 2026

Sécurité : – Contrôles de droits ajoutés pour empêcher les modifications non autorisées – Validation complète des attributs – Nettoyage des entrées et échappement des sorties améliorés

Performances : – Chargement des fichiers en double retiré – Chargement différé des images des carrousels – Chaîne de rendu optimisée

Extensibilité : – Trois nouveaux crochets WordPress pour personnaliser – Documentation complète des crochets, avec des exemples

Qualité : – Gestion des versions centralisée par des constantes – Documentation du code enrichie – Guides complets de déploiement et de sauvegarde

1.1.0 – Version précédente

  • Première version avec les blocs de carrousel
  • Intégration de Bootstrap et d’Owl Carousel
  • Gestion des diapositives
  • Prise en charge de base des crochets

Un souci ?

Laissez-nous remettre votre
informatique sur les rails.