Ce que vous devez savoir sur l'éditeur WordPress Gutenberg

L'éditeur Gutenberg WordPress sera l'un des aspects les plus intégraux du cœur de WordPress. Mais qu'est-ce que cela signifie même pour les propriétaires de sites Web ? Que se passe-t-il si un utilisateur utilise déjà un constructeur de page ? Nous répondrons à ces questions et plus encore dans ce guide. Nous parlerons également des bases de Gutenberg. De plus, nous parlerons de tout ce que vous devez savoir sur la dernière version. En attendant, voici des plugins de création de pages pour faciliter la conception de WordPress.

Comprendre l'éditeur Gutenberg WordPress

L'éditeur Gutenberg WordPress est un nouvel éditeur visuel. De plus, il a été conçu pour être intégré au noyau de WordPress. Gutenberg aide en ajoutant des fonctionnalités telles que les constructeurs de pages, mais avec des blocs de contenu supplémentaires. Par exemple, il pourrait rétablir TinyMCE comme l'un des éditeurs de contenu par défaut.

Néanmoins, au fur et à mesure que vous l'utilisez, vous remarquerez que le contenu est ajouté dans différents types de blocs. De plus, l'ajout commence dès le back-end WordPress.

De plus , Gutenberg est plus qu'un simple éditeur. Il ajoute une personnalisation à l'ensemble de l'expérience de publication de contenu. Il permet à l'utilisateur de créer un design moderne. En outre, il offre une meilleure expérience d'édition. De plus, il jette les bases de l'avenir des sites Web WordPress. Gutenberg est sur le point d'être publié dans WordPress 5.0.

L'objectif principal de Gutenberg WordPress Editor

Examinons les objectifs principaux de Gutenberg du point de vue de la fonctionnalité.

L'utilisation principale est de rendre l'expérience « d'ajout de contenu riche à WordPress » plus amusante et excitante.

C'est une étape cruciale dans l'évolution de WordPress. Sans Gutenberg, la fonctionnalité native de WordPress ne comprend qu'un éditeur de texte de base pour les articles. De plus, avec Gutenberg, les utilisateurs de WordPress peuvent créer des mises en page de contenu attrayantes. De plus, Gutenberg fait partie des nombreuses transitions importantes visant à simplifier l'expérience utilisateur de WordPress.

Vous vous interrogez sur le débat en cours sur Gutenberg ? Ensuite, lisez la suite pendant que nous en discutons plus en détail.

Matt Mullenweg est la figure éminente derrière Gutenberg

Selon l'annonce du Mullenweg dans le 'State of the Word 2016', Gutenberg est un éditeur visuel. Cependant, il s'agit de l'un des trois principaux objectifs de base pour l'avenir de WordPress. Plus tôt en 2017, Mullenweg a repris Gutenberg en tant que chef de projet. Mais, pour un développement ultérieur, Mullenweg a embauché Joen Asmussen et Matias Ventura. Il les embauche comme employés d'Automatic. Ainsi, si vous voulez en savoir plus sur Mullenweg à propos de Gutenberg, vous devriez visiter "Nous l'avons appelé Gutenberg pour une raison".

Il est super facile d'ajouter Gutenberg à votre site WordPress en le téléchargeant en tant que plugin WordPress, que vous trouverez sur le répertoire des plugins WordPress.
Le plugin Gutenberg est mis à jour chaque semaine, à mesure que de nouvelles fonctionnalités améliorées continuent d'être ajoutées. Cependant, prenez note de la description de ce plugin. Il s'agit encore d'un logiciel bêta et doit être utilisé avec précaution. Comme indiqué précédemment, cet éditeur est susceptible d'être intégré à WordPress 5.0.

Gutenberg est toujours en cours d'implémentation

Voici ce que vous devez savoir sur les fonctionnalités à venir de Gutenberg.

