DÉMO SLIDER GALERIE NATIVE RESPONSIVE
Un plugin simple pour transformer en front end la galerie native de WordPress en un slider
Introduction
Le Slider est réalisé uniquement en CSS, sans JavaScript, grâce à de nouvelles fonctionnalités CSS, il est actuellement supporté par les navigateurs Chrome, Edge et Opera.
En un clic aux paramètres du bloc Galerie, Panneau Styles, sélectionner le style Slider pour transformer en Front End le bloc Galerie en un Slider.
Caractéristiques
- 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).
- Une extension de 9ko seulement
Démo
Personnalisation
Vous pouvez personnaliser le slider en surchargeant le fichier CSS du plugin via votre thème enfant,
ou via l’outil du menu Apparence/Personnaliser/CSS personnalisé.
/* Changer la largeur du slider */
.wp-block-gallery.is-style-sngr-gallery-slider{
width:720px;
}/* Régles pour les mobiles */
@media (max-width:480px){
/* Masquer Les Boutons */
.wp-block-gallery.is-style-sngr-gallery-slider::scroll-button(){
display:none;
}
/* Masquer Les Marqueurs De Défilement */
.wp-block-gallery.is-style-sngr-gallery-slider::scroll-marker-group{
display:none;
}
}