WordPress 5.0 a introduit un tout nouveau éditeur basé sur des blocs appelé Gutenberg. C'est une façon plus simple et nouvelle de créer du contenu. Au lieu d'un simple éditeur et d'un éditeur de code principal, la nouvelle interface facilite le glisser-déposer des éléments dans votre site WordPress.
Gutenberg a essentiellement retiré des éléments de certains des plugins WordPress les plus populaires comme Elementor et Divi, qui sont considérés comme des «compositeurs visuels». Gutenberg n'est pas aussi avancé que ces solutions, mais c'est un pas dans la bonne direction.
Ci-dessous est une capture d'écran de l'éditeur WordPress classique. Les boutons de mise en forme sont comme l'éditeur de texte pour Microsoft Word.
À partir de WordPress 5.0 et supérieur, le nouvel éditeur de blocs de Gutenberg illustré ci-dessous a été déployé.
Le nouvel éditeur utilise l'approche consistant à ajouter des blocs ou des éléments pour créer des dispositions de contenu. Chaque élément que vous ajoutez à votre page ou publication est appelé un bloc, y compris les vidéos, l'audio, les listes, les images et les galeries.
Avantages de l'éditeur WordPress Gutenberg
Il est plus facile et plus simple d'ajouter différents types de contenu aux pages et aux publications en ajoutant des blocs. Par exemple, pour ajouter une table à l'aide de l'éditeur classique, un plugin séparé est nécessaire.
In_content_1 all: [300x250] / dfp: [640x360]->Pour ajouter un tableau à l'aide de l'éditeur WordPress Gutenberg, il vous suffit d'ajouter un bloc de tableau, de choisir vos lignes et colonnes et d'ajouter votre contenu.
Quand en utilisant l'éditeur WordPress Gutenberg, il est simple de déplacer des zones de contenu de haut en bas en faisant glisser les blocs.
En général, le nouvel éditeur de blocs Gutenberg est facile à utiliser et à apprendre. Les outils de conception de blocs incluent de nombreuses fonctionnalités telles que le contrôle de la hauteur de ligne, les blocs de titre et de paragraphe, les blocs multimédias, le dégradé d'arrière-plan et les blocs de texte.
Créer une nouvelle publication ou page de blog avec WordPress Gutenberg Block Éditeur
La création d'un nouvel article ou d'une nouvelle page avec l'éditeur WordPress Gutenberg lance l'éditeur de blocs. Le processus est le même qu'avec l'éditeur classique.
Dans votre zone d'administration WordPress, cliquez sur
Le premier bloc de toutes les pages et publications est le titre.
Après avoir tapé votre titre, vous pouvez appuyer sur la touche de tabulation ou déplacer la souris en dessous et commencer à écrire. Par défaut, le bloc suivant est un paragraphe.
Vous pouvez également ajouter un autre type de contenu en cliquant sur le signe + dans le coin supérieur gauche de l'éditeur, sur le côté gauche d'un bloc, ou en dessous d'un existant.
Lorsque vous cliquez sur l'un des signes +, le menu Bloquerapparaît avec une barre de recherche au-dessus et les blocs les plus utilisés ci-dessous.
Comment travailler avec les blocs WordPress Gutenberg
Tous les blocs ont leur propre barre d'outils en haut. Les boutons de la barre d'outils changent en fonction du type de bloc que vous modifiez.
La capture d'écran ci-dessous montre un bloc de paragraphe avec une mise en forme de base comme le gras, l'alignement du texte, l'insertion d'un lien et l'italique.
En plus de la barre d'outils, chaque bloc a plus de paramètres dans la colonne de droite de l'écran d'édition.
Comment enregistrer et réutiliser des blocs dans WordPress Gutenberg Editor
L'un des nombreux avantages de l'utilisation de blocs est que vous pouvez les enregistrer et les réutiliser individuellement. Pour ceux qui aiment utiliser des formats cohérents ou ajouter des extraits spécifiques à leur contenu, cela est particulièrement utile.
À partir du bouton de menu dans le coin supérieur droit de la barre d'outils du bloc, cliquez sur les trois points verticaux . Choisissez ensuite Ajouter aux blocs réutilisables.
Donnez au bloc réutilisable un nom que vous reconnaîtrez pour le rendre plus facile à identifier lorsque vous souhaitez le réutiliser. Cliquez sur Enregistrerlorsque vous avez terminé.
Ajouter un bloc réutilisable sur une publication ou une page
Choisissez la page ou la publication où vous le souhaitez pour ajouter un bloc réutilisable. Cliquez sur un bloc de bouton d'ajout dans l'écran d'édition de publication ou de page.
Recherchez le bloc enregistré sous l'onglet Réutilisable, ou vous pouvez le rechercher au même endroit.
Déplacez votre souris sur le bloc pour en voir un aperçu rapide. Insérez-le dans votre page ou publiez en cliquant dessus.
Les blocs réutilisables sont dans le jeu de données WordPress. Cliquez sur le lien Gérer tous les blocs utilisablespour les gérer.
Gérer les blocs réutilisables WordPress Gutenberg
À partir de la page du gestionnaire de blocs, vous pouvez modifier, supprimer ou exporter des blocs réutilisables à utiliser sur un autre site Web WordPress.
Gestion et publication des options de l'éditeur WordPress Gutenberg
Chaque page et publication WordPress comprend un grand nombre de métadonnées, comme les images présentées, la date de publication, les balises et les catégories.
Ces options sont toutes situé dans la colonne de droite de l'écran de l'éditeur.
Plugins WordPress Gutenberg
De nombreux plugins WordPress sont prédéfinis comme des blocs qui les rendent facile et prêt à l'emploi avec Gutenberg.
Formulaires WP permet aux utilisateurs d'ajouter des formulaires aux pages et aux publications à l'aide d'un bloc widget.
WP Forms est un générateur de formulaires glisser-déposer facile à utiliser. Créez des contacts, des abonnements, des commentaires, des paiements et d'autres types de formulaires.
Utilisez des modèles de formulaires et des flux de travail prédéfinis pour créer des formulaires réactifs mobiles attrayants. WP Forms propose également une version Pro si vous souhaitez des fonctionnalités et des fonctionnalités plus avancées.
Blocs WooCommerce est l'un des plugins les plus connus et les plus populaires pour intégrer des fonctionnalités de commerce électronique dans votre site Web.
Créez un contenu engageant en utilisant du texte et du multimédia dans un bloc avec l'éditeur Gutenberg. Présentez des produits uniques ou un groupe de produits connexes en appliquant un filtre basé sur des critères tels que les statistiques de vente et les catégories.
Yoast SEO exécute votre contenu jusqu'à mesures SEO classiques pour aider à optimiser et éditer vos articles ou pages.
Facilité d'utilisation de l'éditeur WordPress Gutenberg
L'éditeur Gutenberg fait les mêmes choses que le classique éditeur. Vous trouverez ci-dessous quelques blocs courants et populaires utilisés.
Bloc de paragraphe
Créez facilement du contenu avec ce bloc Gutenberg par défaut. Écrivez le contenu comme vous le feriez pour n'importe quel document. Chaque paragraphe se transforme automatiquement en bloc dans les coulisses.
Une autre façon d'utiliser le bloc de paragraphe consiste à cliquer sur Block Inserterdans la fenêtre contextuelle après avoir cliqué sur le signe (+).
Colonnes de texte
Utilisez des colonnes de texte pour créer des paragraphes à plusieurs colonnes de même largeur et répartis également sur toute la page.
Ajout d'un lien
Tous les blocs de texte standard, y compris le bloc de paragraphe, incluent un bouton de lien dans la barre d'outils.
Ajouter un bloc d'image
L'éditeur WordPress Gutenberg dispose d'un bloc d'image prêt à l'emploi. Cliquez dessus pour ajouter une image.
Il existe trois façons d'ajouter une image. Téléchargez-le, ajoutez-le à partir de votre bibliothèque multimédia ou faites-le glisser depuis votre ordinateur.
Une autre façon d'ajouter une image est de la glisser-déposer depuis votre ordinateur. L'éditeur Gutenberg créera automatiquement un bloc d'image pour celui-ci.
Ajoutez des métadonnées telles que la taille, le texte alternatif et le lien d'image dans les paramètres du bloc d'image sur le côté droit.
Bloc de galerie d'images
Ajoutez plusieurs photos avec le bloc de galerie. Contrôlez le nombre de colonnes et la taille des images. Utilisez l'interrupteur à bascule pour recadrer les images afin qu'elles s'alignent uniformément automatiquement.
L'éditeur WordPress Gutenberg comprend de nombreux types de blocs supplémentaires que vous pouvez utiliser. Pour une liste complète, lisez WordPress.org article de support sur les blocs.
WordPress Gutenberg est apparu comme une solution aux problèmes que certains utilisateurs avaient appris avec l'éditeur classique. Son interface glisser-déposer permet aux non-techniciens de concevoir et de gérer un site Web d'aspect professionnel.