WordPress.org

Français

Obtenir WordPress
WordPress.org

Plugin Directory

Any Block Carousel Slider

Any Block Carousel Slider

Par WEB LAZER
Télécharger

Description

Any Block Carousel Slider est une extension de diaporama en carrousel pour l’éditeur Gutenberg qui transforme instantanément les blocs natifs WordPress pris en charge (Boucle de requête / Modèle de publication, Groupe, Galerie) en un diaporama en carrousel responsive. Activez simplement l’interrupteur « Carrousel » dans l’éditeur Gutenberg : votre contenu reste 100 % natif, votre DOM reste ultra-léger et vos scores de performance Lighthouse restent intacts. Cela inclut les grilles de produits WooCommerce affichées via le bloc Boucle de requête / Modèle de publication, vous permettant de présenter vos produits sans dépendre de l’ancien bloc Produits.

Essayez-le

Découvrez l’extension en quelques secondes sans rien installer ! Lancez notre démonstration interactive :
Lancer la démo Playground

Contrairement à de nombreux blocs de diaporama en carrousel tout-en-un qui nécessitent d’ajouter un bloc « Carrousel » dédié et de reconstruire chaque diapositive, Any Block Carousel Slider se greffe directement sur les blocs Gutenberg que vous utilisez déjà. Résultat : un bloc Boucle de requête / Modèle de publication, Groupe ou Galerie peut devenir un diaporama en carrousel en un clic, sans duplication de contenu ni maintenance supplémentaire.

Pourquoi Any Block Carousel Slider plutôt qu’un bloc carrousel dédié ?

  • Boucles WordPress sans friction – Transformez les blocs Gutenberg Boucle de requête et Modèle de publication en un diaporama en boucle sans créer un bloc par diapositive.
  • Expérience éditoriale familière – Les équipes de rédaction conservent l’interface Gutenberg qu’elles connaissent (compositions, styles globaux, alignements, blocs enfants).
  • Défilement natif & performance – Mise en page CSS native scroll-snap, optimisée pour le GPU, sans script lourd Swiper/Slick à charger. Seul un script léger gère la navigation, les boucles et la lecture automatique.
  • Compatibilité totale – Fonctionne avec les thèmes classiques et les thèmes basés sur des blocs tout en respectant la structure de vos blocs Boucle de requête / Modèle de publication, Groupe et Galerie.
  • Accessibilité + SEO – Navigation au clavier, respect des préférences prefers-reduced-motion, DOM propre pour les robots d’indexation.

Ce que vous pouvez faire en 30 secondes

  • Blog / Magazine : affichez vos dernières publications dans un carrousel Boucle de requête avec filtres natifs et badges.
  • Portfolios & témoignages : conservez vos blocs Groupe et rendez-les défilants sans reconstruire chaque diapositive.
  • Galeries avancées : transformez le bloc Galerie en un diaporama responsive tout en conservant tous les réglages natifs.
  • Sections de page : enchaînez des sections complexes (image, titre, boutons, formulaires) dans le même bloc Groupe et faites-les défiler horizontalement.
  • Mises en avant WooCommerce : utilisez une Boucle de requête configurée pour les produits (mis en avant, en promo, taxonomie personnalisée) et transformez-la en carrousel de produits CSS.

Comparatif rapide

  • Activation : Any Block Carousel Slider – activez l’option sur un bloc Gutenberg existant. Blocs de diaporama en carrousel classiques – ajoutez un bloc de diaporama dédié et reconstruisez chaque diapositive.
  • Boucle WordPress : Any Block Carousel Slider – fonctionne avec les blocs Boucle de requête et Modèle de publication sans duplication. Carrousels concurrents – nécessitent un bloc par diapositive ou du code sur mesure.
  • JavaScript sur l’interface publique : Any Block Carousel Slider – script extrêmement léger, diaporama en carrousel propulsé par CSS. Carrousels concurrents – chargent Swiper/Slick et des scripts supplémentaires.
  • Performance : Any Block Carousel Slider – DOM ultra-léger, aucun fichier externe. Carrousels concurrents – multiplient les fichiers, le réaffichage et les téléchargements.
  • Maintenance du contenu : Any Block Carousel Slider – un seul bloc Gutenberg à mettre à jour. Carrousels concurrents – contenu dupliqué dans des diapositives dédiées.
  • Sécurité & maintenance : Any Block Carousel Slider – aucune bibliothèque tierce à surveiller. Carrousels concurrents – dépendent de bibliothèques JS externes comme Swiper/Slick.

