Examen avancé de Gutenberg POUR ET CONTRE (2021) | Ajouter des améliorations à l'éditeur Gutenberg

Publié: 2018-10-17

L'éditeur visuel actuel de WordPress n'a pas eu beaucoup de changements au fil des ans et est resté à peu près le même. À cause de cela, beaucoup pensent qu'il est temps de changer.

L'éditeur visuel actuel nous oblige à utiliser des codes courts et du HTML pour que les choses fonctionnent. Mais à partir de la version WordPress 5.0, il sera introduit un éditeur remanié et amélioré appelé Gutenberg.

Une fois WordPress 5.0 publié, Gutenberg sera l'éditeur par défaut. Vous aurez toujours la possibilité d'installer l'éditeur classique si vous le souhaitez ou si vous rencontrez des problèmes de compatibilité.

Gutenberg est encore dans sa version bêta (au moment d'écrire ceci), et selon les fonctionnalités qui sont introduites, c'est plus qu'une mise à jour esthétique. Gutenberg va complètement changer l'expérience d'édition en passant à une approche du contenu basée sur les blocs .

Tout ce que vous créez, qu'il s'agisse d'un texte, d'un paragraphe, d'une vidéo, d'une intégration, d'un bouton, d'un widget ou d'une image, constituera un bloc dans Gutenberg. Essentiellement, Gutenberg remplace le champ d'édition unique de l'éditeur WordPress TinyMCE actuel par de nombreux « blocs » individuels.

Ces blocs vous permettent ensuite de créer des conceptions plus complexes que celles autorisées dans l'éditeur WordPress actuel. Gutenberg vise à éliminer le besoin de constructeurs de pages pour la plupart des contenus « standards ».

Mais lorsqu'il s'agit de créer des pages plus complexes, comme une page de destination, vous ferez probablement mieux d'utiliser la flexibilité offerte par les constructeurs de pages.

Depuis cette nouvelle, les développeurs/agences WordPress ont commencé à adapter la compatibilité de leurs plugins et thèmes vers Gutenberg.

Si vous avez besoin d'un plugin qui a non seulement adopté Gutenberg, mais qui contribue également à améliorer votre expérience avec celui-ci, Advanced Gutenberg est un excellent choix.

Ce plugin comprend un tas de fonctionnalités utiles et efficaces qui font passer Gutenberg Editor au niveau supérieur. Dans cette revue Advanced Gutenberg, je vais essayer de couvrir tout ce que vous devez savoir sur le plugin Advanced Gutenberg.

Table des matières

Examen avancé de Gutenberg

Avant d'installer et d'activer le plugin Advanced Gutenberg, vous devez vous assurer que vous avez déjà installé et activé le plugin Gutenberg par défaut sur votre site.

Le plugin Advanced Gutenberg fournit les fonctionnalités et fonctionnalités qui manquent en quelque sorte dans le plugin par défaut. Il a été conçu pour améliorer les performances et les capacités de l'éditeur Gutenberg. Il a été développé par des gens de JoomUnited.

Advanced Gutenberg vous fournit des blocs supplémentaires et avancés, une galerie améliorée, des contrôles d'éditeur et la possibilité d'appliquer des CSS personnalisés. Il vous permet également de gérer les rôles des utilisateurs et de restreindre les contrôles pour chaque utilisateur .

Après avoir installé et activé le plugin Advanced Gutenberg, vous aurez un nouveau menu dans votre tableau de bord WordPress. Le plugin se compose de quatre sections. Ce sont les profils, la configuration, les styles personnalisés et la traduction .

#1. Profils

La gestion des profils d'utilisateurs est une fonctionnalité puissante offerte par le plugin Advanced Gutenberg. En utilisant la fonction de profils, vous pouvez définir des règles, des autorisations ou même des restrictions pour des rôles d' utilisateur spécifiques ou même pour un utilisateur spécifique.

De cette façon, vous pouvez contrôler complètement l'accès aux différents blocs ou outils d'édition par chaque utilisateur. Il vous permet de contrôler précisément à quoi les utilisateurs individuels ont accès lorsqu'ils créent du contenu avec Gutenberg.

Fondamentalement, un « profil » est un ensemble d'autorisations auxquelles les personnes peuvent accéder. Vous pouvez ensuite appliquer des profils à des rôles d'utilisateur entiers ou à des noms d'utilisateur spécifiques.

gestion des rôles utilisateur gutenberg

Pour bénéficier de cette fonctionnalité, accédez à Advanced Gutenberg > Profiles à partir de votre tableau de bord WordPress pour accéder aux profils d'utilisateurs. Ici vous pouvez trouver la liste des profils créés précédemment que vous pouvez modifier en cliquant simplement sur le profil particulier.

Vous pouvez également créer un nouveau profil en utilisant le bouton Nouveau profil en haut. Ensuite, sous l'onglet Liste des blocs , vous pouvez activer/désactiver l'accès de chaque bloc.

liste avancée des blocs de gutenberg

éléments de mise en page avancés gutenberg

embarque le plugin avancé de gutenberg

Ensuite, sous l'onglet Attribution de profil , vous pouvez donner un titre à votre profil. À partir de là, vous pouvez également activer ce profil pour des utilisateurs ou des rôles d'utilisateur spécifiques. Une fois que vous avez terminé, cliquez sur le bouton Enregistrer et votre profil créé sera enregistré.

attribution avancée de profil gutenberg

Cette fonctionnalité est pratique pour contrôler l'accès à votre site. Et vous n'êtes pas obligé de l'utiliser uniquement comme contrôle d'accès. Cela peut également être pratique pour rationaliser l'interface en masquant simplement les blocs que vous n'utilisez jamais.

#2. Configuration

Vous pouvez configurer les paramètres par défaut associés aux blocs améliorés emballés dans le plugin Advanced Gutenberg. Il existe également des configurations générales que vous pouvez modifier selon vos besoins.

Rendez-vous simplement sur Advanced Gutenberg > Configuration . Ici, vous obtiendrez des paramètres généraux liés à la galerie, aux images et aux blocs.

paramètres de bloc avancés gutenberg

Si vous passez à l'onglet Default Blocks Config , vous obtiendrez un écran très bien organisé contenant une liste de blocs avancés intégrés à ce plugin.

onglet de configuration des blocs par défaut gutenberg

Vous pouvez cliquer sur l'icône d'engrenage à côté du nom de chaque bloc pour le configurer. Cela ouvrira une fenêtre contextuelle contenant diverses options que vous pouvez modifier et ajuster.

configurer le bloc avancé gutenberg

#3. Styles personnalisés

L'onglet Styles personnalisés vous permet d' ajouter de nouveaux styles ou de modifier les styles prédéfinis dans le plugin Advanced Gutenberg. Pour chaque classe de style personnalisé, vous pouvez définir la couleur d'identification pour la distinguer du reste des classes.

styles personnalisés gutenberg avancés

En plus de cela, vous pouvez personnaliser le CSS pour chaque classe et remarquer son effet dans la section Aperçu en dessous.

#4. Traduction

Le plugin Advanced Gutenberg vous permet de traduire ce plugin dans votre langue maternelle. Vous pouvez accéder à l'onglet Traduction à partir du menu Avancé de Gutenberg.

Comment fonctionne Gutenberg avancé ?

Le plugin Advanced Gutenberg propose des blocs supplémentaires et améliorés. Ces blocs améliorent votre expérience de création de contenu dans Gutenberg Editor.

Pour accéder ou ajouter ces blocs cliquez simplement sur le ' ' dans votre éditeur de publication.

plugin gutenberg de blocs avancés

Advanced Gutenberg offre une expérience unique pour chaque créateur de contenu. Vous pouvez créer plusieurs profils d'utilisateurs, activer/désactiver certains des outils d'édition, appliquer des profils à un ou plusieurs utilisateurs ou rôles d'utilisateurs et exporter/importer des profils d'utilisateurs d'un site Web à un autre.

Il est livré avec un bloc pour afficher vos derniers articles et vos derniers produits WooCommerce. Plusieurs mises en page sont incluses comme la grille de publication/produit, le format de blog, le format de curseur.

Le plugin est également livré avec l' amélioration par défaut du gestionnaire de galerie WordPress , comme l'ajout d'une lightbox aux images de la galerie et l'affichage des légendes des images.

Plusieurs blocs sont améliorés à l'aide d'Advanced Gutenberg :

  • Résumé - Générez un résumé automatique basé sur la structure de titre de contenu de Gutenberg
  • Bloc de bouton avancé – Créez des boutons avec plus de styles (survol, bordure, remplissage…)
  • Bloc de liste avancée – Créez des listes avec une icône personnalisée, une couleur d'icône, une marge…
  • Séparateur avancé avec type, couleur, largeur

En utilisant le bloc vidéo et image, vous disposez d'un contrôle avancé sur l'affichage de ces types de médias. Vous pouvez afficher une vidéo distante ou locale avec le lecteur personnalisable et disposer de nombreuses options d'affichage.

Tout le contenu des onglets et des accordéons peut être modifié visuellement et vous conservez le contrôle des couleurs et du design à partir des paramètres du bloc Gutenberg.

Résumé de l'examen avancé de Gutenberg

Le plugin Advanced Gutenberg est une amélioration de l'éditeur Gutenberg . Il fournit des blocs très pratiques et avancés pour améliorer votre expérience de création de contenu. En plus de cela, vous pouvez appliquer des styles personnalisés et CSS lors de vos déplacements.

Ce qui le rend unique par rapport à ses concurrents, c'est sa capacité à gérer les profils et les rôles des utilisateurs. Vous pouvez contrôler et restreindre complètement les outils de l'éditeur pour divers utilisateurs.

De plus, j'aime la possibilité de créer vos styles personnalisés et de les appliquer dans Gutenberg. Parce qu'Advanced Gutenberg est 100% gratuit, vous ne risquez rien en l'essayant. Si vous utilisez déjà Gutenberg , pensez à essayer celui-ci. Getwid est un autre excellent plugin de blocs Gutenberg gratuit.

Si Gutenberg n'est pas pour vous, vous pouvez toujours utiliser le plugin de création de pages comme Elementor (Elementor gratuit vs payant), Divi (Divi vs Beaver Builder), Beaver Builder (Beaver Builder gratuit vs payant), Oxygen, Brizy, Visual Composer (Visual Composer gratuit vs payant), WPBakery (WPBakery vs Visual Composer), etc.

Gutenberg avancé

plugin gutenberg avancé
8,9

Facile à utiliser

8,9/10

Paramètres

8.7/10

Prix

9.0/10

Qualité générale

9.1/10

Avantages

  • Séparateur avancé avec type, couleur, largeur
  • Bloc de liste avancée
  • Bloc de boutons avancés
  • Amélioration du gestionnaire de galerie
  • Bloquer pour afficher vos derniers messages
  • Intégration WooCommerce
Apprendre encore plus!