Histoire d’Any Block Carousel Slider : Pourquoi et comment j’ai créé ce plugin WordPress natif

En tant que développeur WordPress indépendant et formateur, je me suis souvent retrouvé face à un même dilemme lors de la conception de sites web pour mes clients ou lors de mes cours : comment ajouter un carrousel moderne, fluide et réactif sous l’éditeur de blocs Gutenberg sans dégrader les performances ni alourdir le site avec des extensions propriétaires complexes ?

C’est de ce constat quotidien qu’est née l’aventure d’Any Block Carousel Slider (initialement nommé native-blocks-carousel). Je vous partage ici les coulisses de la création de ce plugin WordPress natif : les questions que je me suis posées, la philosophie d’ingénierie que j’ai adoptée et pourquoi cette approche sans dépendance externe change la donne pour l’éco-conception web.

Sommaire de l’article

1. Pourquoi n’y a-t-il pas de carrousel natif dans WordPress Core ?
2. Le problème des plugins de carrousel traditionnels (Swiper.js, Lock-in et Dette technique)
3. La philosophie du plugin : L’ingénierie résiliente (Progressive Enhancement)
4. Les choix techniques : CSS Scroll-Snap et Boucles de Requêtes (Query Loops)
5. Retour du WordCamp Bretagne 2026 et avenir du projet

Pourquoi n’y a-t-il pas de carrousel natif dans le Cœur de WordPress ?

Depuis l’avènement du Full Site Editing (FSE) et l’enrichissement continu de l’éditeur de blocs Gutenberg, WordPress est devenu un véritable système de conception visuelle. Nous disposons désormais de blocs natifs puissants pour gérer la typographie, les grilles de mise en page, le style global via theme.json et l’affichage dynamique grâce aux blocs de Boucle de requête (core/query).

Cependant, dès qu’un projet nécessite d’afficher une galerie d’images, des témoignages ou des produits WooCommerce sous forme de défilement horizontal, une question revient systématiquement : pourquoi WordPress ne propose-t-il pas une fonctionnalité de carrousel native directement dans le Cœur ?

La réponse réside dans la philosophie de l’équipe WordPress Core : maintenir le cœur le plus épuré possible et éviter d’intégrer des scripts JavaScript tiers susceptibles de devenir obsolètes. Mais en l’absence de solution officielle, l’écosystème s’est rempli de dizaines d’extensions propriétaires qui ne répondent pas toujours aux critères de sobriété et de pérennité qu’on attend lors d’une création de site web professionnel sur-mesure.

Le problème des plugins traditionnels : Swiper.js, Lock-in et Dette technique

En analysant les solutions existantes sur le répertoire officiel, j’ai identifié trois écueils majeurs auxquels les développeurs et propriétaires de sites sont confrontés :

• L’effet verrouillage fournisseur (Vendor Lock-in) : La plupart des plugins créent leur propre bloc propriétaire « Carrousel » avec des sous-blocs « Diapositive ». Si vous désactivez l’extension un jour, toutes les pages concernées se cassent en affichant des erreurs « Bloc invalide ». Votre contenu se retrouve pris en otage.
• La surcharge de scripts (Asset Bloat et CLS) : La quasi-totalité des plugins embarque des bibliothèques JavaScript lourdes comme Swiper.js ou Slick.js (~140 Ko). Ces scripts exécutent des calculs complexes sur le DOM à chaque défilement, ce qui dégrade les scores Google PageSpeed et provoque des sauts de mise en page (Cumulative Layout Shift).
• L’absence d’automatisation sur les boucles dynamiques : Avec un plugin classique, si vous voulez afficher les 6 derniers articles de blog ou une sélection de produits WooCommerce, vous devez créer chaque diapositive manuellement une par une. Et lorsque vous publiez un nouvel article, il faut réouvrir le carrousel pour l’ajouter à la main.

La philosophie du plugin : L’ingénierie résiliente (Progressive Enhancement)

Avant d’écrire la moindre ligne de code pour ce plugin carrousel WordPress natif, je me suis posé la question clé d’ingénierie : « Si l’équipe officielle de WordPress Core devait ajouter une fonctionnalité de carrousel dans Gutenberg demain, comment le ferait-elle ? »

La réponse était évidente : elle ne créerait pas un nouveau bloc inutile qu’il faudrait maintenir dans le temps. Elle ajouterait simplement une option « Carrousel » sur les blocs natifs existants.

C’est exactement ce que fait Any Block Carousel Slider. L’extension vient appliquer une couche d’amélioration progressive (Progressive Enhancement) sur les blocs natifs que vous utilisez déjà au quotidien (core/group, core/gallery, core/query). Les avantages de cette architecture sont majeurs :

• Résilience totale : Si l’extension est désactivée, votre site ne casse jamais. Le contenu reste 100 % natif et retombe proprement sur une grille ou une liste d’éléments standard sans aucune perte de données.
• Pérennité et maintenance : Les blocs sous-jacents sont maintenus par l’équipe WordPress Core. Vous bénéficiez automatiquement des évolutions du Cœur et de votre fichier theme.json sans dépendre d’un système de style propriétaire.
• Expérience éditeur familière : Vos clients et éditeurs de contenu conservent l’interface Gutenberg qu’ils connaissent déjà, sans apprentissage d’un nouvel outil complexe.

Les choix techniques : CSS Scroll-Snap et Boucles de Requêtes (Query Loops)

Pour garantir des performances irréprochables (score Lighthouse de 100/100 sur mobile), le plugin repose sur le standard CSS moderne scroll-snap. Le défilement horizontal est pris en charge directement par le processeur graphique (GPU) du navigateur de l’internaute. Un script ultra-léger (< 15 Ko) gère uniquement la navigation au clavier, l’accessibilité ARIA, la boucle infinie et le défilement automatique (autoplay).

De plus, l’intégration native avec le bloc Boucle de requête (Query Loop) change radicalement la vie des créateurs de sites. Vous pouvez configurer une grille d’articles ou de produits WooCommerce, cocher la bascule « Carrousel » dans l’inspecteur, et votre carrousel est prêt ! Dès qu’un nouvel article ou produit est publié sur le site, il s’ajoute automatiquement au carrousel sans la moindre intervention manuelle.

Retour du WordCamp Bretagne 2026 et avenir du projet

Lors de ma participation au WordCamp Bretagne 2026 à Rennes, la conférence de Jonathan Buttigieg (cofondateur de WP Rocket) sur le lancement des extensions premium a confirmé que l’écosystème exige désormais de la sobriété, du respect des standards d’accessibilité et un soutien fort à l’internationalisation.

C’est dans cet esprit que la version 2.2.0 d’Any Block Carousel Slider a été publiée, intégrant la traduction intégrale en français (avec le soutien de la communauté Polyglots), des notifications d’avis in-admin non-intrusives et une prise en charge responsive parfaite des galeries d’images.

Que vous soyez développeur ou créateur de sites, vous pouvez faire appel à nos services d’expert WordPress à Rennes pour optimiser vos performances web ou découvrir l’extension gratuitement sur le répertoire officiel :

• Démo instantanée en 1 clic : WordPress Playground Demo
• Télécharger l’extension sur WordPress.org : Fiche Any Block Carousel Slider