Fonctionnalités clés

  • Défilement propulsé par CSS – Diaporama en carrousel fluide avec scroll-snap et commandes de navigation JavaScript légères. Aucune bibliothèque lourde.
  • Fonctionnalité de boucle – Activez le défilement infini avec réinitialisation transparente au début ou à la fin lors de l’atteinte des limites.
  • Prise en charge de la lecture automatique – Progression automatique des diapositives avec délai configurable et pause au survol/interaction.
  • Conception responsive intelligente – Gère automatiquement les colonnes visibles, les espacements et les tailles de commandes selon les points de rupture standards de WordPress (1280, 1024, 782, 600, 480, 375).
  • Deux modes de largeur – Mode Manuel (nombre de colonnes fixe) et mode Auto (largeur fixe comme 320px) avec détection automatique.
  • Détection des espacements de blocs Gutenberg – Respecte les valeurs d’espacement (gap) et de marge interne (padding) définies dans l’éditeur de blocs, y compris les préréglages.
  • Couleurs du thème – Les boutons héritent automatiquement des couleurs et des arrondis de votre thème (via les variables CSS).
  • Sémantique intacte – Les balises et les classes de votre bloc Gutenberg restent inchangées : parfait pour le SEO, les données structurées et les tests E2E.
  • Compatible avec WooCommerce – La Boucle de requête peut cibler le type de publication product, ainsi les grilles WooCommerce deviennent des carrousels CSS sans nécessiter l’intégration d’un bloc Produits dédié.

Flux de travail natif dans les blocs Gutenberg

  1. Ajoutez ou modifiez l’un des blocs pris en charge (Galerie, Groupe ou Boucle de requête / Modèle de publication).
  2. Activez l’option Carrousel dans la colonne latérale de Gutenberg (section Mise en page ou Bloc selon le bloc).
  3. Ajustez vos réglages habituels (nombre de colonnes, largeur minimale, espacement, alignement).
  4. Enregistrez : votre bloc devient un diaporama en carrousel tactile, accessible et optimisé pour le référencement.

Personnalisation avancée

  • Mode Boucle – Activez le défilement infini : en arrivant à la fin, le carrousel se réinitialise de manière transparente au début (et inversement). Les boutons de navigation restent actifs en permanence.
  • Lecture automatique – Progression automatique des diapositives avec délai configurable (par défaut : 3000 ms). La lecture automatique se met en pause au survol et à l’interaction de l’internaute, et s’arrête à la fin lorsque la boucle est désactivée.
  • Mode Manuel (colonnes fixes) – Idéal pour les diaporamas en carrousel d’articles : 1 à 6 colonnes selon la zone d’affichage.
  • Mode Auto (largeur fixe) – Parfait pour les diaporamas basés sur des cartes (publications, témoignages, produits mis en avant) avec des largeurs précises comme 280px, 320px ou 360px.
  • Marges internes et espacements – Gestion automatique via les variables CSS --carousel-padding-* et --wp--style--block-gap.
  • Thèmes & theme.json – Surcharger les variables pour aligner les commandes sur votre système de conception.
  • Compatibilité multi-navigateurs – Fonctionne parfaitement sur Chrome, Firefox, Safari et tous les navigateurs modernes, avec de véritables commandes de navigation HTML.

