gutenberg test

The Good, the Bad and the Pretty - WordPress Gutenberg en test

Si l'on en croit Matt Mullenweg, le nouvel éditeur WordPress Gutenberg est l'avenir de WordPress. Et après le premier test, il s'avère qu'il a peut-être raison. A condition que Gutenberg soit utilisable en direct dans les prochaines versions. Nous présentons un aperçu des principales lacunes et des fonctions les plus importantes du nouvel éditeur.

Il mène encore une existence dans l'ombre en tant que version bêta. Cela pourrait freiner le développement du nouvel éditeur. C'est dommage, car en principe Gutenberg est un éditeur merveilleux. Indépendamment de la phase bêta, de la poursuite du développement et de l'intégration du core, nous avons examiné de plus près Gutenberg et te montrons ce dont tu peux te réjouir et pourquoi tu ne devrais pas utiliser Gutenberg en live.

Aperçu du contenu :

  1. L'installation
  2. Le nouveau système de blocs
  3. Images
  4. Vidéos
  5. Citations et médias sociaux
  6. Tableaux et extraits de code
  7. Boutons
  8. HTML
  9. Conclusion

Le premier choc : tout comme avant

L'installation se déroule comme pour tous les autres plugins : cherche Gutenberg dans le répertoire des plugins, télécharge, active, c'est terminé. Le nouvel éditeur se trouve ensuite dans la sidebar de ton tableau de bord WP.

En fait, j'ai d'abord cherché un bouton correspondant dans l'éditeur d'un nouveau message. Malheureusement, c'est en vain. Première constatation : Gutenberg ne devient pas automatiquement l'éditeur par défaut. Tu peux toutefois ouvrir les messages existants via Gutenberg . Pour cela, tu dois aller dans l'aperçu des messages et sélectionner l'option Gutenberg , un peu cachée.

Même les anciens messages peuvent être ouverts avec Gutenberg .
Un peu cachée, l'option Gutenberg se trouve dans la sélection rapide des contributions.

Malheureusement, le résultat actuel est loin d'être agréable : si tu ouvres un article déjà existant, du moins dans notre test, tout le contenu est compressé dans un seul bloc. Cela rend absurde l'excellent système de blocs en soi. Et bien sûr, cela signifie que les articles qui n'ont pas été créés avec Gutenberg ne peuvent pas être édités avec le nouvel éditeur.

Nous avons remarqué deux autres problèmes graves : D'une part, dans notre test, la mise en place de liens n'a pas fonctionné (ni sur les URL, ni sur les hooks internes aux articles). Et d'autre part, Gutenberg ne peut pas encore afficher les options de publication spécifiques au plugin. Par exemple, les options SEO et Social Media de Yoast ne sont pas placées sous l'article comme d'habitude, et l'auteur d'un article ne peut pas non plus être configuré via Gutenberg .

Malheureusement, gutenberg écrase complètement les messages existants
Le résultat de la tentative d'ouvrir un post existant dans Gutenberg : Non seulement l'image est déformée, mais l'image et le texte se trouvent dans le même bloc. De plus, les liens ne fonctionnent plus.

Tous ces points font que Gutenberg n'est tout simplement pas encore prêt pour une utilisation en direct. Comme l'éditeur est encore en version bêta (actuellement en version 0.2.0), cela est certes acceptable, mais la limite de 100 000 installations actives dans les deux mois à venir, annoncée par Matt Mullenweg, semble maintenant utopique. Ce n'est pas grave en soi, mais cela soulève la question du lancement de la version complète.

En effet, le stade bêta pourrait faire en sorte que de nombreux utilisateurs qui ne disposent pas d'un environnement de développement ou d'instances de test hésitent à installer et à testerGutenberg . Raidboxes Les clients peuvent d'ailleurs facilement tester l'éditeur en staging ou sur une DEMO BOX .

Comme Gutenberg n'est pas vraiment adapté à une utilisation en direct pour plusieurs raisons, nous nous limitons dans notre test de la version 0.2.0 au processus d'écriture lui-même. Avec Gutenberg , le processus est plus facile que jamais.

Le principe du bloc convainc et enthousiasme

En fait, l'éditeur a l'air aussi bien que dans la version initiale. Démo. Notre impression est donc qu'il ressemble plus à un constructeur de pages qu'à un éditeur de texte. Mais ne te méprends pas : Pour l'instant, il n'est possible de créer que des articles, pas des pages, avec Gutenberg .

Le principe du bloc repose sur l'idée de fournir à chaque unité de contenu, d'argumentation ou de média de ton article de blog un environnement propre, configurable et déplaçable. Un bloc, en somme.

En fait, l'idée va encore plus loin : les blocs doivent devenir le nouveau méta-format pour WordPress et, peu à peu, réunir et remplacer tous les autres éléments.

Nous allons construire beaucoup plus de types de blocs. Et c'est la base pour, bien sûr, ce qui sera l'avenir de la personnalisation. Ainsi, les blocs remplaceront les widgets, les blocs remplaceront en quelque sorte tous les autres fondamentaux et primitifs à l'intérieur de WordPress-until tout est un bloc

