Gutenberg: Tutoriel pour une meilleure édition WordPress

Introduction

L’éditeur de publications et de pages fourni avec WordPress existe depuis longtemps, alors peut-être est-il temps d’effectuer une mise à jour?

Un ensemble de développeurs et une légion de contributeurs pensent ainsi et ont commencé à travailler pour mettre à jour l’expérience d’écriture de WordPress. Leur projet ambitieux s’appelle le projet Gutenberg . Il vise à remplacer complètement l’éditeur par défaut dans un proche avenir et est essayé et testé en tant que plugin avant de se frayer un chemin dans le noyau WordPress.

Qu’est-ce que Gutenberg?

En bref, Gutenberg est un nouvel éditeur de post et de pages pour WordPress. Le projet est nommé d’après Johannes Gutenberg , qui a introduit l’imprimeur mécanique en Europe, en commençant la révolution d’impression. Son travail a rendu la connaissance et l’information accessibles aux masses et a déclenché une révolution sociale importante. De même, les développeurs veulent rendre les mises en page avancées accessibles à l’utilisateur WordPress moyen.

L’objectif de Gutenberg est d’exprimer tout le contenu sous forme de blocs et de définir les post-mises en page directement dans l’éditeur. L’éditeur de post WordPress actuel est libre comme n’importe quel logiciel de traitement de texte, et la mise en page de contenu est définie dans les fichiers modèles en utilisant HTML et CSS.

Avec Gutenberg, vous n’avez plus besoin de connaître le code HTML ou CSS pour obtenir deux blocs de contenu côte à côte, rendant les mises en page complexes beaucoup plus accessibles à l’utilisateur moyen. Vous pouvez simplement cliquer sur Aligner à gauche sur un bloc et Aligner à droite sur l’autre, ou vous pouvez insérer un bloc pré-assemblé avec jusqu’à 4 colonnes côte à côte. Vous pouvez également déplacer facilement les blocs de haut en bas du document.

Modification du texte dans Gutenberg WordPress Editor

Les développeurs souhaitent également remplacer sur Gutenberg l’utilisation des shortcodes lors de l’ajout de contenu riche aux articles et aux pages. Cela signifie que l’intégration de contenu externe est plus facile, avec des options spécifiques pour ajouter des vidéos YouTube, des messages Reddit, des Tweets, des liens Spotify et bien plus encore. Cela simplifie le processus qui nécessiterait normalement un plug-in ou génère un code d’intégration spécifique sur le site Web que vous intégrez. Actuellement, 34 sites Web sont pris en charge.

Sites disponibles pour une intégration facile à Gutenberg

Ils veulent également exposer ce qu’ils appellent « les easter eggs » dans WordPress, ce qui signifie des fonctionnalités qui sont cachées à l’utilisateur. Ils citent que WordPress prend en charge l’intégration de plus de 30 sites Web, et si vous regardez l’éditeur par défaut, vous remarquerez qu’il n’y a pas de boutons pour ces intégrations. La seule façon de trouver ces intégrations est d’expérimenter. Mais Gutenberg prend déjà en charge 34 intégrations. Et toutes sont facilement disponibles. Tout ce que vous avez à faire est d’entrer l’URL que vous voulez intégrer et Gutenberg fait le reste.

Gutenberg est actuellement encore en bêta logicielle et en conséquence, a de nombreux problèmes . Il vient même avec un avertissement qu’il n’est pas prêt pour les sites Web en direct. Cependant, il est livré avec 15 traductions différentes (y compris l’anglais), ce qui le rend très accessible si vous choisissez de l’adopter tôt et d’aider à la chasse aux bogues.

Installer Gutenberg

En dépit d’être en version bêta, Gutenberg est déjà disponible via le référentiel WordPress Plugin pour une installation manuelle. Comme avec n’importe quel autre plugin, il peut également être installé via le panneau de contrôle d’administration.

Gutenberg en tant que Plugin sur WordPress Plugin Directory

La version actuelle est la 1.1.0 et nécessite WordPress 4.8+. Je teste avec la version 4.8.1.

Test de Gutenberg

