Block : titre

Ce bloc crée une section composées de slide défilants horizontalement au scroll. Il est possible de lui ajouter une pagination simple.

Contenu

  • Title (texte) : titre facultatif de la section
  • Source (choix) : type de slides, statiques ou résultantes d’un requête WordPress.
  • Static slides (groupe répétable) : définition des slides statiques
  • Query slides (groupe) : définition des slides tirées d’une requête

Les Static slides se composent de :

  • Slide title (texte) : titre facultatif de la slide, n’apparaissant pas sur le site
  • Slide classes (texte) : classe(s) css à associer à la slide
  • Slide background (color) : couleur de fond de la slide
  • Slide vertical align (choix) : alignement vertical des éléments présents dans la slide
  • Columns (groupe répétables) : définit une ou plusieurs colonnes de contenu dans la slide. Pour chaque colonne, il est possible de régler :
    Content (contenu) : le contenu de la colonne
    Width (lg), width (md) et width (sm) : largeur de la colonne selon les différentes résolutions
    Class et class inner (texte) : classe(s) css à appliquer à la colonne ou à son container enfant
    Background et background inner (couleurs) :  couleur de fond à appliquer à la colonne ou à son container enfant
    Text color et Title color (couleurs) :  couleur des textes et des titres
    Vertical align et horizontal align (choix) : alignements vertical et horizontal dans la colonne
    Apply kses filter (choix) : application ou non des filtres de sécurité sur le contenu de la colonne. A désactiver dans certains cas (shortcodes de plugins tiers…).

Les Query slides ne comprennent qu’un seul paramètre, Content template, qui est le modèle à appliquer à chaque occurrence de la requête. Consultez le bloc category grid pour plus de documentation.

Réglages

  • Show slides navigation (choix) : affiche ou non une navigation précédent/suivant sur les slides
  • Slides height (nombre) et slides height unit (choix) : permet de de définir la hauteur des slides en px ou vh selon les résolution (desktop ou mobiles)

Si Show slides navigation est actif, des options relatives à cette fonctionnalité apparaissent :

  • Previous label et Next label (texte) : texte des boutons précédent et suivant
  • Previous classes et Next classes (texte) : classes css des boutons précédent et suivant
  • Color et color hover (couleurs) : choix des couleurs des liens de navigation
  • Font-size (nombre) : définit la taille en rem des liens de navigation
  • Position (choix):  définit la position de ces liens de navigation à l’intérieur de chaque slide.

Si la source des slides est une requête WordPress, un groupe d’option permettant de définir cette requête apparait ici. Consultez le bloc category grid pour plus de documentation.

Exemples d’utilisation

Page d’exemple