Qu'est-ce que Gutenberg ?

Dernière mise à jour - 8 juillet 2021

Les systèmes de gestion de contenu les plus populaires au monde WordPress ont radicalement changé au fil des ans depuis sa création en 2003. Il a commencé comme une plate-forme liée aux blogs pour devenir la plus grande plate-forme de création de sites Web pouvant être utilisée pour créer des sites Web et des programmes plus sophistiqués. Il s'agit d'un réseau open source qui s'appuie sur d'autres applications, thèmes et plugins tiers pour créer une application en ligne sophistiquée.

WordPress a évolué au fil des années avec différentes fonctionnalités et innovations. La dernière innovation dans le monde de WordPress est le Gutenberg. Ceux-ci ont causé beaucoup de buzz en ligne et il y a eu de nombreuses controverses ces derniers temps s'il ne s'agit que d'un autre éditeur WordPress ou d'un constructeur de pages.

Le Gutenberg est l'un des changements majeurs intégrés à WordPress 5.0, qui est destiné à remplacer le TinyMCE qui est un éditeur backend WordPress. Cela a suscité beaucoup d'indignation et de controverse parmi les utilisateurs de WordPress. Le Gutenberg a été développé pour résoudre le problème de l'utilisation d'un trop grand nombre de plugins pour une mise en page et un formatage simples du site Web.

Par conséquent, Gutenberg est un plugin d'édition tout-en-un qui résoudra tous vos besoins d'édition et de formatage dans une sorte de base sur ce que vous voyez est ce que vous obtenez (WYSIWYG).

Origine du Gutenberg

Le terme Gutenberg est dérivé de Johannes Gutenberg, l'homme qui a inventé l'imprimerie. Le nouveau Gutenberg a été introduit dans WordPress en 2017 en tant que plugin et devrait devenir l'éditeur WordPress recommandé et par défaut.

Le Gutenberg aidera les concepteurs de sites Web et les non-concepteurs à concevoir un site Web à l'aide de blocs sans écrire un seul code tout en incorporant des balises HTML.

Pour ce faire, Gutenberg utilise des blocs et il existe des blocs pour pratiquement tout ce à quoi vous pouvez penser, comme du texte, des images, des vidéos, etc.

Qu'est-ce qu'un bloc ?

Un bloc est une fonctionnalité de glisser-déposer dans Gutenberg qui fournit des éléments personnalisables sous la forme d'une expérience « ce que vous voyez est ce que vous obtenez » (WYSIWYG). Les blocs représentent différents types de contenu et varient entre les textes, les images, les en-têtes, le titre, etc.

C'est une façon unique de créer du contenu sur votre blog

Avec ces dernières mises à jour, les contenus seront désormais construits sur des blocs qui deviendront un élément fondamental de l'éditeur WordPress. Contrairement à l'éditeur classique précédent, les blocs vous permettent de déplacer rapidement et facilement des éléments dans l'environnement WordPress.

Gutenberg offrira une toute nouvelle expérience utilisateur à l'environnement WordPress et une bonne concurrence aux autres meilleurs constructeurs de pages par glisser-déposer.

Le but de la mise à jour est de révolutionner l'éditeur WordPress vers un éditeur plus dynamique, sophistiqué et moderne puisque l'éditeur classique est l'éditeur par défaut depuis la création de WordPress.

Gutenberg contient des blocs pour :

• Texte : paragraphe, titre, sous-titre, liste, tableau, bouton, colonnes de texte
• Médias : image, galerie, image de couverture, vidéo, audio
• Autres : colonnes, devis, fichier, code, code HTML personnalisé, intégrations, codes courts, devis, code, etc.

Gutenberg est-il un constructeur de pages ou un éditeur ?

Si vous l'appelez un éditeur ou un constructeur de page, vous avez raison car c'est la combinaison des deux. Il remplacera le TinyMCE. Gutenberg est une combinaison de Visual Composer et de TinyMCE. Il peut donc fonctionner comme un constructeur de pages et un éditeur déjà préinstallé dans le dernier WordPress 5.0 et le sera dans les futures versions de WordPress. Mais dans sa forme actuelle, le Gutenberg est un éditeur de page, ce qui signifie que vous ne pouvez pas totalement prendre la place des éditeurs de page.

Avantages de Gutenberg

Vous pouvez créer de beaux designs et publications sans avoir à installer d'autres plugins d'éditeur de page

• Il est convivial
• Il permet la compatibilité mobile

Inconvénients de Gutenberg

