Examen des fonctionnalités et vérification des performances


Avec la sortie de WordPress 5.0, un nouvel éditeur de blocs par défaut WordPress a été introduit nommé Gutenberg. Il a été nommé d’après le célèbre inventeur d’imprimantes mécaniques Johannes Gutenberg. Aujourd’hui, nous sommes ici avec cet examen Gutenberg ultime pour vous donner un vrai aperçu qui vous aidera à faire un choix.

L’objectif de l’éditeur Gutenberg est de rendre l’ajout de contenu riche à WordPress plus facile et plus agréable. Il vous permet de gérer les éléments du site Web avec des blocs ou des blocs personnalisables.

Gutenberg a franchi la barre des 200 000 installations actives et plus avec 16 millions de téléchargements après sa sortie en novembre 2019.

C’est pourquoi cela n’a pas d’importance si vous avez mis à jour vers WordPress 5.0 ou non, vous devez avoir les connaissances de base sur Gutenberg. Et un bon endroit pour commencer à apprendre sur les nouveaux produits est en lisant une critique détaillée.

Alors asseyez-vous et détendez-vous. Voyons tout sur Gutenberg.

Éditeur de blocs Gutenberg: comment est-il ici

Avant d’entrer dans la revue détaillée de Gutenberg, vous devez connaître l’histoire d’origine de cet éditeur WordPress.

L’éditeur de blocs Gutenberg a été présenté pour la première fois par Matt Mullenweg lors de WordCamp Europe 2017. Il a été officiellement publié en décembre 2018. Initialement, c’était un plugin. Cependant, avec la sortie de WordPress 5.0, il est devenu l’éditeur par défaut de WordPress.

Gutenberg a été introduit dans le seul but de remplacer le Éditeur classique. Avec ce nouvel éditeur de blocs, les utilisateurs peuvent,

  • Ajouter des fichiers multimédias
  • Créez des présentations de contenu complexes
  • Réorganisez et réorganisez le contenu en toute simplicité
  • Utilisez des widgets et des blocs pour ajouter plus de diversité à la page de contenu.

Ce qui n’était pas possible avec l’ancien éditeur. C’est ainsi que Gutenberg a pris vie.

Caractéristiques et fonctionnalités de base de Gutenberg

Plugin Review_ Gutenberg

Comme tout autre plugin, vous pouvez télécharger et installer Gutenberg sur votre site WordPress. Donc, pas besoin de perdre votre temps à parcourir le processus. Au lieu de cela, nous allons parler de ce à quoi vous pouvez vous attendre et des principales caractéristiques de Gutenberg dans cette section de l’article.

1. Blocs pour créer et écrire facilement

Gutenberg est tout au sujet Blocs. Ils font partie intégrante de l’écosystème WordPress. Et le nom est justifié car ce sont littéralement les blocs de construction que vous utilisez pour créer du contenu. Chaque contenu individuel dans Gutenberg est son propre bloc. Cela signifie que vous pouvez ajouter des paragraphes de texte, des images, des fichiers incorporés, des en-têtes, etc. en tant que bloc dans n’importe quelle publication ou page.

Sélectionnez le + en haut de la page et vous verrez tous les blocs disponibles. L’équipe a fait un excellent travail en fournissant un espace d’écriture sans distraction car vous pouvez insérer n’importe quel bloc en une seconde tout en tapant.

BLOCS COMMUNS FORMATAGE DES BLOCS BLOCS DE DISPOSITION WIDGETS
Paragraphe Pull Quote Séparateur Dernières publications
Image Table Plus Les catégories
Galerie Préformaté Bouton Petit code
Titre Code Colonnes de texte
Citation HTML personnalisé
liste Test personnalisé
Image de couverture Verset
Vidéo
l’audio

Intégré

Twitter Animoto Meetup.com SmugMug
Youtube Cloudup Mixcloud Orateur
Facebook CollègeHumour Photobucket TED
Instagram Dailymotion Polldaddy Tumblr
WordPress Drôle ou mourir Reddit VideoPress
SoundCloud Hulu ReverbNation Vigne
Spotify Imgur Screencast WordPress.tv
Flickr Issuu Scribd
Vimeo Kickstarter SlideShare