Après l’installation et l’activation de Gutenberg, on a cliqué sur Ajouter un nouveau dans la section Articles du panneau de contrôle d’administration et j’ai été accueilli avec le même ancien éditeur. Il a fallu un moment pour réaliser que le nouvel éditeur a son propre lien dans le menu admin. C’est parce que Gutenberg est encore en développement, et les développeurs WordPress ne veulent pas remplacer l’éditeur actuel jusqu’à ce que Gutenberg soit prêt, que tous les bugs soient corrigés et qu’il ait été largement testé par une grande base d’utilisateurs.

Les développeurs de Gutenberg ont récemment révisé leur calendrier pour passer du plugin à l’éditeur par défaut. La prochaine version majeure du plugin est prévue pour Novembre pour coïncider avec la sortie de la mise à jour 4.9 de WordPress. Avant de faire partie du noyau de WordPress, les développeurs publieront une proposition de fusion en décembre 2017, où l’éditeur sera examiné de plus près. Le basculement final devrait faire partie de la mise à jour de WordPress 5.0, potentiellement en 2018.

En bas de la navigation du panneau de contrôle de l’admin, il y a un nouveau menu Gutenberg avec deux sous-liens. Le premier lien est New Post . Le deuxième lien s’appelle Demo et génère un post complet dans le nouvel éditeur, avec toutes les fonctionnalités disponibles: texte, images, tableaux, divers exemples d’alignement de blocs et du contenu intégré.

Page de démonstration de Gutenberg

Plus tard, j’ai réalisé que Gutenberg ajoutait un nouveau bouton sous chaque post et page.

Bouton Gutenberg pour modifier la sortie de la page ou le post

Une chose à noter est que si vous modifiez un post ou une page créée avec l’éditeur normal, tout votre contenu apparaîtra dans des blocs, mais les blocs ne semblent pas avoir les bons rôles. En cliquant sur mon texte, la bordure grise qui entoure l’image indique que c’est un bloc, mais la barre latérale ne me donne aucune des options de paragraphe et l’éditeur de style TinyMCE apparaît au-dessus du bloc.

Fait intéressant, il n’y a pas de lien pour créer une nouvelle page, mais vous pouvez modifier les pages existantes. En regardant la page du projet Github du plugin montre qu’ils ne travaillent pas sur l’ajout d’un lien pour créer une page pour le moment, mais c’est prévu pour les versions futures.

Il n’y a pas de panneau de paramètres ou de page de préférences pour définir les valeurs par défaut pour les nouveaux messages. Si votre comportement par défaut pour de nouveaux messages est de les soumettre pour révision avant publication, l’utilisateur doit cliquer sur En attente de révision  avant de soumettre un message qui peut être facilement oublié.

Le nouvel éditeur

Visuellement, le nouvel éditeur de Gutenberg est très propre et un peu déroutant au début car tout est caché jusqu’à ce que vous en ayez réellement besoin. Il n’y a pas de barre d’outils TinyMCE dans Gutenberg et le contenu réel du post occupe quasiment tout l’écran. Cette vue plus claire donne un meilleur aperçu du post final que ne le fait l’éditeur par défaut. Tout le contenu de la fenêtre de l’éditeur est centré avec beaucoup d’espace de part et d’autre. Le contenu semble presque identique dans l’éditeur et une fois publié.

Dans la barre latérale droite, un onglet nommé Bloc répertorie toutes les options possibles pour le bloc actuellement sélectionné. Les options pour un bloc de paragraphe incluent les capitales supprimées, un champ de taille de police où vous pouvez taper n’importe quel nombre (l’éditeur actuel n’a qu’un choix déroulant), la couleur de fond du bloc de paragraphe (qui applique automatiquement le style HTML aux balises p) , et l’alignement du bloc.

Section de bloc de Gutenberg et tout ce qu'il est optons

Lorsque vous utilisez l’éditeur WordPress par défaut sur un petit écran, tous les paramètres du document, tels que la visibilité et la sélection des catégories, sont poussés en dessous de la zone de travail, nécessitant beaucoup de défilement dans certains cas.