• Gutenberg n'est pas encore fini. Diverses fonctionnalités de Gutenberg sont actuellement en cours d'implémentation. Parallèlement à cela, la nouvelle version a apporté des améliorations aux fonctionnalités et à l'interface utilisateur précédemment mises en œuvre.
• Ne vous inquiétez pas si Gutenberg ne fonctionne pas correctement pour vous. Les problèmes sont résolus au fur et à mesure que l'équipe continue de le développer.
• L'éditeur est écrit avec l'aide de React JavaScript. Cependant, compte tenu de l'acte actuel de Facebook de renouveler la licence du projet sous le nom de licence MIT, M. Matt a annoncé que Gutenberg et wordpress.com seraient réécrits avec une bibliothèque différente. Cela retardera les progrès de Gutenberg pendant un certain temps.

Incorporations et blocs de Gutenberg

Pour personnaliser la mise en page et le contenu, Gutenberg propose une gamme de blocs.

Voici les Embeds proposés par Gutenberg.

Les avantages de Gutenberg

Voici quelques-uns des grands avantages de l'intégration de Gutenberg à WordPress 5.0.

Progrès pour l'éditeur visuel WordPress

• Pendant des années, l'éditeur visuel WordPress a été assez fade.
• Le but de Gutenberg est d'intégrer une interface très intuitive pour les utilisateurs. Il est conçu pour aider WordPress à rivaliser avec d'autres éditeurs visuels comme Squarespace et Wix.

Un geste intelligent pour stocker les informations de bloc en utilisant des commentaires HTML

• Gutenberg stocke les informations de bloc dans les commentaires HTML.
• Ces commentaires ne sont pas rendus activement sur les pages en direct du site et ne peuvent être vus que sur le backend du site.

Vous pouvez facilement désactiver Gutenberg sans casser le site

• Contrairement à tout autre éditeur de page, vous pouvez facilement désinstaller cet éditeur visuel - Gutenberg sans casser le site.
• Il n'y a aucune chance de perdre des blocs arrangés plus tôt lorsque vous réactivez Gutenberg. Les commentaires HTML sont toujours conservés dans le contenu.
• Vous devez noter que, si Gutenberg est désactivé, la source de la page peut afficher les commentaires HTML.

Meilleure exécution de la routine copier/coller

• Dans les versions précédentes de Gutenberg, l'implémentation du copier/coller n'était rien de moins qu'un gâchis. De plus, le formatage se perdait dans tout ce processus, mais ce n'est plus le cas.
• Coller des listes, des titres, des paragraphes, etc. se retrouve dans le type de blocs approprié, qui est automatiquement construit par Gutenberg.
• Les balises de texte telles que l'italique et le gras sont également conservées.

Forte sortie HTML5

• Gutenberg utilise des balises HTML 5 telles que figure et section pour bloquer le contenu de sortie.
• À l'aide de balises HTML 5, un contenu évolutif peut être créé dans Gutenberg.

Blocs faciles à écrire

• Pour produire du contenu personnalisé, les développeurs peuvent créer leurs propres blocs personnels.
• Il existe de nombreuses ressources en ligne disponibles pour obtenir plus d'informations sur l'écriture d'un bloc dans Gutenberg.

Les inconvénients de l'utilisation de Gutenberg

Plus de composition dans le navigateur

• L'interface utilisateur de Gutenberg se concentre sur la mise en page du contenu plutôt que sur la création de contenu.
• L'époque où les développeurs composaient du contenu à l'aide de la fenêtre de publication est révolue.

Vous pouvez trouver l'interface utilisateur un peu maladroite

