Sharraxaad
Ce plugin ajoute un style alternatif “Slider” au bloc Galerie natif de WordPress (Gutenberg).
Le slider est réalisé 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 ( ).
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
– Une fois que le slider à le focus, la navigation clavier est possible avec flèche gauche () et flèche droite ()
– Animation fluide au défilement (fade-in / fade-out)
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
Sawir-shaashado
Sélection du style “Slider” dans le bloc Galerie 
Exemple d’affichage du slider en front-end
Rakibaad
- 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
SBI
-
Le slider utilise des spécifications CSS récentes.
Actuellement, il est supporté par Chrome, Edge et Opera. -
Le plugin utilise-t-il du JavaScript ?
-
Oui, un script JavaScript très léger est utilisé uniquement pour permettre la navigation clavier avec les flèches .
Le fonctionnement principal du slider repose sur le CSS natif. -
Oui.
– Flèche droite () : image suivante
– Flèche gauche () : image précédente
Un mode loop permet de revenir au début ou à la fin. -
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 * du menu Apparence/Personnaliser/CSS personnalisé*.
Exemple:
– changer la largeur du slider, entrez la régle CSS suivante:
.wp-block-gallery.is-style-sngr-gallery-slider{width:720px;}- Masquer les boutons et/ou marqueurs de défilement sur mobile
@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;
}
}
- Masquer les boutons et/ou marqueurs de défilement sur mobile
Dibu-eegisyo
Ma jiraan wax dibu-eegis ah oo ku saabsan kaabahan.
Ka-qaybgalayaasha & Horumariyayaasha
“Slider Galerie Native Responsive” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan.
Ka-qaybgalayaasha
Ku tarjun “Slider Galerie Native Responsive” luqaddaada.
Ma xiisaynaysaa horumarinta?
Baadh koodka, fiiri bakhaarka SVN, ama iska qor diiwaanka horumarinta adigoo adeegsanaya RSS.
Isbeddellada
1.0.1
- Ajout de la navigation clavier avec les touches
- Ajout d’un mode loop pour la navigation clavier
- Mise à jour de la documentation
1.0
- Première version stable
- Ajout du style “Slider” pour le bloc Galerie
- Slider responsive en CSS pur