Dans l’éditeur Gutenberg, les paramètres de méta et de bloc (barre latérale à droite) sont initialement cachés et peuvent être affichés en haut de la zone de travail en cliquant sur le bouton Paramètres. Après avoir utilisé le nouvel éditeur pendant un certain temps, les barres d’outils contextuelles poussent sur vous.

Gutenberg pleine largeur mise en page

Ajout de nouveaux blocs

Avec Gutenberg Pour ajouter un nouveau bloc ou pour intégrer du contenu sur Gutenberg, il y a une icône + sous tous les blocs existants. Il y a aussi un bouton d’insertion en haut de la page. La barre supérieure est collée en haut de l’éditeur, de sorte que le bouton d’insertion est toujours visible. Passer votre souris sur le symbole + affiche des options d’insertion rapide pour le paragraphe et l’image, qui seront les blocs les plus couramment utilisés.

Insérer un bouton sur Guteberg

Le nouveau menu a la navigation par onglets qui est divisé en pages pour les récents , les blocs et les embarquements . Il y a aussi une boîte de recherche dans ce menu qui est toujours visible. Les efforts des développeurs pour améliorer le flux de travail sont clairement visibles dans les menus contextuels.

  • Récent – lorsque vous cliquez sur le symbole + ou sur le bouton d’insertion, une liste des 8 blocs et intégrations les plus récemment utilisés apparaît en premier.
  • Blocs – une liste de blocs divisés en quatre rubriques:
    • Blocs communs – titre, paragraphe, image, etc.
    • Formatage – table, texte préformaté, code, etc.
    • Mise en page – séparateurs, boutons, etc.
    • Widgets – derniers messages, catégories, shortcodes.
  • Intégrations – vous pouvez intégrer du contenu à partir d’une longue liste de sites Web populaires tels que Reddit, YouTube, Instagram, et il existe un bouton générique Embed où vous entrez simplement une URL valide et l’éditeur fait le reste. Il semble fonctionner comme une fonction de détection automatique.

Déplacer et aligner des blocs

En utilisant Gutenberg, pour déplacer les blocs vers le haut et vers le bas du document, les flèches sont placées à gauche de chaque bloc lorsque vous les survolez.

Déplacement des blocs de haut en bas

Pour aligner les blocs à gauche, au centre et à droite, l’option est au bas de la barre latérale lorsque l’ onglet Bloc est sélectionné. Comme vous pouvez le voir dans la capture d’écran ci-dessous, l’alignement ne fonctionne pas aussi bien que la création de votre propre HTML et CSS. Si le texte d’un bloc est plus long que l’autre, il a tendance à s’enrouler de façon étrange.

Alignement des blocs

Editeur visuel vs éditeur de texte

Sur Gutenberg Comme avec l’éditeur par défaut, vous avez le choix entre Visual et Text en utilisant un lien en haut à gauche de l’éditeur. L’éditeur visuel utilise des barres d’outils rationalisées qui affichent uniquement les fonctionnalités pertinentes pour le bloc actuel. Le passage à l’éditeur de texte révèle le style de codage utilisé pour créer les effets.

Éditeur de texte Gutenberg Look

Chaque bloc créé par Gutenberg est composé de commentaires HTML, utilisant généralement des balises d’ouverture et de fermeture utilisant la syntaxe créée par les développeurs de Gutenberg. C’est assez simple et facile à apprendre si vous préférez toujours utiliser l’éditeur de texte et que vous souhaitez simplement bénéficier des fonctions de mise en page de Gutenberg.

Les fonctionnalités supplémentaires de Gutenberg

Gutenberg ajoute un certain nombre de nouvelles fonctionnalités pour vos messages, y compris de nouveaux blocs entiers et des options supplémentaires pour les fonctionnalités existantes de WordPress.

Table des matières

Gutenberg détecte tous les blocs d’en-tête (<h1> <h2> etc) dans votre message et affiche une table des matières dans la barre latérale qui les répertorie tous. Cela agit comme un arbre de document, aidant à visualiser le flux écrit de vos messages.

