Créer des articles et des pages avec l’éditeur de blocs WordPress


Transcription

Introduction

Créer des articles et des pages avec l’éditeur de blocs WordPress. Aujourd’hui, nous plongeons au cœur de la création de contenu en utilisant le puissant éditeur de blocs WordPress.

Objectifs d’apprentissage

Les objectifs d’apprentissage de cette leçon sont de définir l’éditeur de blocs, de naviguer dans son interface, de faire la différence entre la zone d’édition du contenu et la barre latérale des réglages, de créer une page et un article, et enfin d’utiliser les blocs, les compositions et la vue en liste.

Introduction à l’éditeur de blocs

L’éditeur de blocs WordPress vous permet de créer votre site avec des blocs, sans aucun code. Comme nous l’avons vu précédemment, connectez-vous à votre tableau de bord WordPress pour créer un article ou une page. Depuis le tableau de bord, accédez aux articles ou aux pages dans le menu de gauche. Créons une nouvelle page afin d’examiner de près l’interface de l’éditeur de blocs. Une fois la nouvelle page ajoutée, nous pouvons également lui attribuer un titre approprié. Lorsque vous cliquez sur l’outil d’insertion, vous pouvez ajouter différents blocs pour créer votre page.

Les blocs peuvent être des paragraphes, des images, des colonnes, des galeries, des tableaux de prix, et bien plus encore. Les compositions de blocs sont une autre fonctionnalité très intéressante. Il s’agit de groupes de blocs prédéfinis ou conçus à l’avance que vous pouvez ajouter rapidement pour créer des sections entières, puis modifier selon vos besoins.

À droite, à côté des compositions, nous pouvons ajouter des médias. Tout d’abord, depuis notre médiathèque ou depuis Openverse. Openverse propose des médias sous licence libre que vous pouvez utiliser gratuitement.

Ajouter des blocs

Il existe plusieurs façons d’ajouter un bloc. Tout d’abord, vous pouvez cliquer sur l’outil d’insertion en haut à gauche ou sur l’outil d’insertion dans la page. Les six blocs qui apparaissent sous la recherche sont les blocs que vous avez utilisés le plus récemment. Vous pouvez également utiliser la commande barre oblique. Disons, par exemple, que nous saisissions barre oblique image et ajoutions une image depuis notre médiathèque, où j’en ai déjà téléversé une. Ensuite, j’appuierai sur Entrée, puis j’ajouterai du texte à mon bloc Paragraphe. Enfin, j’ajouterai un autre paragraphe.

Interface de l’éditeur de blocs : zone de création du contenu, barre latérale des réglages et vue en liste

L’interface est divisée en trois sections principales : la zone d’édition du contenu, la barre latérale gauche permettant de sélectionner des blocs ou la vue en liste, dont nous parlerons dans un instant, et la barre latérale des réglages à droite. La barre latérale des réglages à droite propose des réglages et des options supplémentaires pour le bloc sélectionné, ce qui vous permet de le personnaliser davantage. Chaque bloc dispose bien sûr de réglages différents.

Lorsque vous sélectionnez un bloc, vous voyez également la barre d’outils associée à ce bloc. Dans ce cas, il s’agit du bloc Paragraphe. En partant de la gauche, la barre d’outils du bloc vous permet de transformer ce bloc en un autre type de bloc, de faire glisser un bloc vers un nouvel emplacement ou d’utiliser les flèches pour déplacer un bloc, de modifier l’alignement du texte, de sélectionner le gras ou l’italique, ou encore d’ajouter un lien. La flèche déroulante permet de surligner du texte, d’ajouter des notes de bas de page et d’utiliser d’autres options de mise en forme. Vous verrez davantage d’options lorsque vous cliquerez sur les trois points verticaux.

Ensuite, il est également important de mettre en évidence la vue en liste. Dans cet exemple, vous remarquerez que j’ai créé une page entière à l’aide de différents blocs. En faisant défiler la page vers le haut, nous pouvons ouvrir la vue en liste en haut à gauche. La vue en liste vous aide à naviguer entre les différents niveaux de contenu et les blocs imbriqués. Il s’agit d’une fonctionnalité indispensable de l’éditeur WordPress, qui facilite la gestion des blocs de votre site. Vous pouvez voir l’ordre et la structure exacts de chaque bloc de la page, ce qui est particulièrement utile lorsque votre page contient beaucoup de contenu. Vous pouvez sélectionner des blocs qui contiennent d’autres blocs imbriqués. Vous pouvez cliquer sur les blocs et les faire glisser pour les déplacer vers une autre partie de la page. Lorsque vous cliquez sur les points de suspension, les trois points situés à côté d’un bloc dans la vue en liste, différentes options utiles sont disponibles.

Créer une page

Revenons à notre page d’origine et continuons à la construire à l’aide de blocs afin de voir l’éditeur de blocs en action. Tout d’abord, ajoutons un bloc Galerie et sélectionnons trois images dans notre médiathèque. Une fois le bloc inséré, je sélectionnerai le bloc Galerie, cliquerai sur les trois points verticaux, puis sélectionnerai Ajouter après. Ensuite, je cliquerai sur l’outil d’insertion en haut à gauche et j’ajouterai une composition, c’est-à-dire un groupe de blocs conçu à l’avance. Je sélectionnerai l’une des compositions mises en avant pour planifier une visite. Puis, j’ouvrirai ma vue en liste, sélectionnerai le bloc Groupe et modifierai l’alignement du texte. Examinons ensuite les réglages de la barre latérale. Une fois un bloc sélectionné, nous pouvons utiliser les réglages de la barre latérale pour le personnaliser davantage. Dans ce cas, nous pouvons ajouter un effet d’arrondi à notre image. Je sélectionnerai mon deuxième paragraphe et utiliserai la barre d’outils du bloc pour mettre le texte en gras. Ensuite, je sélectionnerai ma vue en liste afin de m’assurer de sélectionner mon bloc Galerie parent. Dans les réglages de la barre latérale, je modifierai le nombre de colonnes, en le faisant passer de trois à deux. Enfin, je sélectionnerai mon bloc Boutons et modifierai la couleur d’arrière-plan en vert.

J’espère que vous voyez maintenant comment les différentes pièces du puzzle de l’éditeur de blocs s’assemblent : les blocs servent à ajouter du contenu, la barre latérale des réglages permet de mettre en forme et de modifier votre contenu, et la vue en liste permet de naviguer dans votre contenu.

Créer et modifier des pages dans l’éditeur de site

Veuillez noter que vous pouvez également créer et modifier des pages dans l’éditeur de site. Allons donc dans Apparence et cliquons sur Éditeur. Cela nous conduira bien sûr vers l’éditeur de site. Nous pouvons ensuite sélectionner les pages, ouvrir la page Utiliser l’éditeur de blocs, puis sélectionner Modifier. Dans l’éditeur de site, nous ajoutons du contenu au bloc Contenu. Le fonctionnement est ensuite exactement le même et nous pouvons continuer à construire notre page à l’aide de blocs. Dans ce cas, j’ajouterai un bloc d’intégration YouTube, saisirai mon URL, puis intégrerai la vidéo à ma page.

Créer et modifier des articles

Pour terminer, créer un article revient à créer une page. Nous utilisons des blocs pour construire la structure de notre contenu. Veuillez noter que l’ajout de catégories, d’étiquettes et d’une image mise en avant est abordé dans une autre leçon.

Conclusion

J’espère que vous comprenez maintenant mieux comment naviguer dans l’éditeur de blocs et utiliser les blocs, la barre latérale des réglages et la vue en liste.