Architecture technique

  • Crochet render_block pour injecter des variables selon le contexte (type de bloc, colonnes, espacements).
  • Service dédié à la traduction des étiquettes et des messages d’aide.
  • Styles séparés entre l’éditeur et l’interface publique pour une expérience Gutenberg transparente.
  • Code structuré par services PSR-4.

Comment utiliser l’extension

  1. Installez et activez Any Block Carousel Slider depuis l’écran Extensions (Extensions Ajouter une extension rechercher Installer Activer).
  2. Ouvrez l’éditeur de blocs, insérez l’un des blocs pris en charge (Boucle de requête / Modèle de publication, Groupe, Galerie) et activez l’option Carrousel dans la colonne latérale.
  3. Assurez-vous que le bloc activé en carrousel se trouve dans un bloc Groupe parent (ou un conteneur similaire) afin que le conteneur puisse gérer correctement le débordement, l’espacement et le positionnement des flèches.
  4. Passez la mise en page du bloc en Grille puis ajustez le nombre de colonnes selon votre conception.

Notes pour les développeurs

Dépôt GitHub

Le code source est disponible sur GitHub : https://github.com/WEBLAZER/native-blocks-carousel

Contributions

Les contributions sont les bienvenues ! Vous pouvez :
* Ouvrir un ticket sur GitHub pour signaler un bogue ou suggérer une amélioration.
* Proposer une Pull Request.
* Aider à la traduction (fichiers .po disponibles dans languages/).

Crochets disponibles

L’extension utilise le crochet render_block pour injecter dynamiquement des variables CSS selon le bloc actuel.

Principales variables CSS

Mise en page & espacements :
* --wp--style--block-gap – Espacement entre les éléments (responsive).
* --carousel-min-width – Largeur minimale pour les grilles en mode Auto.
* --carousel-grid-item-width – Largeur des éléments en mode Manuel.
* --carousel-padding-left, --carousel-padding-right, --carousel-padding-top, --carousel-padding-bottom – Marges internes détectées.

Boutons de navigation :
* --carousel-button-bg, --carousel-button-color – Couleurs automatiquement détectées depuis le thème.
* --carousel-button-size – Taille des boutons (3 rem  1,75 rem).
* --carousel-button-offset – Décalage latéral basé sur la largeur du conteneur.
* --carousel-shadow – Ombre portée appliquée aux commandes.

Indicateurs (points) :
* --carousel-marker-size – Taille des indicateurs.
* --carousel-marker-gap – Espacement horizontal.
* --carousel-marker-bottom-offset – Position verticale.

Divers :
* --carousel-z-index – Priorité d’affichage (par défaut 999999).
* --carousel-transition-duration, --carousel-transition-easing – Fluidité des animations.

Crédits

Développé avec ❤️ par Arthur Ballan (WEBLAZER)

Captures d’écrans

Option « Carrousel » dans le panneau de la colonne latérale du bloc Gutenberg.
Option « Carrousel » dans le panneau de la colonne latérale du bloc Gutenberg.
Diaporama en carrousel de blocs Couverture avec images d’arrière-plan en pleine largeur.
Diaporama en carrousel de blocs Couverture avec images d’arrière-plan en pleine largeur.
Diaporama en carrousel Boucle de requête / Modèle de publication affiché à 100 % en CSS.
Diaporama en carrousel Boucle de requête / Modèle de publication affiché à 100 % en CSS.
Bloc Groupe converti en un carrousel responsive.
Bloc Groupe converti en un carrousel responsive.
Bloc Galerie natif affiché en mode diaporama en carrousel.
Bloc Galerie natif affiché en mode diaporama en carrousel.

Installation

Installation automatique

  1. Rendez-vous dans « Extensions » « Ajouter une extension ».
  2. Recherchez Any Block Carousel Slider.
  3. Cliquez sur « Installer maintenant » puis sur « Activer ».

