=== Slider Galerie Native Responsive ===
Contributors: rock4temps
Tags: gallery slider,responsive slider,slider,wordpress slider,image slider
Requires at least: 6.2
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0.3
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.txt

Ajoute un style "Slider" responsive principalement en CSS à la galerie native de WordPress (bloc Galerie).

== Description ==

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)  

== Installation ==

1. Depuis le tableau de bord de votre site, accédez à Extensions -> Ajouter nouveau.
2. Rechercher Slider Galerie Native Responsive
3. Cliquez sur installez et activer le plugin  
3. Dans l’éditeur de blocs (Gutenberg), insérez un bloc **Galerie**  
4. Aux Paramètres du bloc Panneau **Styles**, sélectionnez le style **Slider**  

== Frequently Asked Questions ==

= Est-il compatible avec tous les navigateurs ? =  
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**.  

= La navigation clavier est-elle possible ? =  
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;
	}
}
```


== Screenshots ==

1. Sélection du style "Slider" dans le bloc Galerie  
2. Exemple d’affichage du slider en front-end 

== Démo ==
Découvrez le plugin en action sur notre [Site De Démos](https://rouerguecreation.fr/demo-slider-native-galerie-responsive/)

== Traductions ==
◆ Anglais
◆ Français

== Decouvrez nos autres plugins ==
◆ [Easy Custom Event Tickets](https://wordpress.org/plugins/custom-event-tickets/)
◆ [Editor Custom Color Palette](https://wordpress.org/plugins/editor-custom-color-palette/)
◆ [Filter Bar Custom Post Type](https://wordpress.org/plugins/filter-bar-custom-post-type/) 
◆ [Rouergue Creation Top Notice Bar](https://wordpress.org/plugins/rouergue-creation-top-notice-bar/)
◆ [Rouergue Creation Events Sidebar](https://wordpress.org/plugins/rouergue-creation-sidebar-embed/) 
◆ [Rouergue Creation Carousel Style Query Loop](https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/) 

== Changelog ==

= 1.0.3 =

Corrigé

- Sécurisation des variables injectées dans l’attribut HTML "style" du 
bloc Galerie afin de respecter les bonnes pratiques de sécurité WordPress.
- Le style Slider n'est pas appliqué au bloc Galerie, lorsque plusieurs
classes CSS sont présente.

= 1.0.2 =

Corrigé

- Amélioration de la navigation tactile:
Correction du bug de saut intempestif lors d'un simple toucher(sans swipe).

= 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



