Block : Sidebar section

Ce block permet, en utilisant la fonctionnalité Innerblocks de Gutenberg de créer une section de deux colonnes, une d’entre elle étant occupée par une barre de widget que vous pouvez entièrement personnaliser, et l’autre par un unique block de votre choix (si vous désirez construire une zone de contenue plus complexe, vous pouvez y utiliser un block Components ou un block Inner template.

En visionnant cette page, vous avec entre les yeux un exemple de ce type de block.

NB : cette limitation à un seul block pour la zone de contenu est une limite de Gutenberg, et non de Flexipow.

Contenu

  • Title (texte) : le titre de cette section

La zone de contenu utilisant un block de votre choix, il n’y a pas de champs ni de document la concernant.

Pour la sidebar elle même, il faut avant toute chose la créer et la construire.

1 – Créer et enregistrer la sidebar en question dans Options > layout
2 – La construire ensuite avec des blocks widgets ou Flexipow dans Apparence > widgets (vous pourrez revenir ensuite à loisir pour modifier cette construction)
3 – Votre sidebar est désormais disponible à la sélection dans les block de ce type

 

Réglages

  • Sidebar (choix) : choisir la sidebar à afficher dans ce block
  • Sidebar sticky (choix) : active ou non le mode d’affichage sticky de la sidebar (affichage fixe suivant le scrolling vertical)
  • Sticky sidebar options (groupe) : options applicables si le mode sticky a été choisi
    – Margin top et Margin bottom (nombre en px) : les marges haut et bas de votre sidebar
    – Disable before (px) : permet de masquer cette sidebar en dessous d’une largeur en pixels définie ici
    – Behavior (choix) : modern, sticky top ou sticky bottom. Définit le comportement au scroll vertical de la sidebar.
  • Sidebar position (choix) : permet de définir la position latérale de votre sidebar
  • Sidebar position mobiles (choix) : permet de définir la position latérale de votre sidebar sur mobiles
  • Sidebar width (choix) : définit la largeur de la sidebar
  • Sidebar classes (texte) : permet d’associer une ou plusieurs classes css à la sidebar