Installation manuelle

  1. Téléchargez l’archive de l’extension.
  2. Téléversez le dossier dans /wp-content/plugins/.
  3. Activez-la depuis le menu « Extensions ».

Utilisation

  1. Ouvrez une page, une publication ou un modèle dans l’éditeur Gutenberg.
  2. Sélectionnez un bloc compatible (Galerie, Groupe ou Boucle de requête / Modèle de publication).
  3. Activez l’option Carrousel dans les réglages du bloc.
  4. Ajustez vos colonnes, la largeur minimale ou les espacements.
  5. Publiez ou mettez à jour : le diaporama en carrousel est opérationnel.

FAQ

En quoi Any Block Carousel Slider diffère-t-il des blocs carrousel traditionnels ?

Contrairement aux carrousels traditionnels qui vous obligent à insérer un bloc « Carrousel » dédié et à reconstruire chaque diapositive à la main, Any Block Carousel Slider transforme les blocs Gutenberg que vous possédez déjà (Boucle de requête / Modèle de publication, Groupe, Galerie) en un diaporama via un simple interrupteur. Avec une Boucle de requête par exemple, les anciennes solutions nécessitent généralement de limiter la boucle à une publication par diapositive et de dupliquer les mises en page. Ici, un seul bloc suffit : une seule action, zéro duplication, performance maximale.

Est-ce compatible avec tous les thèmes (thèmes basés sur des blocs, FSE) ?

Oui. L’extension de diaporama en carrousel pour l’éditeur Gutenberg lit les variables de style générées par votre thème (classique ou thème basé sur des blocs) et applique le diaporama en carrousel sans casser la grille initiale.

Nécessite-t-il du JavaScript sur l’interface publique ?

Aucune bibliothèque JavaScript lourde (comme Swiper.js ou Slick). L’extension utilise la propriété CSS native scroll-snap pour un affichage et un défilement fluides, accompagnée d’un script sur l’interface publique extrêmement léger (~40 Ko brut, <15 Ko minifié/gzippé) pour gérer les flèches de navigation, les points de pagination, la lecture automatique et le comportement en boucle.

Comment transformer une Boucle de requête en carrousel ?

Activez le bloc Gutenberg Boucle de requête (ou Modèle de publication), configurez vos filtres et le rendu, puis cochez Carrousel. Pour les blocs Modèle de publication, passez la mise en page en Grille afin de contrôler le nombre de cartes affichées par zone d’affichage. Les publications sont automatiquement alignées sur une ligne défilante avec ancrage et flèches CSS. C’est le principal avantage par rapport aux extensions de diaporama en carrousel traditionnelles qui ne prennent pas en charge nativement la Boucle de requête.

Puis-je mélanger des images, des titres, des boutons et des formulaires dans le même carrousel ?

Oui. L’extension respecte les blocs Gutenberg enfants imbriqués. Un bloc Groupe contenant une image, du texte, des boutons ou des formulaires est transformé tel quel en mode carrousel.

Comment contrôler le nombre de colonnes visibles ?

Passez la mise en page du bloc en Grille dans la colonne latérale de Gutenberg (panneau Mise en page) et définissez le nombre de colonnes souhaité pour chaque point de rupture. Le carrousel hérite de ces réglages de grille, ajuster les commandes de Grille est donc le moyen recommandé pour définir le nombre de diapositives visibles.

Compatible avec WooCommerce ?

Oui, lorsque vos produits sont affichés via le bloc Gutenberg Boucle de requête / Modèle de publication (par exemple en ciblant le type de publication product ou une composition WooCommerce). Une intégration dédiée pour l’ancien bloc Produits reste sur la feuille de route, mais vous pouvez dès aujourd’hui créer des diaporamas de produits en utilisant la Boucle de requête pour cibler le contenu WooCommerce.

Existe-t-il un mode de lecture automatique, une boucle infinie ou des flèches personnalisées ?