- Matt Mullenweg, WordCamp Europe 2017, Paris

Ainsi, chaque élément que tu insères dans un de tes posts est défini comme un bloc. Que ce soit une image, une vidéo, une citation, un tweet, un tableau ou un bouton. Ce qui est génial, c'est que les blocs peuvent être déplacés indépendamment les uns des autres. Certes, ce n'est pas encore par glisser-déposer, mais seulement par étapes individuelles, mais cela facilite déjà énormément la restructuration des contributions et leur conception.

Déjà dans la bêta, Gutenberg met à disposition plusieurs dizaines de types de blocs possibles.
Lorsque tu crées un nouveau bloc, tu obtiens toutes les possibilités de configuration. Actuellement, c'est déjà un nombre impressionnant, mais qui devrait encore augmenter avec le temps. Mais cela soulève la question de la vue d'ensemble. Il est déjà possible de faire défiler la sélection de blocs assez loin.

Le principe des blocs apporte concrètement trois avantages, que nous avons déjà pu constater lors de notre test d'environ une heure :

1. la création de contenu devient plus dynamique

Chaque paragraphe, chaque image, chaque vidéo est un bloc à part entière. Ces blocs peuvent être déplacés indépendamment les uns des autres. La restructuration de textes devient ainsi un jeu d'enfant. Pour l'instant, ce déplacement n'est possible que par étapes individuelles et non par glisser-déposer.

Le déplacement des blocs sur Gutenberg se fait par étapes, mais c'est super facile.

2. plus de clarté et un éditeur épuré

Grâce à son design épuré, l'éditeur nous a littéralement supplié de tester tous les formats de blocs possibles. Notre impression : grâce au design très réduit, qui est une sorte de "rédaction sans distraction" de luxe, nous avons été amenés à réfléchir beaucoup plus intensément aux possibilités de conception et à leur utilité. Cela est dû en partie à la nouveauté de l'éditeur lui-même, mais en combinaison avec la dynamique des blocs, Gutenberg offre une toute nouvelle expérience de création de contenu. Le centrage intransigeant sur le texte aide particulièrement. Et : nous trouvons que l'éditeur est déjà sacrément beau.

Gutenberg a une surface extrêmement réduite. Et pourtant, elle est superbe.
L'éditeur est tellement réduit que le mode d'écriture sans distraction n'est plus nécessaire. D'ailleurs, il est possible de replier la barre de réglages à droite.

3. se concentrer davantage sur l'essentiel

Enfin, le nouveau principe des blocs a surtout l'avantage, une fois qu'on s'y est habitué, de soutenir le processus naturel de réflexion et d'écriture. Chaque pensée, chaque argument devient un bloc. Cela rend la structuration des articles beaucoup plus facile et intuitive.

Le principe des blocs est facile à comprendre et à assimiler, il facilite la création de contenu et, selon nous, d'un point de vue UX, il a définitivement le potentiel de devenir le grand coup qu'on nous vante.

Travailler avec des images est un vrai plaisir

L'insertion d'images se fait également via les blocs et en principe exactement comme avant - mais de manière un peu plus intuitive. Une fois que tu as créé un bloc d'image, tu choisis l'image dans la médiathèque ou tu la télécharges. Tu peux ensuite l'ajuster en utilisant les options d'image spéciales du bloc. Ce qui est génial, c'est que tu ne verras que les options dont tu as besoin. La légende et le texte alternatif peuvent également être écrits directement dans Gutenberg . La barre des paramètres à droite s'adapte également en fonction du bloc sélectionné.

Les images dans Gutenberg peuvent facilement être alignées à gauche, à droite et en pleine largeur.
On ne le voit pas : A droite, tous les réglages détaillés spécifiques à l'image peuvent être effectués. Dans la barre de mise en page à gauche, l'image peut être placée en conséquence.

Les options de mise en page présentées ci-dessus existent pour tous les blocs, c'est-à-dire les vidéos, les citations, les messages des médias sociaux, etc. Nous avons aussi remarqué que l'option de la galerie a maintenant son propre bloc. Cela rendra peut-être l'option plus accessible pour certains.

Intégration de la vidéo directement via la plateforme

Même lors de l'intégration d'images animées, le flux de travail avec Gutenberg n'est pas interrompu : Il suffit de créer un nouveau bloc, de sélectionner le média en question (ou un bloc d'intégration vierge), d'insérer l'URL, et c'est tout.

En raison du nombre d'offres individuelles, la sélection de blocs devient ici un peu confuse. De plus, nous ne comprenons pas l'utilité des blocs spéciaux pour certaines plates-formes vidéo, comme WordPress.tv. En effet, il est également possible d'intégrer toutes les vidéos via le bloc universel Embed.

Les citations restent les mêmes, les posts de médias sociaux deviennent beaux et simples