Cela facilite considérablement la modification de chaque bloc de contenu individuellement, vous permettant de définir des paramètres et une mise en forme spécifiques au bloc. De plus, il est simple de réorganiser et de réorganiser votre contenu dans vos publications.

bloque

2. Déplacer et aligner des blocs

Aligner le contenu comme vous le souhaitez est important et a été difficile avec l’éditeur précédent. Cependant, vous pouvez facilement déplacer et aligner des blocs avec la page avec Gutenberg.

Pour aligner les blocs à gauche, à droite, centrez votre souris sur le bloc et vous trouverez une icône illustrée dans la capture d’écran ci-dessous. Vous pouvez facilement aligner votre texte avec cette option. Cependant, cela ne fonctionne pas aussi bien que de créer vos propres HTML et CSS.

blocs d'aliginig

En outre, vous pouvez voir des flèches haut et bas placées à gauche de chaque bloc lorsque vous les survolez. Vous pouvez les utiliser pour déplacer vos blocs de haut en bas.

réordonner les blocs

3. Bloquer la navigation

Tout comme la table des matières, Gutenberg crée une navigation par blocs qui vous indique toute la structure de votre contenu. Vous pouvez facilement voir quels blocs vous avez utilisés de manière ordonnée dans votre contenu.

Et vous pouvez sauter dans ce bloc particulier en cliquant simplement dessus.

bloquer la navigation

4. Table des matières et aperçu du document

Gutenberg a facilité la navigation pour ses utilisateurs. Il détecte automatiquement les blocs HTML h1, h2, h3… .h6 dans l’article et crée sa propre table des matières. Et, plus important encore, si vous cliquez sur un titre, il défilera vers le bas.

Donc, c’est mieux pour les petits écrans, en particulier pour les utilisateurs mobiles où vous avez besoin d’un immense défilement.

table des matières

De plus, au-dessus de la navigation, vous pourrez voir le contour complet de votre document. Vous pouvez voir le nombre de mots, titres, paragraphes, blocs.

contour du document

5. Éditeur visuel et éditeur de code

Vous avez la possibilité de choisir entre l’éditeur visuel et l’éditeur de texte. L’éditeur visuel est utilisé pour l’édition normale de texte pour votre contenu. Si vous souhaitez personnaliser l’un des codes ou ajouter des liens de non-suivi, vous pouvez basculer vers l’éditeur de code. Il révélera également le style de codage utilisé pour créer les effets.

éditeur visuel et de code

6. CSS supplémentaire

Vous pouvez ajouter une feuille de style CSS supplémentaire à la plupart des blocs de Gutenberg. Cela vous permet de styliser les classes caractérisées dans le fichier stylesheet.css de votre thème. Vous pouvez facilement improviser sur n’importe quel style par défaut de l’un des blocs.

De cette façon, vous pouvez ajouter une touche personnelle à votre conception de contenu.

css supplémentaire

7. Modes d’écriture

Comme nous l’avons dit plus tôt, l’équipe Gutenberg a fait un travail formidable pour créer un espace d’écriture sans distraction. Ils ont créé trois modes d’écriture pour vos préférences d’écriture.

  • Barre d’outils supérieure
  • Mode projecteur
  • Mode plein écran

Tbarre d’outils: Cette option d’affichage vous permet d’accéder à tous les blocs et documents en un seul endroit.

Gutenberg WordPress Gutenberg critique

Projecteur: Si vous souhaitez vous concentrer sur un bloc à la fois, ce mode est parfait pour vous. Ce mode brouille les autres blocs pour ne pas vous distraire pendant que vous pouvez vous concentrer sur le bloc en main.

Mode Spotlight de l'éditeur Gutenberg, revue Gutenberg

Plein écran: Ce mode supprime toutes les distractions et vous permet de travailler en toute mise au point. Cela diminuera tous les éléments de menu inutiles de la page. Pour que vous puissiez obtenir un éditeur plein écran pour créer votre contenu.

Gutenberg Mode WordPress-fullscreen

8. Galerie Gallery

Personnellement, c’est l’une de mes parties préférées de cet article de revue Gutenberg. L’un des nombreux blocs de Gutenberg comprend le bloc galerie. Vous pouvez facilement ajouter un groupe d’images qui agira comme une galerie réactive. Ensuite, vous pouvez l’utiliser autour de vos blocs.