• Certaines tâches simples peuvent nécessiter plus d'actions que par le passé. Au fur et à mesure que vous mettez à jour une page, vous devrez cliquer deux fois et non une seule. Il existe des icônes indescriptibles disponibles qui n'ont pas beaucoup d'indices sur leur fonctionnalité exacte.
• Dans le cas d'affichages plus petits, la disposition en trois colonnes peut prêter à confusion lorsqu'un utilisateur fait défiler vers le bas. Ces trois colonnes incluent l'éditeur Gutenberg, le menu d'administration et la barre latérale Gutenberg. Cela est particulièrement vrai si la taille de votre écran est de 12 pouces ou moins.
• À côté et en dessous de l'éditeur, les boîtes méta ne sont pas visibles dans les paramètres étendus.

Les paragraphes n'ont pas de shortcodes

• Pour l'instant, il n'y a aucune possibilité d'exécution de shortcodes dans des blocs de paragraphes ou des colonnes de texte.
• Pour les faire fonctionner, ils doivent être incorporés dans le bloc de shortcode.
• Si le shortcode produit du contenu en ligne tel que l'année ou l'un des appels à l'action en ligne, cela peut créer des problèmes.
• Notez que les shortcodes dans les publications/pages peuvent continuer à fonctionner même lorsque Gutenberg est intégré à un site existant. Les développeurs ont fait un meilleur travail pour s'assurer que la plate-forme actuelle ne tombe pas en panne.

Pas d'autres emb​beds ou images dans les paragraphes

• Chez Gutenberg, les images ont besoin de leur bloc. Vous ne pouvez donc pas envelopper de texte autour d'images.
• De même, les intégrations comme la vidéo ou l'audio ont également besoin de leur bloc. Sinon, les intégrations de Vimeo, YouTube, etc. pourraient ne plus fonctionner dans les colonnes de texte ou les paragraphes de Gutenberg.

Principaux problèmes d'accessibilité (du moins pour l'instant)