Oui ! L’extension intègre un défilement infini (mode Boucle) et un défilement automatique des diapositives (lecture automatique avec délai configurable) contrôlables directement depuis les réglages du bloc Gutenberg. Vous pouvez également personnaliser, afficher ou masquer indépendamment les flèches de navigation et les indicateurs de pagination.

Puis-je avoir plusieurs carrousels sur la même page ?

Oui, sans limite. Chaque bloc Gutenberg gère ses propres variables CSS pour le diaporama en carrousel.

Comment ajuster les boutons ou les indicateurs de positionnement ?

Dans votre thème ou via une extension d’extraits CSS, remplacez les variables :

`css

.wp-block-group.is-carousel {
–carousel-button-bg: var(–wp–preset–color–primary);
–carousel-marker-size: 0.8rem;
}
`

Si les boutons de navigation semblent décalés ou partiellement masqués, placez le bloc activé en carrousel dans un bloc Groupe parent (ou un autre bloc conteneur) afin que le conteneur fournisse les marges internes et le contexte de débordement appropriés pour les commandes.

Est-ce compatible avec tous les navigateurs ?

Oui ! Les boutons de navigation, les points de pagination et le défilement utilisent du code HTML et CSS standard pris en charge par tous les navigateurs modernes (Chrome, Firefox, Safari, Edge). L’extension utilise le scroll-snap natif pour un défilement fluide et un JavaScript léger pour les commandes de navigation interactives.

Avis

effective and easy to use

22 mai 2026 1 réponse
I was looking for a plugin that makes a slider possible for my custom post types and integrates nicely with Gutenberg. Without the need of defining sliders separately and without a lot of extra options I do not need. This sliders does exactly that. Easy to use and in my use case works like a charm.

Promising, but a little rough around the edges

6 février 2026 2 réponses
Really nice start. I've tried doing something quite similar, but this is a much nicer approach than what I've come up with. Few rather major gripes, though: Editor view breaks when enabling a carousel. Looks like it's due to following CSS declaration::has(.abcs) { position: relative !important;}which messes the editor sidebar positioning / scroll. I'm not a huge fan of the pure CSS approach using ::scroll-button and ::scroll-marker as those are not yet supported by Safari and Firefox. Other than that I really like the idea and code looked good too. Keep up the good work!

Great Plugin for Native Block/Post Carousels

17 décembre 2025 3 réponses
This plugin turns WordPress native Posts/Query Loops, Galleries and Group blocks into carousels very easily– with just a checkbox! No duplication of content. So far, I found this to be the only option for seamless carousels if you want to keep things native. An option to enable auto-slide would be a great addition. Also, if we could customize/add to the supported blocks for carousel enablement, then it could be even better.

Turn Any Gutenberg Block into a Carousel Effortlessly

11 novembre 2025
As a Native Blocks Carousel user, I’m impressed by how simple it is to turn carousels into Gutenberg. It’s the only plugin I know that truly converts any Gutenberg block into a carousel without compromises, while keeping every native feature intact. The interface is intuitive, the animation and navigation options are comprehensive, and the result stays fully responsive. Performance is excellent, and it adapts smoothly to any theme. Special mention for the clear documentation and translation support, which make multilingual setups a breeze. Kudos for this plugin—it delivers exactly what WordPress developers need: a native, clean, lightweight carousel solution.
Lire les 5 avis

Contributeurs/contributrices & développeurs/développeuses

« Any Block Carousel Slider » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Any Block Carousel Slider” a été traduit dans 2 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Any Block Carousel Slider » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

2.2.0 – 17/09/2026

  • ✨ Fonctionnalité : ajout d’une invitation d’évaluation discrète dans l’administration demandant l’avis des personnes utilisant l’extension et une note de 5 étoiles sur WordPress.org après 14 jours d’utilisation.
  • 🐛 Correctif : résolution des problèmes de calcul de largeur du bloc Galerie lorsque les espacements de lignes et de colonnes diffèrent (–carousel-gap-x).
  • 📱 Responsive : amélioration de la mise en page mobile pour les blocs Galerie (affichage par défaut de 2 colonnes par vue avec calcul d’espacement sous 600px).
  • 🌐 I18n : ajout de la prise en charge complète de la traduction française (fr_FR) pour les notifications d’administration, les réglages de blocs et les chaînes de WordPress.org.
  • 📝 ASO : mise à jour du titre de l’extension, des étiquettes et de la description courte pour une meilleure découverte lors des recherches sur WordPress.org.

2.1.1 – 25/08/2026

  • 🔧 Maintenance : mise à jour de la compatibilité WordPress jusqu’à la version 7.1.

2.1.0 – 16/06/2026

  • 🚀 Refactorisation : modernisation du code vers du JavaScript ES6 propre et consolidation de la logique d’utilitaires redondants dans carousel-shared.js.
  • ♿ Accessibilité : implémentation des rôles ARIA complets, du tabindex, des états dynamiques et de la prise en charge de la navigation au clavier par flèches avec commandes de boucle infinie.
  • 🎨 Personnalisation Gutenberg : ajout de PanelColorSettings natifs pour l’arrière-plan des boutons et la couleur SVG, de RangeControl pour le décalage horizontal des flèches, et de réglages d’alignement/style pour les indicateurs de pagination (Points vs Lignes).
  • ⚡ Performance : remplacement de la logique de mise en valeur de l’IntersectionObserver basée sur des ratios par des calculs de distance pour une mise en valeur ultra-précise des indicateurs actifs sur les zones d’affichage multi-colonnes.
  • 🧹 Simplification : suppression des exceptions de marge interne codées en dur pour le bloc Couverture dans le CSS et le JavaScript, permettant aux propriétés de bloc standards et aux commandes de décalage de flèches personnalisées de déterminer l’espacement.

2.0.4 – 12/06/2026

  • 🐛 PHP : correction d’un avertissement de conversion de tableau en chaîne lors de l’utilisation de réglages d’espacement séparés sur les blocs parents (ex. : core/group, core/columns).
  • 🔧 Maintenance : augmentation de la version vers 2.0.4.

2.0.3 – 05/06/2026

  • 🎨 CSS : ajout d’une réinitialisation de la marge interne du conteneur pour les carrousels contenant des blocs Couverture (.wp-block-cover) afin de permettre aux images de s’étirer en pleine largeur.
  • ⚡ Éditeur : implémentation d’un calculateur de marge interne robuste (resolveEditorPadding) dans l’éditeur Gutenberg pour récupérer les réglages d’espacement d’origine des attributs de bloc et des styles d’éléments en ligne, évitant aux flèches de s’écraser sur le bord.
  • 🐛 JS : correction d’un bogue de référence de portée où l’écouteur de changement de Gutenberg ne pouvait pas accéder à la routine de synchronisation des couleurs, évitant les erreurs de référence checkAndUpdateColors dans la console.
  • 🔧 Maintenance : augmentation de la version vers 2.0.3.

2.0.2 – 04/06/2026

  • 🎨 CSS : ajustement des tailles d’indicateurs responsive et des espacements dans carousel.css.
  • 🔧 Maintenance : augmentation de la version vers 2.0.2.

2.0.1 – 03/06/2026

  • 📝 Documentation : mise à jour des entêtes de l’extension, de README et de readme.txt pour s’aligner sur les fonctionnalités de la version v2.0.0.
  • 🎮 Playground : bascule vers une mise en page de page d’accueil pilotée par la base de données avec templates/index.html pour correspondre au site de test.
  • 🔧 Maintenance : raccourcissement de la description courte dans readme.txt pour se conformer à la limite de 150 caractères de WordPress.org.
  • 🛠️ Outillage : ajout de l’utilitaire update-playground.sh pour des synchronisations fluides.

