Quelles nouvelles fonctionnalités apporte-t-il à WordPress?
WordPress 5.0 a introduit un tout nouvel é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 back-end, la nouvelle interface facilite le glisser-déposer des éléments sur 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.
Vous trouverez ci-dessous 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 présenté ci-dessous a été déployé.
Le nouvel éditeur utilise l’approche d’ajout de blocs ou d’éléments pour créer des mises en page de contenu. Chaque élément que vous ajoutez à votre page ou à votre 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 articles en ajoutant des blocs. Par exemple, pour ajouter une table à l’aide de l’éditeur classique, il faut un plugin séparé.
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.
Lorsque vous utilisez l’éditeur WordPress Gutenberg, il est simple de déplacer les 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 un nouvel article ou une nouvelle page de blog avec l’éditeur de blocs WordPress Gutenberg
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.
Depuis votre zone d’administration WordPress, cliquez sur
- Des postes > Ajouter nouveau
- Des pages > Ajouter nouveau
Le premier bloc de toutes les pages et articles 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 bloc existant.
Lorsque vous cliquez sur l’un des signes +, le Bloquer Le menu apparaîtra 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 éditez.
La capture d’écran ci-dessous montre un bloc de paragraphe avec une mise en forme de base telle que 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 l’éditeur WordPress Gutenberg
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.
Depuis le bouton de menu dans le coin supérieur droit de la barre d’outils du bloc, cliquez sur les trois points verticaux. Alors choisi 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 l’utiliser à nouveau. Cliquez sur sauvegarder lorsque vous avez terminé.
Ajouter un bloc réutilisable sur un article ou une page
Choisissez la page ou l’article sur lequel vous souhaitez ajouter un bloc réutilisable. Cliquez sur un bloc de boutons d’ajout dans l’écran de modification de l’article ou de la page.
Recherchez le bloc enregistré sous l’onglet Réutilisable ou recherchez-le 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 se trouvent dans l’ensemble de données WordPress. Clique sur le Gérer tous les blocs utilisables lien pour 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 de nombreuses métadonnées, telles que des images en vedette, la date de publication, des balises et des catégories.
Ces options sont toutes situées dans la colonne de droite de l’écran de l’éditeur.
Plugins WordPress Gutenberg
De nombreux plugins WordPress sont prédéfinis en tant que blocs, ce qui les rend faciles et prêts à être utilisés avec Gutenberg.
Formulaires WP permet aux utilisateurs d’ajouter des formulaires aux pages et aux publications à l’aide d’un bloc de widgets.
WP Forms est un générateur de formulaires par glisser-déposer facile à utiliser. Créez des formulaires de contact, d’abonnement, de commentaires, de paiement 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 attrayant 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 associés 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 via des mesures de référencement conventionnelles pour vous aider à optimiser et à modifier vos publications ou vos pages.
Utilisation de l’éditeur WordPress Gutenberg
L’éditeur Gutenberg fait toutes les mêmes choses que l’éditeur classique. 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 un bloc dans les coulisses.
Une autre façon d’utiliser le bloc de paragraphe consiste à cliquer sur Bloc d’insertion dans 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 également répartis sur toute la page.
Ajouter 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 faire glisser et de la déposer depuis votre ordinateur. L’éditeur Gutenberg créera automatiquement un bloc d’image pour lui.
Ajoutez des métadonnées telles que la taille, le texte alternatif et le lien d’image dans les paramètres de bloc d’image sur le côté droit.
Bloc Galerie d’images
Ajoutez plusieurs photos avec le bloc galerie. Contrôlez le nombre de colonnes et les tailles d’image. Utilisez l’interrupteur à bascule pour rogner les images afin qu’elles s’alignent automatiquement et uniformément.
L’éditeur WordPress Gutenberg comprend de nombreux types de blocs supplémentaires que vous pouvez utiliser. Pour une liste complète, lisez le WordPress.org article d’assistance sur les blocs.
WordPress Gutenberg est né comme une solution aux problèmes rencontrés par certains utilisateurs lors de l’apprentissage de l’éditeur classique. Son interface glisser-déposer permet aux non-techniciens de concevoir et de gérer un site Web d’aspect professionnel.
