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

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.

Intégré

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

• Saisie semi-automatique de la barre oblique, vous pouvez utiliser la barre oblique (/) pour ajouter des blocs plus rapidement à votre contenu

• 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

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

Contenu

Exécution

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.

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.

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.

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.

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 June 23rd, 2020 at 12:24 am

en relation