Titre

Block regalDiaporama

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

Mmmmmh yabon les mouches.

Bel arbre

Ambiance heroic fantasy.

La forêt

En automne.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *