Slider Galerie Native Responsive

Ce plugin ajoute les styles alternatifs “Slider”, “Diaporama”, “Carrousel”, “Justifié”, “Carré” et “Masonry” au bloc Galerie natif de WordPress (Gutenberg).

Les styles Slider, Diaporama et Carrousel sont réalisés principalement en CSS, grâce aux nouvelles fonctionnalités CSS (scroll-snap, overflow, anchor-name).

Un léger script JavaScript est utilisé uniquement pour ajouter la navigation clavier avec les touches fléchées (← →), la gestion tactile et le défilement automatique des modes Diaporama et Carrousel.

Les styles Justifié, Carré et Masonry sont entièrement gérés en CSS et peuvent être utilisés directement dans l’éditeur de blocs et sur le Front End.

• Fonctionne avec le bloc Galerie natif de WordPress
• Styles “Slider”, “Diaporama”, “Caroussel”, “Justifié”, “Carré”, “Masonry” sélectionnables dans le panneau Styles du bloc
• Slider: navigation manuelle avec boutons, marqueurs, clavier et défilement tactile
• Diaporama: défilement automatique avec transitions fluides en fondu toutes les 5 secondes, avec au survol pause automatique et navigation manuelle possible
• Carrousel: affichage de plusieurs images selon le nombre de colonnes défini dans la Galerie
• Carrousel: défilement automatique image par image toutes les 5 secondes avec bouclage circulaire et pause automatique au survol
• Carrousel: navigation manuelle avec les boutons natifs, les marqueurs de défilement, les touches fléchées du clavier et le défilement tactile
• Justifié : affichage des images ayant le même ratio sous forme de grille en conservant leur ratio
• Carré : affichage des images ayant le même ratio au format carré avec un ratio 1/1, façon Instagram
• Masonry : affichage des images ayant des ratios différents dans une mise en page de type maçonnerie
• Responsive: largeur automatique en fonction de la taille medium_large de la première image pour les styles Slider et Diaporama
• Navigation avec boutons & marqueurs de défilement intégrés du navigateur
• Une fois que le slider ou le Carrousel à le focus, la navigation clavier est possible avec flèche gauche (←) et flèche droite (→)
• Animation fluide au défilement (fade-in / fade-out)
• Style Justifié & Carré: toutes les images doivent avoir le même ratio
• Style Masonry: apporte une nouvelle mise en page attrayante

✅ Compatible avec thème classique & thème de blocs(FSE).

Utilisation

1. Dans l’éditeur de blocs (Gutenberg), insérez un bloc Galerie et ajoutez-y les images.
2. Dans le panneau Styles des paramètres du bloc, sélectionnez l’un des styles proposés:
   • Slider
   • Diaporama
   • Carrousel
   • Justifié
   • Carré
   • Masonry
3. Visualisez le bloc Galerie en Front End avec le style sélectionné.

Les styles Slider, Diaporama et Carrousel sont principalement destinés à l’affichage en Front End.

Les styles Justifié, Carré et Masonry sont visibles dans l’éditeur de blocs ainsi que sur le Front End.

Démo

Découvrez le plugin en action sur notre Site De Démos

Traductions

◆ Anglais
◆ Français

Decouvrez nos autres plugins

◆ Easy Custom Event Tickets
◆ Editor Custom Color Palette
◆ Filter Bar Custom Post Type
◆ Rouergue Creation Top Notice Bar
◆ Rouergue Creation Events Sidebar
◆ Rouergue Creation Carousel Style Query Loop
◆ Rouergue Creation Slider Native Cover Block