• Problèmes de compatibilité avec certains thèmes
• Il faudra du temps à certaines personnes pour comprendre comment cela fonctionne
• La plupart des plugins devront être réécrits ou mis à jour pour fonctionner avec Gutenberg
• Il a actuellement une mauvaise note

Comment installer Gutenberg sur votre site

Étant donné que Gutenberg est toujours un plugin et n'a pas été intégré à WordPress, il sera bon de vérifier la compatibilité et de comprendre comment cela fonctionne vraiment. Cela peut être fait dans un serveur de test et si vous devez faire un test en direct, assurez-vous d'abord de sauvegarder votre site WordPress. Voici comment installer Gutenberg

1. Connectez-vous à votre administrateur WordPress
2. Accédez aux plugins Cliquez sur Ajouter nouveau
3. Dans le champ de recherche, recherchez "Gutenberg"
4. Cliquez sur Installer et attendez que l'installation se termine.

Une fois terminé, le bouton se transforme en Activer

5. Cliquez sur Activer - Votre plugin Gutenberg est maintenant en ligne pour les tests

Une fois le plugin activé, les éditeurs par défaut de votre site Web passeront automatiquement à Gutenberg, lorsque vous visiterez la page ou la section de publication de votre site.

Comment The Gutenberg va simplifier la conception de votre site Web

Contrairement à l'éditeur classique précédent, Gutenberg apportera beaucoup de piquant à votre conception, il vous donne la possibilité de créer des conceptions personnalisées. Avec des blocs intégrés, il donne aux utilisateurs la possibilité de créer de beaux designs avec peu ou pas d'expérience en conception de sites Web. Le Gutenberg changera complètement la conception du site Web pour toujours. Comme cela donnera aux utilisateurs sans expérience de codage pour créer des sites Web professionnels.

L'interphase de Gutenberg

Analyse de l'éditeur Gutenberg WordPress

1. – Vous permet d'ajouter de nouveaux blocs

B – Les boutons Undo / Redo utilisés pour inverser

C – Ajouter un titre

D - Pour prévisualiser / publier ou mettre à jour le message

E - Document - paramètres du document, caractéristiques des images, catégories et balises en vedette, etc.

F - Bloc Donne un accès rapide aux paramètres d'un bloc spécifique qui est sélectionné

G – C'est là que va tout votre contenu, c'est le corps de la page où tous vos blocs apparaissent.

Différence entre l'éditeur classique et Gutenberg

Voici un tas d'images qui pourraient vous aider à comprendre les différences.

Bloc classique

Gutenberg

Mise à jour WordPress 5.0

WordPress est l'une des plus grandes plateformes de création de sites Web au monde et également les plus grands systèmes de gestion de contenu au monde. Plus de trente et un pour cent (31 %) des sites Web en ligne sont construits sur WordPress.

Tout le monde est enthousiasmé par la dernière mise à jour de WordPress qui sera lancée fin novembre 2018. La caractéristique la plus importante de la mise à jour de WordPress 5.0 est l' éditeur Gutenberg qui sera l'éditeur par défaut de WordPress 5.0.

La date de sortie de WordPress 5.0 est fixée au 27 novembre et il connaîtra deux changements majeurs en dehors du bogue mineur corrigé qui comprend :

1. L'ajout de l'éditeur Gutenberg
2. L'inclusion du dernier thème 2019

Il s'agit de l'un des changements les plus importants apportés à WordPress depuis sa création, que de nombreuses personnes pourraient avoir du mal à s'adapter à ces changements.

Comment préparer votre site pour la mise à jour de WordPress 5.0

1. Assurez-vous que tous vos plugins sont à jour
2. Assurez-vous que votre thème est mis à jour
3. Mettez à niveau vers PHP 7.2 (assurez-vous de sauvegarder votre système avant de le faire)
4. Assurez-vous que les configurations de votre serveur sont définies pour la mise à jour

Lignes directrices pour la mise à niveau vers Gutenberg

1. Testez la compatibilité avec votre thème
2. Divisez vos messages en blocs avant la mise à niveau complète

Date de sortie de WordPress 5.0

La date prévue pour la mise à jour WordPress 5.0 était le 19 novembre 2018 mais a été déplacée à la fin novembre/début décembre 2018. Alors que la prochaine version est prévue pour le 22 janvier 2019.

Erreurs WordPress et assistance

Ce que vous devez savoir sur la mise à jour WordPress 5.0

1. Il s'agit d'une mise à jour majeure de WordPress
2. Si vous ne mettez pas à jour votre thème ou vos plugins, il est probable que votre site tombe en panne
3. Il vient avec un éditeur différent qui demandera un peu de pratique pour le maîtriser
4. Cela contribuera à augmenter l'efficacité
5. Vous pouvez rencontrer des problèmes de compatibilité avec certains thèmes et plugins

