Slider Galerie Native Responsive
Ajoute un style "Slider" responsive en pur CSS à la galerie native de WordPress (bloc Galerie).
Plugin info
Maintenance & Compatibility
Maintenance score
Actively maintained • Last updated 37 days ago
Is Slider Galerie Native Responsive abandoned?
Likely maintained (last update 37 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
Ce plugin ajoute un style alternatif “Slider” au bloc Galerie natif de WordPress (Gutenberg).
Le slider est réalisé uniquement en CSS, sans JavaScript, grâce aux nouvelles fonctionnalités CSS (scroll-snap, overflow, anchor-name).
Caractéristiques :
- Fonctionne avec le bloc Galerie natif de WordPress
- Style “Slider” sélectionnable dans le panneau Styles du bloc
- Responsive: largeur automatique en fonction de la taille medium_large de la première image
- Navigation avec boutons & marqueurs de défilement intégrés du navigateur
- Animation fluide au défilement (fade-in / fade-out)
🔍 Démo en ligne
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 CPT
Installation
- Depuis le tableau de bord de votre site, accédez à Extensions -> Ajouter nouveau.
- Rechercher Slider Galerie Native Responsive
- Cliquez sur installez et activer le plugin
- Dans l’éditeur de blocs (Gutenberg), insérez un bloc Galerie
- Aux Paramètres du bloc Panneau Styles, sélectionnez le style Slider
Frequently Asked Questions
Le slider utilise des spécifications CSS récentes.
Actuellement, il est supporté par Chrome, Edge, Safari et Opera.
Non, il est basé uniquement sur du CSS pur.
Oui, en surchargeant le fichier CSS du plugin via votre thème enfant ou via l’outil CSS personnalisé.
Exemple :
-
Pour changer la largeur du slider, utilisez la règle CSS suivante :
css
.wp-block-gallery.is-style-sngr-gallery-slider {
width: 720px;
} -
Pour masquer les boutons et/ou les marqueurs de défilement sur mobile :
css
@media (max-width: 480px) {
/* Boutons */
.wp-block-gallery.is-style-sngr-gallery-slider::scroll-button(*) {
display: none;
}
/* Marqueurs */
.wp-block-gallery.is-style-sngr-gallery-slider::scroll-marker-group {
display: none;
}
}
Review feed
Changelog
1.0
- Première version stable
- Ajout du style “Slider” pour le bloc Galerie
- Slider responsive en CSS pur