Selon le nombre d’images que vous téléchargez, le bloc définira la taille de la colonne en fonction de cela. De plus, les images seront automatiquement ajustées à la taille de la colonne. Un nombre impair de colonnes rend les dernières images plus grandes que les autres, ce qui leur donne de l’importance.

bloc de galerie gutenberg

Message utile: Nouvelles mises à jour de Gutenberg.

9. Boutons

Les boutons sont proéminents CTA (appel à l’action). C’est pourquoi il est important d’utiliser un bouton pour attirer les utilisateurs afin de guider les utilisateurs sur ce qu’il faut faire ensuite. Avec Gutenberg, vous pouvez ajouter un à plusieurs boutons dans un seul bloc.

Vous pouvez ajouter des liens vers d’autres pages contenant des textes, les étiqueter avec Italique, Audacieux ou Barré. Vous pouvez également placer les boutons à droite, à gauche, au centre.

boutons

Vous pouvez ajouter des couleurs unies ou dégradées aux boutons. Vous pouvez utiliser un sélecteur de couleurs qui possède également une entrée de texte pour les codes HEX, RVB ou HSL.

couleurs des boutons

10. Le processus de copier-coller est bien conçu

Une chose que Gutenberg a fait avec succès est de créer un processus simple pour copier et coller le contenu. D’un côté, vous pouvez facilement copier tout le contenu de l’éditeur en un seul clic. Cliquez simplement sur l’icône des points de suspension en haut à droite pour voir plus d’outils et de menu d’options. Vous y trouverez une option «Copier tout le contenu» en bas du menu. Cliquez sur cette option pour copier tout le contenu de votre page.

copier tout le contenu

D’un autre côté, vous pouvez copier-coller du contenu de n’importe où sans casser la structure. Que ce soit Google docs ou Microsoft Word.

11. Compatible avec différents appareils

À partir des fonctionnalités précédentes, vous pouvez comprendre que Gutenberg a ajouté des fonctionnalités qui seront utiles pour rendre le contenu compatible avec différents appareils.La disposition de l’éditeur Gutenberg est réactive et rend la navigation à travers différents appareils facile à apprendre et à utiliser.

L’éditeur a été conçu pour fonctionner sur différents appareils tels que les ordinateurs, les téléphones portables et les tablettes. L’éditeur fonctionne également sur différentes tailles d’écran.

compatible

Ce sont donc les caractéristiques importantes de Gutenberg. Mais vous trouverez plus de fonctionnalités lorsque vous l’utiliserez vous-même.

Avantages de l’utilisation de Gutenberg Editor

Ainsi, dans la section précédente, nous avons passé en revue les caractéristiques importantes de Gutenberg. Cependant, vous connaîtrez l’importance de ces fonctionnalités lorsque vous saurez en quoi ces fonctionnalités vous seront avantageuses.

Par conséquent, dans cette prochaine partie de notre revue Gutenberg, nous discuterons des avantages de l’éditeur. Comme,

  • Vous pouvez imaginer votre contenu sous forme de blocs, il sera donc plus facile de modifier et de réorganiser
  • Faites glisser et déposez des images, ce qui signifie que vous pouvez faire glisser et déposer des images dans votre contenu depuis l’extérieur
Fonction Glisser-Déposer de l'éditeur Gutenberg
  • Saisie semi-automatique de la barre oblique, vous pouvez utiliser la barre oblique (/) pour ajouter des blocs plus rapidement à votre contenu
slash autocomplete
  • Gutenberg facilite la construction d’agencements complexes, même si vous avez peu de connaissances
  • Design épuré et simple, votre contenu aura l’air frais et élégant
  • Facile à intégrer à partir d’un certain nombre de sites Web
  • Fournit un espace d’écriture moins distrayant, avec une interface assez propre
  • Fonctionne très bien avec les mobiles, dispose d’un excellent système de navigation
  • Les développeurs de thèmes et de plugins peuvent créer leurs propres blocs personnalisés
  • Rend le processus d’écriture de contenu assez facile
  • Les débutants peuvent apprendre assez facilement.

Gutenberg est le nouvel éditeur par défaut pour WordPress maintenant. Il est donc préférable de s’habituer à cet éditeur plutôt que de l’éviter. Et ces avantages ne manqueront pas de vous rassurer sur l’utilisation de l’éditeur.