Ce sera la première fois depuis sa création que WordPress subira un changement majeur comme celui-ci

Ce que vous devez faire pour préparer votre site pour WordPress 5.0 et la mise à jour de Gutenberg

1. Testez votre site avec le plugin Gutenberg avant le lancement complet
2. Assurez-vous que votre thème et vos plugins sont compatibles avec la dernière mise à jour
3. Passez en revue les pages existantes et préparez-les pour les blocs qui constituent le noyau de Gutenberg

Et si vous ne voulez pas de l'éditeur Gutenberg ?

Eh bien, l'éditeur Classic sera disponible en tant que plugin. Donc, si vous rencontrez des problèmes avec votre site ou si vous avez du mal à comprendre l'éditeur WordPress 5.0 Gutenberg, vous pouvez choisir d'installer l'ancien éditeur Classic. Il sera recommandé d'installer l'éditeur classique au cas où quelque chose se passerait mal lors de la migration vers WordPress 5.0.

Avec la nouvelle mise à jour de WordPress 5.0 et l'ajout de l'éditeur Gutenberg, cela aura un impact à jamais sur la façon dont les utilisateurs de WordPress créent et modifient le contenu. Alors que WordPress semble passer d'une plate-forme de création de blogs à une plate-forme de développement de sites Web qui offre une grande flexibilité dans ses processus de conception globaux.

Pourquoi devriez-vous mettre à jour vers WordPress 5.0

1. Il facilite la création de contenu
2. rend la création Web facile même sans connaissance technique de la conception de sites Web
3. Vous pouvez créer des conceptions propres, simples et sophistiquées
4. ce sera un noyau de développement de site Web dans WordPress
5. Il est mobile et convivial

L'une des choses les plus effrayantes que vous puissiez vivre avec votre site Web est lorsque votre site Web cesse soudainement de fonctionner ou présente un bogue et que vous ne savez pas comment le réparer. Certains utilisateurs peuvent rencontrer des problèmes lors du processus de migration vers Gutenberg ou lors de la mise à niveau de WordPress 5.0.

Cela pourrait ne pas être un gros problème pour certains techniciens, mais pour un propriétaire de site Web non-technicien, cela pourrait être un gros problème.

Qu'advient-il du contenu existant ?

WordPress fait tout ce qui est en son pouvoir pour s'assurer que la mise à niveau sera un processus transparent, mais il est assez regrettable qu'en raison de problèmes de compatibilité, de paramètres et de configurations de serveur, de plugins non pris en charge et d'autres raisons. Certains sites rencontreront des problèmes mineurs ou majeurs à la suite de cette mise à niveau. Certains des problèmes peuvent être aussi simples que d'essayer de comprendre comment utiliser le nouvel éditeur pour quelque chose d'aussi gros que le site Web qui ne se charge pas.

WordPress aura également le plugin d'éditeur classique intégré en tant que bloc de texte classique dans Gutenberg, ce qui résoudra principalement le problème de compatibilité avec les nouveaux blocs Gutenberg. Cela garantira une migration et une mise à niveau en douceur qui, à leur tour, assureront la continuité.

Cependant, si vous rencontrez un problème lors de la mise à niveau, il n'y a pas lieu de s'alarmer. Voici quelques-uns des problèmes que vous pourriez rencontrer et des moyens de les résoudre.

1. Page de publication vierge :

Passez à la dernière version de WordPress

Assurez-vous que vos thèmes et plugins sont à jour

Assurez-vous que le thème est compatible avec Gutenberg

2. La page ne se charge pas correctement

Un autre problème que vous pourriez rencontrer est que vos pages ne se chargent pas correctement

1. Installer l'éditeur classique
2. Divisez votre contenu en blocs
3. Obtenez un thème compatible avec Gutenberg
4. La page ne se charge pas

C'est le plus grand cauchemar de tout le monde, lorsque votre page s'arrête soudainement de se charger

1. Assurez-vous que les paramètres de votre serveur sont définis pour WordPress 5.0
2. Contactez votre hébergeur si vous ne parvenez pas à vous connecter à votre administrateur
3. Si vous pouvez toujours vous connecter à l'administrateur, désactivez tous vos plugins et essayez de charger à nouveau le site s'il se charge, identifiez le plugin défectueux, puis désinstallez-le.

Lectures complémentaires

• Caractéristiques passionnantes de Gutenberg
• Gutenberg 2.8