Vous pouvez cliquer sur chaque titre pour accéder à cette section du document et commencer rapidement à les éditer. Ceci est particulièrement utile pour les utilisateurs mobiles et les articles plus volumineux, car cela élimine le besoin de défilement étendu.

Table des matières

Ancres

Les tags d’ancrage vous permettent de créer un lien vers une partie spécifique d’un document. Tout comme vous pouvez utiliser la table des matières dans l’éditeur, vous pouvez créer une liste de vos titres, donner à chaque titre un point d’ancrage et laisser les utilisateurs accéder à cette section du message.

Lorsqu’un bloc de titre est sélectionné, la page d’options de bloc possède une section HTML Anchor avec une zone de texte en dessous. Taper un nom pour le lien fait apparaître un bouton de lien de copie que vous pouvez coller dans n’importe quelle zone de lien.

Cela équivaut à donner à un élément HTML un ID et à le lier en ajoutant # name-of-id à l’URL.

Ancres HTML

Styles CSS supplémentaires

Sur Gutenberg la plupart des blocs ont une option pour ajouter un style CSS supplémentaire au bloc.

Cela vous permet d’affecter des classes définies dans le fichier stylesheet.css de votre thème .

En utilisant cela, vous pouvez remplacer ou améliorer tout style par défaut des blocs de Gutenbergs, tels que les boutons où l’option de changer la couleur des polices n’est pas présente dans l’éditeur.

Ajout de classe CSS

Galerie

Vous pouvez facilement ajouter des groupes d’images en tant que galerie dans vos messages et les placer autour d’autres blocs. L’ajout d’un bloc Galerie vous permet de télécharger des images ou de sélectionner des images dans la bibliothèque multimédia WordPress.

Les options de ce bloc vous permettent de définir le nombre de colonnes à afficher, en fonction du nombre d’images que vous avez ajoutées à la galerie. Les images se redimensionnent automatiquement lorsque vous ajustez le nombre de colonnes.

Un nombre impair de colonnes rend les dernières images plus grandes que les autres, leur donnant une proéminence.

Il y a aussi un bouton ‘recadrer les images’ dans les options de bloc pour la galerie qui essaye de faire que chaque image miniature soit de la même taille. Ce que vous voyez dans l’éditeur n’est pas tout à fait ce que vous obtenez dans un post réel, vous devrez donc faire des images des mêmes dimensions avant de les télécharger.

Galerie Gutenbergs

Image de couverture / Hero Image

Les images de couverture (parfois appelées images de héros) sont de grands en-têtes, souvent avec du texte superposé.

Gutenberg ajoute des images de couverture avec une zone de texte centrée horizontalement et verticalement, ce qui simplifie une tâche autrement difficile.

Les options de blocage vous permettent de réduire l’image facilitant la lecture du texte et de forcer l’image à être fixe, ce qui signifie que lorsqu’un utilisateur fait défiler la page, l’image ne bouge pas.

Comme avec la galerie, l’image que vous obtenez dans un post affiche un peu différemment ce que vous voyez dans l’éditeur. Cela est dû à la nature responsive des blocs – ils ont parfois des largeurs différentes dans l’éditeur et une page en direct.

image du héros gutenberg

Tirez des citations et des citations de bloc

Une citation de bloc est un extrait du texte de l’article. Il est utilisé pour mettre en évidence des passages importants de texte ou des citations parlées et est généralement affiché avant que le texte apparaîsse dans l’article.

Vous les voyez souvent dans des articles de journaux et de magazines, avec des passages abrégés de texte juteux qui incitent le lecteur à continuer à lire.

Tirez des citations

Les guillemets de bloc ont maintenant des options supplémentaires pour l’alignement de style et de texte. Vous pouvez basculer rapidement entre deux styles visuels différents en cliquant sur les boutons de la barre d’outils.

Une fois que vous avez choisi un style, vous pouvez également choisir comment le texte cité est aligné. Qu’attendez vous pour installer Gutenberg alors?

Styles Blockquote

HTML personnalisé

Le bloc HTML personnalisé vous permet d’ajouter tout HTML que vous écrivez normalement dans l’éditeur de texte ou dans les fichiers de modèle, directement dans l’éditeur visuel.