L'intégration des citations n'a pas beaucoup changé, si ce n'est qu'elles peuvent désormais être déplacées plus facilement grâce au principe de bloc. Par contre, l'intégration de messages de médias sociaux est un peu plus simple et plus jolie : tu peux désormais travailler directement en saisissant le lien et sans code embed.

Gutenberg rend aussi l'intégration de tweets très facile.

Tout nouveau : les tableaux. Rien de changé pour les extraits de code.

L'option permettant d'insérer des tableaux directement dans l'éditeur sans plugin supplémentaire est toute nouvelle. Pour l'instant, seuls les tableaux à deux colonnes sont possibles, mais l'insertion est aussi simple qu'avec tous les autres blocs. C'est tout ce que les tableaux ont pu faire dans notre test. De plus, la largeur des colonnes se déplace dynamiquement pendant la saisie du texte. On peut voir sur le bloc qu'il n'est pas encore terminé.

En revanche, rien ne change en ce qui concerne l'insertion de bouts de code.

Le meilleur pour la fin : Boutons

Enfin, un éditeur WordPress offre la possibilité de mettre des boutons dans le flux de travail de publication normal. Tout simplement, via un bloc spécialement créé à cet effet. En principe, il suffit d'insérer le bouton, de définir le lien derrière et de choisir l'étiquette et la couleur. En principe. Car dans notre test, cette fonctionnalité n'a pas encore fonctionné.

Ajustements HTML comme d'habitude. En plus beau.

Le système de blocs n'a pas été intégré dans l'éditeur HTML. Il est toujours le même, mais un peu plus frais grâce au nouveau design. Et le code est maintenant automatiquement mis en retrait. Cela aide à avoir une vue d'ensemble.

Voici à quoi ressemble le html dans l'ancien éditeur
Voici à quoi ressemble le html dans le nouvel éditeur
Ci-dessus, la variante de l'éditeur actuel. Elle est globalement plus courte en raison de la largeur de ligne plus élevée, mais aussi plus confuse par rapport à la variante Gutenberg avec des lignes en retrait.

Grâce à l'éditeur visuel, il est également possible d'insérer des blocs HTML personnalisés. L'avantage est que le code HTML peut être édité dans le bloc et que le résultat peut être visualisé directement.

voici comment intégrer des html personnalisés gutenberg
Un simple bouton en haut à gauche du bloc te permet de basculer entre le code et l'aperçu avec Custom HTML.

Conclusion : le feeling est bon, les fonctions peuvent encore être améliorées, la compatibilité est mauvaise.

La version actuelle de Gutenberg 0.2.0 est une version bêta. Il n'est donc pas nécessaire que tout fonctionne déjà sans problème. Ce n'est pas le cas non plus. Les tableaux et les boutons, en particulier, ont encore besoin d'être révisés - deux des blocs les plus intéressants. De plus, la rétrocompatibilité et l'intégration des fonctions importantes pour les éditeurs ne sont pas encore au point. Pour l'instant, il faut donc revenir à l'ancien éditeur au plus tard pour peaufiner une nouvelle contribution. Pour le moment, Gutenberg n'est pas vraiment utile pour autre chose qu'un test et un rapide coup d'œil dans la boule de cristal.

Mais il y a un point sur lequel le nouvel éditeur est tout à fait convaincant : le principe des blocs. Cela accélère considérablement le processus d'écriture et le rend beaucoup plus intuitif et facile à utiliser. Cela devrait être un grand soulagement pour les personnes qui écrivent beaucoup.

Mais le principe des blocs est encore plus important et a beaucoup plus de potentiel que de faciliter l'écriture d'articles. Et on voit que Mullenweg veut activement aller vers un WordPress basé sur les blocs. Dans sa session de questions-réponses au WordCamp Europe à Paris, il laisse déjà clairement entendre où il veut aller.

Nous allons construire beaucoup plus de types de blocs. Et c'est la base pour, bien sûr, ce qui sera l'avenir de la personnalisation. Ainsi, les blocs remplaceront les widgets, les blocs remplaceront en quelque sorte tous les autres fondamentaux et primitifs à l'intérieur de WordPress-until tout est un bloc.

- Matt Mullenweg, WordCamp Europe 2017, Paris

Nous interprétons cela comme suit : le nouvel éditeur WordPress, qui doit faire partie du cœur de WordPress, doit être développé activement dans le sens d'un puissant constructeur de pages. Si le principe des blocs devient applicable au-delà du niveau de la publication, les prochaines versions devraient être très intéressantes. Mais avant d'en arriver là, Gutenberg doit d'abord grandir et gagner sa raison d'être en tant qu'éditeur WordPress.

Dans tous les cas, nous attendons avec impatience d'autres mises à jour et bien sûr une version complète stable de Gutenberg. Tu as encore des commentaires sur le nouvel éditeur que nous n'avons pas couverts ou une expérience que tu aimerais partager avec la communauté ? Nous attendons tes commentaires avec impatience !

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués d'un *.