# Slide Crafter Reborn — Mode d'emploi

*Version 1.7.0*

Slide Crafter Reborn construit des carrousels responsives (Swiper) via un type de contenu WordPress. Vous créez les sliders sous **Slides**, puis vous les insérez avec un shortcode ou un bloc Gutenberg.

## Créer un slider

1. Allez dans **Slides → Add New Slide**.
2. Renseignez le titre (nom dans l'admin et libellé accessible du carrousel).
3. Choisissez une **source** dans la colonne latérale :
   - *Manual (HTML)* — jusqu'à 10 cartes que vous rédigez (ou que l'IA génère si l'extension WordPress AI est connectée).
   - *WordPress Posts (dynamic)* — derniers contenus d'un type public, avec nombre, tri, et slug de catégorie optionnel.
   - *Featured Products* — si WooCommerce est actif.
4. Réglez le nombre de slides visibles, l'espacement, la boucle, la pagination, les flèches, l'autoplay, la vitesse et l'animation (slide / fade / cube).
5. Enregistrez. Copiez le shortcode depuis la colonne latérale ou la liste des Slides.

L'aperçu en temps réel au-dessus des cartes utilise la même instance Swiper qu'avant ; ce n'est pas un autre moteur.

## Insérer côté site

**Shortcode** (inchangé) :

`[slidecrafterreborn_slide id="123"]`

**Bloc :** dans l'éditeur, insérez **Slide Crafter** et choisissez le slider. Le bloc est dynamique : il rend ce shortcode. Si le sélecteur est vide, rien n'est affiché.

## Images et performance

Les images des cartes sans attribut `loading` reçoivent `loading="lazy"` et `decoding="async"`. Les premières slides visibles (selon « slides per view ») restent en `loading="eager"` pour ne pas retarder le premier écran. Les fichiers Swiper restent le bundle 8.4.7 de la 1.6.0.

## Accessibilité

- Le carrousel est une `region` libellée, avec `aria-label` sur précédent/suivant.
- Les flèches du clavier fonctionnent lorsque le slider est dans le viewport (module clavier Swiper).
- Si le visiteur a **prefers-reduced-motion: reduce**, l'autoplay ne se lance pas. Les flèches, la pagination et le clavier restent disponibles.

## CSS personnalisé

Le champ « Custom CSS (Restricted) » n'accepte qu'une liste courte de propriétés (couleur, espacement, bordures, etc.). Il s'applique aux `.swiper-slide` de ce slider.

## Cartes IA

Quand l'extension WordPress **AI** a un connecteur, un panneau Generate apparaît au-dessus de l'éditeur de cartes. Décrivez le slider ; le HTML généré est sanitizé comme les cartes manuelles.

## Questions fréquentes

**Puis-je mettre deux sliders sur une page ?** Oui — chaque instance shortcode/bloc a son propre id Swiper.

**Pourquoi l'autoplay est coupé sur mon ordinateur ?** Vérifiez le réglage système « réduire les animations ».

**Avez-vous remplacé Swiper ?** Non. La 1.7.0 ajoute des attributs, de l'ARIA, les options clavier/a11y et un test reduced-motion autour de l'init existante.