Quelques problèmes ou inconvénients de Gutenberg

Eh bien, tout n’est pas parfait avec l’éditeur Gutenberg. Il y a encore quelques défauts qui font que l’éditeur est en deçà du score parfait. Donc, en plus des avantages, nous allons en parler aussi des inconvénients.

  • Cela peut être facile pour les débutants mais certains peuvent avoir du mal à l’utiliser
  • Le passage de l’éditeur classique à Gutenberg peut nuire à la qualité d’écriture
  • Avec autant de blocs disponibles, certains peuvent avoir du mal à localiser le bloc souhaité
  • Il est frustrant de sélectionner un bloc parent dans un scénario de bloc imbriqué
  • Toujours pas sûr de la compatibilité descendante
  • Il a obtenu de nombreuses notes d’une étoile de la part des utilisateurs.

Cependant, l’équipe travaille à résoudre ces problèmes et à créer une meilleure solution. Nous pouvons espérer pour le mieux.

WordPress Gutenberg vs WordPress Classic Editor

WordPress Gutenberg sort le 18 novembre

Avant Gutenberg, les gens utilisaient l’éditeur classique. Il était apprécié des utilisateurs pour sa simplicité. Cependant, cette simplicité avait un inconvénient. Sans éditer le code HTML, il était impossible de créer des pages avec une mise en page personnalisée. Oui, et le travail avec HTML lui-même a nécessité plus de temps et une connaissance plus approfondie du HTML.

C’est l’une des raisons fondamentales de l’introduction de l’éditeur de blocs Gutenberg. Cela a facilité le processus d’édition de mises en page complexes et a également offert un processus d’écriture modernisé avec chaque élément travaillé comme un bloc. Voici une brève comparaison des deux éditeurs.

Interface

Gutenberg a un éditeur de glisser-déposer. Cela signifie que vous pouvez sélectionner un bloc et le déposer n’importe où dans votre contenu. De plus, cette interface facilite la réorganisation et la réorganisation de tout le contenu.

le Éditeur classique a une interface propre et simple par rapport à Gutenberg.Bien qu’il soit un environnement idéal pour l’écriture, il rend difficile la création de mises en page complexes. Vous aurez besoin de l’aide de HTML et CSS personnalisés.

Contenu

Gutenberg’s le cadre est comme un tour de montagnes russes. C’est mouvementé. Avec autant de fonctions disponibles, vous pouvez parfois être confus. Mais, c’est comme une version rénovée de l’éditeur classique. Vous pouvez créer des contenus complexes avec cet éditeur.

Éditeur classique«S le cadre ressemble plus à de l’eau plate. Il fournit une belle toile pour écrire sans aucune distraction. Cependant, les problèmes apparaissent lorsque vous essayez de créer un contenu complexe.

Exécution

Parler de l’ajout de médias, de la création d’éléments complexes et de l’intégration de contenu, Gutenberg est, sans aucun doute, beaucoup mieux que l’éditeur classique. Il est livré avec une abondance de nouvelles fonctionnalités qui peuvent être facilement exécutées.

Bien que nous ayons répété maintes et maintes fois, si vous ne cherchez pas à publier un article tous les jours ou à écrire pour le plaisir, vous devez utiliser Éditeur classiqueSinon, vous finirez par perdre beaucoup de temps à styliser votre contenu avec cet éditeur.

Gutenberg Vs Page Builders

Lorsque Gutenberg est sorti avec WordPress 5.0, la question était de savoir s’il s’agissait d’un remplacement pour les constructeurs de pages. Comme comment se compare-t-il aux constructeurs de pages comme Elementor ou Divi?

Cependant, l’éditeur de blocs de Gutenberg apporte plus de conception visuelle et d’édition par glisser-déposer, ce n’est pas encore exactement un remplacement pour les plugins de création de page. C’est un bon substitut aux contenus de base ou aux mises en page. Mais si vous souhaitez identifier votre style ou ajouter plus de diversité à votre site, vous serez plus heureux avec les créateurs de pages.

Hers est une courte comparaison entre Gutenberg et les constructeurs de pages.