2.0.0 – 22/05/2026

  • 🌐 Majeur : les boutons de navigation et les points de pagination sont désormais de véritables éléments HTML pour une compatibilité multi-navigateurs totale.
  • ✅ Fonctionne parfaitement sur Chrome, Firefox, Safari et tous les navigateurs modernes.
  • 🎯 Points de pagination cliquables avec suivi de la diapositive active via IntersectionObserver.
  • ♿ Amélioration de l’accessibilité au clavier avec des boutons ciblables et des attributs ARIA.
  • 🧹 Suppression de la dépendance aux pseudo-éléments CSS expérimentaux ::scroll-button et ::scroll-marker.
  • 🚀 Logique de boucle simplifiée avec gestion directe des clics sur les boutons.

1.0.5.4 – 16/04/2026

  • ✅ Compatibilité vérifiée avec WordPress 7.0 (Gutenberg Phase 3 : Collaboration).
  • 🚀 Version de maintenance.

1.0.5.3 – 11/03/2026

  • 🎨 Suppression d’une règle CSS de positionnement parent redondante pour une meilleure compatibilité de thème.

1.0.5.2 – 11/03/2026

  • 🧹 Suppression de la publication par défaut « Hello World » du playground.
  • 🎨 Correction de l’icône de site (favicon) dans la démonstration du playground.

1.0.5.1 – 11/03/2026

  • 🎮 Ajout du fichier blueprint.json officiel pour le bouton « Prévisualisation en direct » sur WordPress.org.
  • 🔗 Amélioration du formatage des liens du playground.

1.0.5 – 11/03/2026

  • 🎮 Ajout de la démonstration interactive officielle WordPress Playground.
  • 🏷️ Optimisations de maintenance et de performance.

1.0.4.4 – 05/03/2026

  • ✨ Amélioration de la synchronisation des couleurs de boutons dans l’éditeur de site (FSE).
  • 🎨 Les boutons du carrousel suivent désormais directement les styles globaux du thème en lisant les variables CSS de WordPress (--wp--style--elements--button--color--*).
  • 🛡️ Fiabilité renforcée de l’éditeur : un bouton de référence caché dédié évite de récupérer les couleurs personnalisées au niveau du bloc.
  • 🛠️ Détection d’iframe robuste dans l’éditeur de site pour une expérience WYSIWYG parfaite.

1.0.3.5 – 14/11/2025

  • ♻️ Alignement du domaine de texte de l’extension avec le slug officiel de WordPress.org.
  • 🧼 Renommage des répertoires locaux de l’extension et SVN pour supprimer les avertissements de vérification de domaine de traduction.

1.0.3.4 – 14/11/2025

  • 🏷️ Publication de la balise de version 1.0.3.4 sur WordPress.org.

1.0.3.3 – 13/11/2025

  • 🔗 Simplification du lien WordPress Playground dans la section « Essayez-le ».
  • 📝 Mise à jour de readme.txt pour rafraîchir le cache de WordPress.org.

1.0.4.3 – 08/02/2026

  • 🛡️ Sécurité : ajout de la protection contre l’accès direct à tous les fichiers PHP.
  • 📝 Documentation : correction du format de compatibilité de version WordPress.
  • 🏷️ Version de maintenance.

1.0.4.2 – 08/02/2026

  • 🛠️ Compatibilité avec WordPress 6.9.
  • 🏷️ Version de maintenance.

1.0.4.1 – XX/01/2025

  • 🐛 CSS corrigé : désactivation par commentaire de scroll-snap-stop pour éviter un comportement de blocage.
  • 🐛 CSS corrigé : modification de scroll-snap-align de center vers start pour un meilleur alignement.

1.0.4 – XX/01/2025

  • ✨ Ajout de la fonctionnalité de boucle : défilement infini du carrousel avec réinitialisation transparente au début ou à la fin.
  • ✨ Ajout de la fonctionnalité de lecture automatique : progression automatique des diapositives avec délai configurable.
  • 🎯 La boucle maintient les boutons de navigation visibles même aux limites du carrousel.
  • ⏱️ La lecture automatique respecte le délai configuré avant la réinitialisation lorsque la boucle est activée.
  • 🎨 Amélioration de la détection du défilement pour ignorer les micro-ajustements de scroll-snap.
  • 🐛 Correctif : correction des déclenchements de réinitialisation prématurés lors du défilement vers la fin du carrousel.
  • 🛠️ Amélioration de la détection des limites pour un meilleur comportement de la boucle et de la lecture automatique.

1.0.3.2 – 13/11/2025

  • 🎮 Ajout de la démonstration WordPress Playground avec des exemples de carrousels pré-configurés.
  • 🔗 Mise à jour de la section « Essayez-le » avec le lien de démonstration interactive.

1.0.3.1 – 13/11/2025

  • 📝 Mise à jour de readme.txt pour rafraîchir le cache de WordPress.org.

1.0.3 – 13/11/2025

  • 🔄 Extension renommée de « Native Blocks Carousel » vers « Any Block Carousel Slider ».
  • 🐛 Correctif : correction de la mise à jour dynamique du style des flèches dans l’éditeur Gutenberg (fonctionne désormais correctement dans les contextes d’iframes).
  • 🎨 Amélioration de la détection de blocs à travers les iframes de l’éditeur pour une meilleure synchronisation des icônes de flèches.
  • 🛠️ Amélioration des mises à jour de carrousels multi-contextes pour la compatibilité avec l’éditeur de site et l’éditeur de blocs.

1.0.2 – 13/11/2025

  • ✨ Ajout d’interrupteurs dédiés dans l’inspecteur pour masquer ou afficher indépendamment les flèches et les indicateurs de pagination.
  • 🎯 Introduction des attributs de bloc carouselShowArrows et carouselShowMarkers pour un contrôle précis du carrousel.
  • 🎨 Synchronisation des comportements de l’éditeur et de l’interface publique pour les classes abcs-hide-arrows et abcs-hide-markers.
  • 🛠️ Augmentation de la version de l’extension et rafraîchissement des entêtes d’éléments.

1.0.1 – 24/01/2025

  • ✨ Ajout du mode Auto (largeur fixe) pour les blocs Modèle de publication et Groupe.
  • ✨ Sélection intelligente du mode basée sur les réglages Gutenberg.
  • 🎨 Gestion complète des marges internes horizontales et verticales via les variables CSS.
  • 🎨 Les boutons et indicateurs s’adaptent automatiquement à l’espacement personnalisé.
  • 📱 Largeur fixe respectée même sur mobile grâce à min() et clamp().
  • 💬 Amélioration des messages contextuels dans l’éditeur pour guider la sélection du mode.
  • 🚀 Optimisation du service JavaScript dans l’éditeur pour limiter l’empreinte mémoire.
  • 🐛 Correctif : correction du positionnement des commandes avec marges internes asymétriques.
  • 🛠️ Refactorisation interne : chargement automatique PSR-4, services modulaires, séparation interface publique/éditeur.

1.0.0 – 10/01/2025

  • 🎉 Version initiale disponible sur WordPress.org.
  • ✅ Prise en charge des blocs Galerie, Groupe et Boucle de requête / Modèle de publication.
  • 🎯 Détection automatique des colonnes et des espacements de blocs.
  • 📱 Intégration des points de rupture standards de WordPress (1280  375).
  • 🎨 Boutons et indicateurs responsive (3 rem  1,75 rem, 0,66 rem  0,35 rem).
  • 🚀 Aucune dépendance JavaScript sur l’interface publique (100 % CSS natif).
  • ♿ Navigation au clavier, respect des préférences prefers-reduced-motion.
  • 🔄 Compatibilité multi-carrousels sur la même page.

Méta

Évaluations

4.6 sur 5 étoiles.

Votre avis

Tout voir

Contributeurs

Support

Demandes résolues ces deux derniers mois :

0 sur 1

Voir le forum de support