描述
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
屏幕截图
Sélection du style “Slider” dans le bloc Galerie 
Exemple d’affichage du slider en front-end
安装
- 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
常见问题
-
Le slider utilise des spécifications CSS récentes.
Actuellement, il est supporté par Chrome, Edge, Safari et Opera. -
Le plugin utilise-t-il du JavaScript ?
-
Non, il est basé uniquement sur du CSS pur.
-
Puis-je changer les styles (couleurs, tailles, etc.) ?
-
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;
}
}
-
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0
- Première version stable
- Ajout du style “Slider” pour le bloc Galerie
- Slider responsive en CSS pur