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 pourrait avoir raison. À condition que Gutenberg soit également 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 est encore 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 du déroulement 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 mode live.

Aperçu des contenus :

  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 est comme avant

L'installation se déroule comme pour tous les autres plugins : chercher Gutenberg dans le répertoire des plugins, télécharger, activer, c'est tout. Le nouvel éditeur se trouve ensuite dans la sidebar de ton dashboard WP.

En effet, j'ai d'abord cherché un bouton correspondant dans l'éditeur d'un nouveau message. Malheureusement, c'est en vain. Première constatation à ce stade : Gutenberg ne devient pas automatiquement l'éditeur par défaut. On peut toutefois ouvrir des contributions existantes via Gutenberg . Pour cela, il faut aller dans l'aperçu des messages et sélectionner l'option Gutenberg , qui est un peu cachée.

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

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

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

Malheureusement, gutenberg détruit complètement les contributions existantes
Le résultat de la tentative d'ouverture d'un message 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 qu'à l'heure actuelle, Gutenberg n'est tout simplement pas encore adapté à une exploitation en direct. Comme l'éditeur est encore en phase 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 désormais 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 avoir pour conséquence que de nombreux utilisateurs ne disposant 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 limiterons dans notre test de la version 0.2.0 au processus d'écriture lui-même. Avec Gutenberg , ce processus n'a jamais été aussi simple.

Le principe des blocs convainc et enthousiasme

En fait, l'éditeur a l'air aussi bon dès le début que dans la Démo. Notre impression est donc qu'il ressemble plus à un constructeur de pages qu'à un éditeur de texte. Mais ne vous méprenez pas : Pour l'instant, il n'est possible de créer que des contributions, et non des pages, avec Gutenberg .

Le principe des blocs repose sur l'idée de mettre à disposition de 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, bien sûr, de 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 de WordPress, et tout est un bloc.

- Matt Mullenweg, WordCamp Europe 2017, Paris

Chaque élément que tu insères dans une de tes contributions est donc 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 mise en forme.

Déjà dans la bêta, Gutenberg met à disposition plusieurs dizaines de types de blocs possibles.
Lorsque tu crées un nouveau bloc, tu vois apparaître toutes les possibilités de configuration. Actuellement, ce nombre est déjà impressionnant, mais il devrait encore augmenter avec le temps. Mais cela pose aussi la question de la vue d'ensemble. Il est déjà possible de faire défiler la liste des blocs de manière assez importante.

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.

Sur Gutenberg , le déplacement des blocs n'est certes possible que par étapes individuelles, mais il est super simple.

2. une meilleure vue d'ensemble et un éditeur plus épuré

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

Gutenberg a une surface extrêmement réduite. Et pourtant, son aspect est excellent.
L'éditeur est tellement réduit que le mode d'écriture sans distraction n'est plus nécessaire. Il est d'ailleurs 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 que l'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 simple et intuitive.

Le principe des blocs est facile à comprendre et à assimiler, il facilite la création de contenu et, à notre avis, il a définitivement le potentiel, d'un point de vue UX, de devenir la grande réussite 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 sélectionnes l'image dans la médiathèque ou tu la télécharges. Tu peux ensuite la régler via les options d'image spéciales du bloc. Ce qui est génial : seules les options dont tu as besoin sont affichées. La légende et le texte alternatif peuvent également être écrits directement dans Gutenberg . En effet, la barre des paramètres à droite s'adapte également en fonction du bloc sélectionné.

Les images de Gutenberg peuvent facilement être alignées à gauche, à droite et en pleine largeur.
On ne le voit pas : À droite, il est possible d'effectuer tous les réglages détaillés spécifiques à l'image. 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 d'ailleurs pour tous les blocs, c'est-à-dire les vidéos, les citations, les messages de médias sociaux, etc. Nous avons également remarqué que l'option "Galerie" dispose désormais de son propre bloc. Cela rend peut-être l'option plus accessible pour l'un ou l'autre.

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 concerné (ou un bloc d'intégration vierge), d'insérer l'URL, et le tour est joué.

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 plateformes 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 sur les médias sociaux deviennent beaux et simples

L'intégration de citations n'a pas beaucoup changé, si ce n'est que celles-ci peuvent désormais être déplacées plus facilement grâce au principe de bloc. L'intégration de posts de médias sociaux est par contre un peu plus simple et plus jolie : en effet, tu peux désormais travaillerdirectement en saisissant le lien et sans code embed.

Gutenberg rend également 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 via 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 lors de notre test. De plus, la largeur des colonnes se déplace de manière dynamique pendant la saisie du texte. On voit bien que le bloc n'est pas encore terminé.

En revanche, rien ne change pour l'insertion de bouts de code.

Le meilleur pour la fin : Buttons

Un éditeur WordPress offre enfin la possibilité de placer des boutons dans le flux de travail normal de la publication. Tout simplement, via un bloc créé à cet effet. En principe, il suffit d'insérer le bouton, de définir le lien derrière et de choisir le libellé et la couleur. En principe, bien sûr. Car dans notre test, cette fonctionnalité n'a pas encore fonctionné.

Adaptations HTML comme avant. En plus beau.

Le système de blocs n'a pas été repris dans l'éditeur HTML. Celui-ci n'a pas changé, mais il est un peu plus frais grâce au nouveau design. Et le code est désormais automatiquement mis en retrait. Cela permet d'avoir une meilleure 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 moins claire par rapport à la variante Gutenberg avec des lignes en retrait.

L'éditeur visuel permet également d'insérer des blocs HTML personnalisés. L'avantage est qu'il est possible d'éditer le code HTML dans le bloc et de visualiser directement le résultat.

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 dans le cas du HTML personnalisé.

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, notamment, ont encore besoin d'être retravaillés, ce qui représente deux des blocs les plus intéressants. De même, la rétrocompatibilité et l'intégration d'importantes fonctions d'édition ne fonctionnent pas encore parfaitement. Ainsi, il faut actuellement repasser à l'ancien éditeur au plus tard lors de la mise au point d'une nouvelle contribution. Pour l'instant, Gutenberg n'est donc pas vraiment utile pour autre chose qu'un test et un bref coup d'œil dans la boule de cristal.

Il y a cependant un point sur lequel le nouvel éditeur est tout à fait convaincant : le principe des blocs. Le processus d'écriture est ainsi nettement accéléré et devient beaucoup plus intuitif et facile. Cela devrait être un soulagement énorme pour les personnes qui écrivent beaucoup.

Mais le principe des blocs est encore plus important et recèle un potentiel bien plus grand que la simple facilitation de la rédaction d'articles. Et l'on constate que Mullenweg souhaite activement s'engager sur la voie d'un WordPress basé sur les blocs. Lors de 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, bien sûr, de 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 WordPress Core, 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 extrêmement intéressantes. Mais avant d'en arriver là, Gutenberg doit d'abord devenir adulte 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 et stable de Gutenberg. Tu as encore des informations sur le nouvel éditeur que nous n'avons pas encore traitées ou une expérience que tu aimerais partager avec la communauté ? Alors nous nous réjouissons de ton commentaire !

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.