Comme je suis un adepte du Javascript Vanilla et que je n’ai pas trouvé de plugin WP sans jQuery, j’ai fait un petit diaporama avec Flickity qu’on peut placer où on veut dans le contenu d’un article ou d’une page grâce au plugin Block Lab qui permet de générer des blocs Gutemberg personnalisés.
Seul petit défaut, le plugin Block Lab Pro qui permet de faire des répéteurs est très cher alors j’utilise le plugin gratuit et, du coup, j’ai limité à 10 diapos.
Ce bloc personnalisé (qu’on retrouve dans le menu « ajouter un bloc » dans la famille « regal ») permet de gérer :
- titre diaporama
- texte d’introduction
- autoplay
- fullwidth
- nombre de diapos visibles
- couleur de fond sous le texte des diapos (pour toutes les diapos, blanc ou noir et la couleur du texte s’adapte)
- Et pour chaque diapo :
- image
- titre + couleur
- texte + couleur
- position du bloc titre+texte
- couleur de fond du bloc titre+texte
(Les couleurs titre/texte/bloc prennent le dessus sur les couleurs déterminées pour tout le diaporama) - lien
- cible du lien
Démo
Voici un block regalDiaporama avec 2 diapos visibles.
Patata-Pirlouit
Dans la cave
Autre démo
Un diaporama full-width avec 1 seule diapo visible et autoplay activé.
Plante carnivore
Bel arbre
La forêt