• Pour l'instant, Gutenberg est confronté à des problèmes d'accessibilité. Il peut y avoir des problèmes importants pour y accéder en utilisant le back-end de l'éditeur. Cela s'applique également à la sortie de contenu sur le frontend (c'est-à-dire CSS en ligne).
• Avant la version finale, l'équipe WP Accessibility est susceptible de résoudre ces problèmes.
  - En général, l'accessibilité est la priorité pour WordPress.
  - Étant donné que le CSS en ligne est actuellement conservé dans les commentaires HTML avant le rendu sur le frontend, la manière dont les développeurs vont résoudre ce problème est désormais une grande question.

Les thèmes plus anciens ne traitent pas la sortie HTML 5

• L'éditeur bloque le contenu de sortie à l'aide de balises HTML 5 telles que figure et section.
• De nombreux thèmes plus anciens ne possèdent pas de CSS pour traiter le style des balises. Par conséquent, le rembourrage ou les marges de ces balises peuvent être inexistantes.
• Gutenberg lui-même n'a pas de feuilles de style propres pour en tenir compte.

Beaucoup de choses ne sont pas encore résolues avec Gutenberg

La relation entre les thèmes et l'éditeur Gutenberg :

• Comme indiqué précédemment, Gutenberg concerne davantage le contenu que le style général. Vous pouvez toujours ajouter des couleurs d'arrière-plan pour les blocs, mais cela s'exécute plus comme un style en ligne.
• Pour l'instant, les marges et les rembourrages de bloc ne sont pas adressés.
• D'autres constructeurs de pages WordPress permettent à l'utilisateur d'affiner facilement le contrôle des colonnes, des lignes, de l'espacement, etc. Actuellement, Gutenberg dépend d'un thème pour cela.
• Concernant le support du thème Gutenberg, il y a très peu d'informations dans les docs. Cela inclut également une prise en charge étendue des images, une prise en charge des blocs et une prise en charge de la palette de couleurs.
• Il y a un peu d'informations dans la documentation concernant l'application de styles à l'éditeur Gutenberg et l'utilisation de feuilles de style.
• Le problème majeur est que Gutenberg n'a pas encore résolu les problèmes des novices en développement / conception Web. C'est le public que Gutenberg vise à aider, mais la plupart de ces personnes n'ont aucune idée du fonctionnement de la relation entre les thèmes et le système de WordPress.

Comment Gutenberg s'intégrera-t-il au cœur de WordPress ?

Jusqu'à présent, les indications indiquent que Gutenberg fera partie du noyau de WordPress. La version 5.0 de WordPress devrait sortir en 2018.
Si vous vous demandez si l'éditeur sera activé par défaut ou s'il peut être désactivé par choix, ces questions sont encore sans réponse. À ce stade, rien ne peut être dit avec certitude. Peut-être que l'éditeur sera exécuté de la même manière que l'API REST (activé par défaut). En outre, il peut être facilement désactivé en utilisant un plugin à usage unique ou différents plugins de sécurité tels que iThemes Security.

La plupart des gens pensent qu'il viendra avec un plugin ou un bloc de code "Désactiver Gutenberg". Peut-être que les célèbres constructeurs de pages pourraient inclure une option de désactivation de Gutenberg dans leurs paramètres. Une suggestion populaire est de l'offrir sur Jetpack et de laisser l'utilisateur l'activer à l'aide de cette plate-forme.

La date de sortie de Gutenberg WordPress Editor

Pour l'instant, aucune date de sortie officielle n'a été annoncée.

Cependant Matt Mullenweg a dit, "L'équipe de Gutenberg prend du recul. Ils le font pour réécrire Gutenberg en utilisant une bibliothèque différente. Cela pourrait entraîner un retard dans la sortie de Gutenberg, au moins un retard de quelques semaines. C'est précisément pourquoi la sortie de Gutenberg a été repoussée à l'année 2018."

Il y a eu de nombreuses réactions vives à cette déclaration particulière. Par exemple, Yoast a dit :

"Chez Yoast, nous avons été assez choqués par ces mots. Dans sa forme actuelle, Gutenberg n'est pas prêt - du tout - pour une utilisation grand public. En fait, nous ne le voyons pas comme étant prêt à être publié n'importe où dans la première moitié de 2018. De plus, être prêt à être publié signifie que la communauté a eu amplement le temps de corriger toutes ses intégrations. Pourtant, à ce stade, il n'est pas du tout possible pour les plugins de s'intégrer à Gutenberg. Comment diable les auteurs de plugins devraient-ils pouvoir construire leurs intégrations en quelques mois ? Ce n'est pas possible. Du moins pas sans casser des choses.

Yoast recommande un cours alternatif pour Gutenberg

"Nous sommes très enthousiastes à l'idée de blocs. Cependant, nous avons de fortes inquiétudes sur certains choix techniques. Aussi, sur la rapidité du processus de mise en œuvre. Par ailleurs, notre inquiétude porte sur le manque de priorité accordée aux questions d'accessibilité dans le Cependant, nous sommes très préoccupés par le fait que les plugins ne peuvent pas s'intégrer au nouvel éditeur.

Yoast a discuté du concept d'incorporation de son plugin avec Gutenberg.

"Nous avons commencé par décomposer toutes nos fonctionnalités. De plus, nous avons continué à voir où nous pourrions les intégrer dans Gutenberg. Cependant, nous ne pensons pas que conserver une seule et massive boîte sous l'éditeur servira au mieux nos clients. Ainsi, nous préférerions de loin intégrer là où l'action se passe. Gutenberg nous offre cette chance.

Quelles sont vos opinions sur Gutenberg ?

Pour répondre à cela, essayez définitivement Gutenberg. Explorez également l'éditeur Gutenberg WordPress en l'utilisant sur un site de test. Après cela, faites-nous savoir ce que vous aimez ou n'aimez pas à ce sujet.

Néanmoins, vous pouvez soumettre vos commentaires directement à l'équipe Gutenberg. Accédez à la section des commentaires dans le menu de la barre latérale de Gutenberg. Parlez-leur de votre expérience de travail avec Gutenberg. Ainsi, vous participerez à la réussite de ce projet.