Beskrivning
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
Skärmdumpar
Sélection du style ”Slider” dans le bloc Galerie 
Exemple d’affichage du slider en front-end
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
Vanliga frågor
-
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
Recensioner
Detta tillägg har inga recensioner.
Bidragsgivare och utvecklare
”Slider Galerie Native Responsive” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.
Bidragande personer
Översätt ”Slider Galerie Native Responsive” till ditt språk.
Intresserad av programutveckling?
Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.
Ändringslogg
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