Le principal avantage de ce bloc est que le code HTML est contenu dans le bloc lui-même, ce qui vous permet de déplacer facilement le code HTML entier comme n’importe quel autre bloc.

Ce bloc a également un onglet de prévisualisation qui rend les modifications que vous apportez sans avoir à soumettre le post ou cliquer sur le bouton d’aperçu de WordPress.

Ces modifications améliorent considérablement le flux de travail pour les utilisateurs avancés et donnent presque le même niveau de contrôle de mise en page que vous avez lorsque vous modifiez des modèles.

Éditeur HTML en ligne

Texte classique

Le bloc de texte classique imite l’éditeur par défaut et affiche la barre d’outils complète TinyMCE au lieu des boutons Gutenberg. La seule option au-delà de TinyMCE est ‘Additional CSS Class’ dans le menu des options du bloc.

Le texte classique existe sous la forme d’un bloc générique qui est attribué lorsque Gutenberg ne peut pas déterminer automatiquement un type de bloc (lors du collage de texte dans l’éditeur) et pour faciliter la transition entre l’ancien et le nouvel éditeur.

Le bloc peut toujours être déplacé et supprimé à l’aide des commandes Gutenberg. Lors du passage à l’éditeur de texte, ce bloc apparaît en HTML pur et n’est pas inclus dans les commentaires HTML comme tous les autres blocs.

Bloc de texte classique

Verset

Les blocs de vers sont destinés à la poésie ou aux passages littéraires et sont principalement utilisés pour définir strictement les sauts de ligne et l’espacement des caractères. Il y a aussi un petit retrait à gauche du texte.

Lorsque vous appuyez sur return dans un bloc de paragraphe, l’éditeur Gutenberg ajoute un nouveau paragraphe. Dans un bloc de versets, le curseur descend simplement d’une ligne.

Dans l’éditeur, le bloc apparaît en blanc et à part le retrait, il ressemble à un paragraphe. Les options d’édition pour le texte sont limitées aux caractères gras, italiques et barrés.

Dans un post réel, le texte d’un bloc de versets apparaît avec un arrière-plan gris et une police différente des paragraphes. Espérons que cela sera reflété dans l’éditeur dans une future mise à jour.

Blocs de vers

Colonnes de texte

Les colonnes de texte vous permettent d’ajouter un nombre quelconque de blocs de texte en ligne. Ceux-ci devraient sinon être écrits en HTML et CSS en utilisant l’éditeur de texte ou le bloc HTML.

Vous pouvez facilement augmenter ou réduire le nombre de colonnes visibles à l’aide d’un curseur dans le menu Options de bloc. Le curseur va jusqu’à 4, mais vous pouvez entrer n’importe quel nombre dans la zone de texte à côté.

Les options de formatage sont limitées aux caractères gras, aux caractères italiques, au texte barré et au lien.

Colonnes de texte

Boutons

Sur Gutenberg, vous pouvez ajouter rapidement des boutons élégants qui établissent des liens vers d’autres pages et comportent des étiquettes de texte centrées. Vous pouvez modifier l’étiquette en gras, en italique ou en texte barré. Vous pouvez également aligner le bouton à gauche, à droite ou au centre.

Les options de bloc pour le bouton vous permettent de définir une couleur d’arrière-plan en utilisant une liste de couleurs communes ou en utilisant un sélecteur de couleurs qui a également une entrée de texte pour les codes HEX, RGB ou HSL. Le sélecteur de couleurs convertit automatiquement votre valeur en hexadécimal et ne prend pas en charge l’opacité.

Actuellement, vous ne pouvez pas changer la couleur du texte du blanc, cependant, il y a la zone de texte «Classe CSS supplémentaire» dans les options de bloc afin que vous puissiez créer un style CSS simple qui définit la couleur.

Couleur du bouton

Widgets

Encore une fois, sur Gutenberg, La liste de blocage contient également 3 widgets très utiles pour afficher la liste des derniers messages, de toutes les catégories et des shortcodes personnalisés qui ne fonctionnent pas dans les blocs de Gutenberg.

Derniers articles

Le widget Messages les plus récents a un certain nombre d’options pour personnaliser l’affichage de la liste.