Comparaison Gutenberg Constructeurs de pages
Glisser-déposer Gutenberg n’est pas un constructeur de pages par glisser-déposer. Vous pouvez ajouter des blocs et déplacer votre contenu de haut en bas. Les constructeurs de pages vous permettent de faire glisser et de déposer des widgets, de créer des colonnes, de fournir une imbrication de section
Éditeur Gutenberg est un éditeur principal, ce qui signifie que vous n’aurez pas une idée précise de l’apparence de votre page après sa publication. Avec Page Builders, vous obtiendrez un aperçu en direct. Cela signifie que vous pouvez voir exactement le résultat de votre page.
Widgets et blocs Gutenberg est livré avec un nombre décent de blocs couvrant tous les éléments de base. Les constructeurs de pages fournissent plus de blocs et de widgets, ce qui est plus que suffisant pour créer un site Web professionnel.
Possibilité Le but d’ajouter Gutenberg à WordPress est d’offrir une expérience d’écriture moderne aux utilisateurs. Les plugins de création de page fournissent une interface visuelle de glisser-déposer pour concevoir des pages entières.
Disposition Vous avez une liberté limitée pour créer des mises en page de contenu avec des blocs Gutenberg. Les constructeurs de pages vous offrent toute la flexibilité.
Options de style Les blocs de Gutenberg sont livrés avec leurs propres options de style et de formatage. Cependant, ces options sont limitées Les constructeurs de pages, d’autre part, offrent beaucoup plus d’options de style. Vous pouvez modifier les couleurs d’arrière-plan des blocs, utiliser des dégradés, utiliser des icônes de police, sélectionner des polices, etc.
Gutenberg vs constructeurs de pages

Test de performances de l’éditeur de blocs Gutenberg avec WPHive

Comme vous le savez déjà, nous avons a lancé WP Hive, un meilleur référentiel WordPress. Vous pouvez facilement rechercher des plugins plus efficacement, comparer les plugins côte à côte et également obtenir le test de performance de n’importe quel plugin.

Ainsi, cet article de revue de Gutenberg ne sera pas terminé sans avoir effectué un test de performance approprié de l’éditeur. C’est pourquoi nous allons tester l’éditeur Gutenberg via WP Hive et voir quel résultat il nous donne.

Test initial

Si nous regardons le test initial effectué par WP Hive de l’éditeur, vous pourrez voir que Gutenberg est le dernier compatible PHP, le dernier compatible WordPress, il n’y a pas non plus d’erreurs d’activation.

test initial de la critique de gutenberg

Performance

Gutenberg utilise moins de mémoire que 99% des plugins alors qu’il est plus rapide que 99% des plugins. C’est vraiment impressionnant.

gutenberg performance

Statistiques

Vous pouvez afficher les statistiques de téléchargement, les évaluations des utilisateurs et l’état de la dernière mise à jour à partir des tests.

stats gutenberg

Quelle est la prochaine étape pour Gutenberg

Gutenberg a récemment publié son version 8.3. Dans cette nouvelle version, ils ont ajouté de nouvelles fonctionnalités à l’éditeur, notamment:

  • Réorganisation d’un ensemble de catégories de blocs
  • Secteur du bloc parent
  • Contrôle d’espacement
  • Options de couleur de lien
  • Possibilité de filtrer les derniers messages.

Cependant, l’équipe travaille à apporter de nouvelles fonctionnalités dans un avenir proche comme,

  • Édition complète du site (FSE)
  • Écran de navigation
  • Écran Widget et plus

Alors, gardez un œil sur ces mises à jour car cela changera votre expérience d’écriture.

Gutenberg est l’avenir, aucun moyen de l’ignorer

Nous sommes donc arrivés à la fin de ce blog de critique de Gutenberg. We have tried to give you as many details as we can about the Gutenberg block editor.

If you want to write with more flexibility and create a smart content structure then you must get used to using this Gutenberg block editor. The editor comes with the aim to make WordPress easier to use.

WordPress also gives emphasis on Gutenberg and planning everything with Gutenberg in the upcoming days. So, you can’t ignore this WordPress block editor anymore!

Don’t make a mistake and don’t even wait. Start exploring the editor from today and keep you updated!

Last Updated on

Partagez cet article

Newsletter

Inscrivez-vous à notre newsletter pour profiter de toutes nos astuces !

Laissez une réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *