Layout Builder: un outil puissant de mise en page sur Drupal 8

La version stable du module Layout Builder est parmi les principales nouveautées de la nouvelle version Drupal 8.7, ce module (déjà intégré dans le coeur de drupal - en version expérimentale - depuis la version 8.5), permet aux administrateurs / éditeurs de contenus de modifier la présentation des contenus grâce à une interface intuitive basée sur le « drag and drop » et qui utilise le thème frontal.
Les intégrateurs Drupal peuvent également profiter des fonctionnalités offertes par ce module pour créer rapidement des templates de contenu et mettre en forme les pages personnalisées.

 

Une mise en page des contenus pour chaque mode de visualisation

Une mise en page pour chaque élément de contenu

Avantages d'utilisation de Layout Builder

Conclusion

Une mise en page des contenus pour chaque mode de visualisation

 

Pour utiliser Layout Builder, il suffit d'activer ce module dans la rubrique
admin/modules
:

 

Layout builder 1

 

Pour tester le module sur le type de contenu Article, cochez l'option Use Layout Builder pour le mode view Default (
admin/structure/types/manage/article/display
) .Puis cliquez sur Enregistrer.

 

 

Layout builder 2


Vous constatez que la section de formatage des champs est remplacé par le bouton Gestion de la mise en page, en cliquant sur ce dernier, vous serez redirigé vers une interface qui utilise le thème frontal,

 

Layout builder 2

 

L'interface permet d'ajouter des sections de différentes dispositions, chaque section peut contenir plusieurs éléments; les champs du contenu, des blocs, des vues, des menus, et des formulaires.

 

Layout builder 2

 

Layout builder 2

 

 

Une mise en page pour chaque élément de contenu 

 

Un des points forts de ce module est la possibilité de créer une mise en page personnalisé pour chaque élément de contenu.

pour cela, il suffit de cocher l'option Autoriser chaque élément de contenu à avoir sa mise en page personnalisée, dans les options de mise en page du mode view Default: (
admin/structure/types/manage/article/display
): 

 

Layout builder 2

 

Un nouveau lien Affichage s'ajoute sur les contenus Articles qui vous permet de créer une mise personnalisée et unique pour le contenu courant: 

 

Avantages d'utilisation de Layout Builder 

 

  • Le module est intégré dans le coeur de Drupal, ce qui veut dire que l'utilisation du Layout Buidler à la place des autres modules de contribution (display suitepanelsparagraphs, etc) optimisera les performances de Drupal, notamment lorsqu'il s'agit d'un élément sensible comme le mode view qui s'utilise dans le formatage de tous les contenus.
  • Une interface de paramétrage facile et intuitive qui utilise le thème frontal, ce qui permet de visualiser directement le rendu.
  • Possibilité de faire une mise en page personnalisée pour chaque élément de contenu.
  • Chaque champ du contenu peut être positionné plusieurs fois dans différentes sections avec des paramètres d'affichage différents.
  • Positionner facilement des blocs, des formulaires, des vues, etc. entre les champs d'un contenu.
  • Simplifier le développement Drupal en optimisant les conceptions techniques ( minimiser les types de blocs, les champs de référence, les éléments de paragraphs, plusieurs blocs dans une même région "main content", etc).

 

Conclusion

 

Les avantages du Layout builder sont nombreux, et personnellement je pense que les prochaines versions du module en plus de ces modules complémentaires seront largement suffisants pour faire de Layout Builder la première solution de gestion de la mise en page.