Vous pouvez basculer entre une liste standard et une disposition en grille. Avec la disposition en grille, vous pouvez définir le nombre de colonnes pour séparer les messages.

Vous pouvez également définir le nombre de messages à afficher et choisir si la date de publication est affichée avec chaque titre.

Liste de messages

 

Catégories

Gutenberg permet d’afficher les catégories sous forme de liste ou de liste déroulante.

Vous pouvez également choisir d’activer le nombre de posts pour chaque nom de catégorie et la hiérarchie – les catégories dont les parents sont représentés sous leur parent.

Ce bloc supporte l’alignement, vous pouvez donc le faire flotter à gauche, au centre ou à droite.

Liste des catégories

Petit code

Ceci est très utile pour les plugins qui fournissent des shortcodes supplémentaires. Il vous suffit d’entrer le shortcode comme d’habitude, et lors de la prévisualisation ou de l’affichage de l’article publié, il affichera le résultat. Il n’y a pas d’options pour ce bloc.

Test des performances de Gutenberg

Ordinateur de bureau

Lorsque vous utilisez l’éditeur normalement, il est très réactif et rapide. Il n’y a pas de délai notable lors de la saisie ou de l’ajout de nouveaux blocs, même complexes, comme une galerie d’images. Certains blocs vous permettent de définir le nombre de colonnes à afficher – cela se reflète instantanément dans la zone de travail.

Bien que le nouvel éditeur de Gutenberg ne dispose pas d’un flux de style de traitement de texte, vous pouvez toujours copier et coller du texte à partir d’un document Word et Gutenberg effectuera un travail décent de détection du partage du contenu. J’ai testé l’éditeur par défaut et Gutenberg en collant du texte à partir d’un document Microsoft Word 2016 et les deux ont détecté chaque section de la même façon et appliqué la mise en forme de la même manière. Il y avait quelques différences dans la façon dont la pâte a été manipulée:

  • Dans les deux éditeurs, le texte marqué «En-tête 1» dans Word a été placé en tant que paragraphe, «En-tête 2» a été correctement placé en tant que bloc de titre 2.
  • Avec Gutenberg, la couleur de la police a été correctement appliquée dans les deux en-têtes et les paragraphes alors que l’éditeur par défaut ne l’a pas détecté du tout.
  • Une section a été marquée comme un «avis» dans Word, et un bloc de paragraphe a été attribué aux deux éditeurs. Changer ceci en « Quote » ne l’a toujours pas converti en blockquote.
  • L’éditeur par défaut a ajouté des sauts de ligne qui n’étaient pas dans le document original et ce n’est pas le cas de Gutenberg.

On a également essayé le texte inverse et copié à partir de WordPress pour coller dans Word. Dans Gutenberg, la mise en évidence se comporte mal. La mise en surbrillance de plus d’un bloc a provoqué la mise en surbrillance de la barre supérieure, bien qu’elle n’ait pas été collée à Word. La page est devenue moins sensible et il y avait un retard notable lorsque vous avez cliqué sur les options ou fait défiler la page.

Parfois, la commutation de types de blocs dupliquait le bloc au même endroit et je devais en supprimer un.

Mobile

J’ai également testé la convivialité et la performance sur un téléphone Android. Bien que les développeurs n’attendent pas que Gutenberg soit compatible mobile, c’est là qu’il brille vraiment.

Tout d’abord, la performance est excellente et chaque bouton répond instantanément. J’ai choisi le post de démonstration que Gutenberg crée car il contient beaucoup de mots (881 mots), ainsi que de nombreuses images, incorporations et blocs. Le contenu charge instantanément, tandis que l’éditeur par défaut a un gel notable lorsque vous chargez l’écran d’édition d’abord. J’ai pu faire défiler les images sans plus tarder, en passant par les incursions YouTube et les Tweets sur le chemin.

gutenberg sur mobile

Comme l’affichage est petit, la barre latérale est automatiquement cachée pour vous donner une expérience d’édition en plein écran. Les barres d’outils étant également contextuelles, elles n’apparaissent que lorsque vous sélectionnez un bloc, ce qui facilite la relecture des messages longs.

Pour déplacer les blocs de haut en bas du document sur Gutenberg , appuyez d’abord sur le bloc, puis appuyez sur le bouton «Options supplémentaires» de la barre d’outils pour afficher les flèches haut et bas. Tous les blocs se sont déplacés instantanément. Il s’agit d’une amélioration significative par rapport à l’éditeur par défaut où vous devez mettre en valeur votre contenu, le couper, le faire défiler jusqu’au nouvel emplacement, taper jusqu’à ce que le curseur soit là où vous le souhaitez et enfin coller.

En passant au menu des options de bloc pour un paragraphe, vous pouvez changer la couleur de police et la couleur d’arrière-plan instantanément, mais il n’y a pas de prévisualisation car le menu d’options occupe tout l’écran. C’est un peu plus lent que l’éditeur par défaut si vous expérimentez avec les couleurs et les hautes lumières.

Changer la taille de la police en utilisant le curseur a eu un retard important et était très imprécis en conséquence. L’entrée pour entrer un numéro personnalisé a également eu ce délai lors de la saisie lorsque le curseur a été déplacé à la position correspondant à votre entrée. Encore une fois, vous ne pouvez pas prévisualiser la nouvelle taille et devez fermer le menu pour savoir si votre sélection est appropriée.

L’enlèvement des blocs était instantané, tout comme le déplacement de haut en bas, et n’a causé aucun problème avec la mise en page.

Avis

Jusqu’à présent, Gutenberg a reçu des critiques mitigées et se trouve à un modeste 2,4 / 5 étoiles sur WordPress.org. Il y a 74 commentaires d’une étoile au moment de l’écriture, et beaucoup d’entre eux expriment les mêmes préoccupations. La principale préoccupation est que tout le monde ne veut pas des blocs. L’éditeur WordPress actuel est extrêmement flexible et permet de nombreux styles différents de site Web, ce qui correspond parfaitement à l’éthos de WordPress.

notes de gutenberg

Conclusion, avantages et inconvénients

AvantagesLes inconvénients
Gutenberg Rationalise le processus d’écritureLogiciel bêta / pas prêt pour le site en direct
Gutenberg aide à visualiser le contenu via les blocsMauvaises critiques
Vous permet de créer des mises en page complexes avec peu de connaissancesBogues constants
La conception propre ne montre que des outils pertinents lorsque vous pouvez les utiliser
Permet l’intégration rapide à partir de nombreux sites Web

Gutenberg est une prise intéressante sur la rédaction et l’édition WordPress, et la décision de l’adopter tôt se résume à quel type de contenu vous écrivez et où la plupart de votre travail est fait. Comme le contenu du projet est riche en contenu, il peut être utile de vérifier quand vous avez besoin d’intégrer beaucoup de contenu ou de créer des galeries dans les messages.

L’éditeur par défaut a ses propres particularités qui sont supprimées lorsque le texte est contenu dans un bloc. Par exemple, lorsque vous écrivez des titres avec des paragraphes situés directement sous eux, l’éditeur par défaut ne définit pas correctement l’endroit où le titre commence et le paragraphe commence, vous obligeant à passer à l’éditeur Text pour corriger le placement des balises HTML. Avoir le titre dans un bloc et le paragraphe dans un autre bloc élimine la confusion.

Si vous avez l’habitude d’utiliser des générateurs de sites Web, vous pouvez également travailler avec Gutenberg sur l’éditeur par défaut.

Si vous travaillez à partir d’un téléphone ou d’une tablette, je vous recommande d’utiliser Gutenberg ou au moins de suivre son développement. Les problèmes mentionnés devraient être résolus par les développeurs, qui se donnent beaucoup de temps pour faire fonctionner ce projet.

Author
L'auteur

fatimaammagui

Fatima Zahra est une passionnée du marketing digital et de l'IT, elle fait partie de l'équipe du contenu de notre site web pour apporter à nos chers internautes une meilleure expérience client. Ses passes- temps impliquent le blogging et l'apprentissage des langues pour se connecter véritablement au cœur avec les autres.