Skip to main content

Constructeur de page WordPress: Gutenberg

gutenberg-constructeur-de-page

Vous avez peut-être entendu parler de ce projet - il s'appelle Gutenberg, d'après le nom d'un inventeur qui a révolutionné l'écriture - mais vous vous demandez ce que cela signifie pour vous et pour Wordpress? TOUT.

L'éditeur Gutenberg utilise des blocs pour créer tous les types de contenu, à la manière d'un constructeur de pages, en l'alignant sur les normes de codage modernes. Ces blocs de contenu transforment la façon dont les utilisateurs, les développeurs et les visiteurs interagissent avec WordPress pour rendre la création de contenu Web riche plus facile. Sa mise en place sera progressive, d'abord suggérée puis installé par défaut à la place de l'éditeur de texte classique probablement au mois de septembre 2018 avec l'arrivée de Wordpress 5.0.

 

Editeur Gutenberg

Gutenberg considère l'éditeur comme bien plus qu'un champ de contenu, revisitant une mise en page qui a été largement inchangée depuis presque une décennie, il répond à une concurrence pressante en ajoutant des blocs.

Les blocs sont l'évolution des shortcodes, des embeds, des widgets, des formats de messages, des types de messages personnalisés, des options de thèmes, des méta-boîtes et d'autres éléments de formatage. Ils embrassent l'étendue des fonctionnalités dont WordPress est capable, avec la clarté d'une expérience utilisateur cohérente.

Chaque bloc est un type de contenu ou un conteneur qui vous permettra de mettre en forme le contenu de votre page comme vous le souhaitez. Chaque bloc à ses caractéristique, peut être enregistré pour être réutilisé.

Lien vers le plugin Gutenberg: https://wordpress.org/plugins/gutenberg

 

gutenberg-image-bloc

 

Gutenberg avancé : plugin Advanced Gutenberg

Gutenberg offre une superbe base en tant que constructeur de page et de toute façon sera intégré à WordPress donc autant le mettre en place dès que possible. Pour en étendre les possibilités le plugin le plus prométeur car plus complet est sans aucun doute Advanced Gutenberg (gratuit).

Ce plugin vient ajouter des fonctionnalités au plugin Gutenberg avec une amélioration des blocs existants ou en ajoutant de nouveaux blocs. 

advanced-gutenberg-blocks

 

Liste des fonctionnalités supplémentaires ajoutées par Advanced Gutenberg :

  • Créer des profils d'édition et assigner un utilisateur ou un groupe d'utilisateurs au profil
  • Sélectionner chaque outil d'édition par profil
  • Activer l'effet d'agrandissement dans les galeries Gutenberg
  • Afficher l'information alt comme légende des image agrandies
  • Créez vos styles CSS personnalisés à partir de la configuration et appliquez-les sur les blocs
  • Insérer le résumé d'un post Gutenberg basé sur les titres de votre contenu.
  • Bloc de boutons avancé : créez des boutons avec plus de styles (survol, bordure, bordure...)
  • Bloc Liste avancée : création d'une liste avec l'icône de liste, couleur de l'icône de liste, couleur de l'icône
  • Bloc de carte : chargement d'une position Google Maps avec zoom, icône, tooltip, titre....
  • Bloc de table avancé : créez une table avec style ! couleur, bordure, taille de cellule et plus encore !
  • Bloc accordéon : affichage du contenu dans un accordéon entièrement configurable.
  • Bloc d'onglets : affichage du contenu dans un UX à onglets complets.
  • Bloc témoignage client : définir l'avatar, le titre, le texte, les couleurs....
  • Bloc compteur : affichez les numéros de façon dynamique, amusante et engageante.
  • Bloc image avancé : un nouveau bloc image avec texte en survol, superposition, couleurs, lien, lien, définition de taille avancée.
  • Bloc vidéo avancé : chargement et affichage de la vidéo locale et distante.
  • Outil séparateur avancé avec la taille, la couleur, les espaces et les espaces.
  • Bloc de liens sociaux : ajoutez des icônes et liens prédéfinis ou personnalisés à vos réseaux sociaux préférés.

 

Démonstration vidéo de Advanced Gutenberg (en anglais)