L'éditeur de blocs WordPress est comme tout autre constructeur de pages qui vous permet de créer et de concevoir des contenus et des pages web étonnants pour votre site web. Il est intégré à WordPress, de sorte que tout le monde peut créer un site web à partir de zéro.
L'éditeur de blocs Gutenberg, alias éditeur de blocs, est le nouvel éditeur qui a remplacé l'ancien éditeur classique. L'éditeur de blocs fonctionne différemment de l'éditeur classique.
L'éditeur de blocs de WordPress ! Qu'est-ce que c'est ?
L'éditeur de blocs de WordPress est le nouvel éditeur par défaut basé sur les blocs. Les blocs sont comme les éléments de contenu nécessaires à la construction d'un site web ou d'un contenu.
Il offre une approche moderne de la création de contenu, basée sur des blocs, qui facilite la conception et la mise en forme des pages et des articles sans nécessiter de codage important ou d'outils tiers.
Interface de l'éditeur de blocs
Examinons l'interface de l'éditeur de blocs Gutenberg et ses fonctionnalités.
Voici un rapide passage en revue des éléments de l'interface de l'éditeur Gutenberg :
- Ajouter un bloc
- Bouton Redo/Undo
- Aperçu du document
- Voir
- Paramètres (Blocs & Post)
- Options pour l'éditeur
Il y en a encore plus. Voir l'image ci-dessous.
- Option de la barre de recherche
- Ajouter le titre de l'article ou de la page
- Ajouter des blocs dans le domaine du contenu
- Blocs WordPress installés et principaux
- Bouton d'ajout de bloc
- Options pour les articles et les pages
- Options de blocage
- Styles de blocs et paramètres
- Blocs, motifs et supports
Maintenant que vous êtes familiarisé avec l'interface de l'éditeur de blocs, examinons les blocs fournis avec Gutenberg.
Blocs de base de WordPress
L'éditeur de blocs Gutenberg étant basé sur les blocs, nous allons voir quels sont les blocs fournis avec l'éditeur de blocs et ce qu'ils font exactement.
Blocs de contenu
Ces blocs constituent la base de la création de contenu textuel :
- Paragraphe: Cette option permet d'ajouter du texte normal avec des options de mise en forme.
- Rubrique: Pour créer des titres à six niveaux (H1 à H6).
- Liste: Ajoute des listes ordonnées (numérotées) ou non ordonnées (à puces).
- Citation: Formater le texte comme une citation en bloc avec une citation optionnelle.
- Code: Affiche des extraits de code brut dans un bloc formaté.
- Préformaté: Ajoute du texte en conservant l'espacement et l'alignement.
- Tableau: Crée des tableaux simples pour la présentation des données.
- Verset: Pour les poèmes ou autres textes préformatés avec un espacement spécial.
Créer de belles tables
Avec l'éditeur de blocs
Blocs médias
Ces blocs vous permettent d'intégrer et d'afficher différents types de médias :
- Image: Ajoute des images individuelles avec des légendes et des options d'alignement.
- Galerie: Crée des galeries d'images avec des mises en page personnalisables.
- Vidéo: Incorpore les vidéos téléchargées dans la médiathèque.
- Audio: Ajoute des fichiers audio lisibles directement à la page.
- Fichier: Téléchargements et liens vers des fichiers à télécharger.
- Médias et textes: Combine le texte et les médias côte à côte dans un seul bloc.
- Couverture: Ajoute une image ou une vidéo avec un texte superposé, idéal pour les en-têtes ou les sections.
Blocs de conception
Ces blocs contribuent à la structure de la page et à la conception visuelle :
- Colonnes: Crée des mises en page multi-colonnes.
- Groupe: Regroupe plusieurs blocs pour une meilleure organisation et un meilleur style.
- Rangée: Aligne les blocs horizontalement dans une rangée.
- Boutons: Ajoute des boutons personnalisables avec des liens.
- Entretoise: Ajoute de l'espace entre les blocs pour ajuster la mise en page.
- Séparateur: Insère des lignes horizontales pour diviser les sections.
Intégrer des blocs
WordPress permet d'intégrer du contenu provenant de différentes plateformes grâce à ces blocs :
- YouTube: Incorpore des vidéos YouTube.
- Twitter: Incorpore les tweets directement sur la page.
- Instagram: Incorpore des posts Instagram.
- Spotify: Incorpore des listes de lecture, des albums ou des titres Spotify.
- Autres éléments: Prise en charge de Vimeo, Facebook, TikTok, SoundCloud, etc.
Blocs thématiques
Ces blocs sont utilisés pour ajouter du contenu lié au thème :
- Titre du poste: Affiche le titre de l'article ou de la page en cours.
- Contenu de l'article: Affiche le contenu de l'article ou de la page en cours.
- Poste Image en vedette: Affiche l'image vedette d'un article.
- Boucle d'interrogation: Affiche dynamiquement une liste d'articles en fonction de critères spécifiques.
- Navigation: Ajoute des menus de navigation.
Blocs de widgets
Permet d'ajouter du contenu widget traditionnel dans des conceptions basées sur des blocs :
- Recherche: Ajoute une barre de recherche.
- Derniers messages: Affiche une liste des messages récents.
- Catégories: Affiche une liste de catégories d'articles.
- Nuages de mots-clés: Affiche les étiquettes dans un format visuellement attrayant.
Blocs réutilisables et personnalisés
Blocs réutilisables: Sauvegarder un bloc ou un groupe de blocs pour les réutiliser sur le site.
- HTML personnalisé: Ajouter du HTML personnalisé pour une personnalisation avancée.
Ces blocs de base fournissent les bases pour créer différentes mises en page et types de contenu sans outils supplémentaires, ce qui rend WordPress polyvalent et accessible aux utilisateurs de tous niveaux.
Comment utiliser l'éditeur de blocs de WordPress ?
L'éditeur de blocs est un jeu d'enfant car il est très facile à utiliser. L'éditeur de blocs de WordPress est puissant et flexible, il vous permet de concevoir des pages et des articles facilement. En vous familiarisant avec ses fonctionnalités, vous pourrez rapidement créer un contenu visuellement attrayant et captivant !
Insertion de blocs
Ce nouvel éditeur prend en charge la fonction "glisser-déposer", ce qui signifie que vous pouvez glisser-déposer les blocs pour créer de nouvelles mises en page et sections d'une page web. Pour glisser-déposer des blocs, cliquez sur "Ajouter un nouveau bloc"en haut de l'écran, puis faites glisser et déposez le
Vous pouvez ajouter ou insérer des blocs en cliquant simplement sur l'icône "ajouter un bloc"dans l'éditeur, en tapant le nom du bloc et en l'insérant dans l'éditeur.
Il existe une autre méthode pour ajouter des blocs à l'éditeur. Il suffit de taper "/Nom de la personne." Une démo est disponible ci-dessous. Ne manquez pas de la découvrir.
Dupliquer un bloc A
Duplication de blocs est un processus simple. Vous pouvez dupliquer un bloc en le sélectionnant et en utilisant la touche de raccourci Ctrl+Shift+D.
Vous pouvez également le faire manuellement. Sélectionnez un bloc et cliquez sur les trois points verticaux dans le menu des paramètres du bloc. (1) pour la dupliquer. Choisissez ensuite l'option "Dupliquer". (2). Une fois cliqué, le bloc sera instantanément dupliqué.
Vous pouvez dupliquer des blocs en sélectionnant le bloc et en utilisant la touche de raccourci Ctrl+Shift+D.
Déplacer un bloc
Vous pouvez facilement déplacer des blocs à l'aide de la fonction glisser-déposer ou des boutons haut et bas.
Sélectionnez le bloc et vous verrez deux flèches (haut et bas). Cliquez sur la flèche vers le haut ou vers le bas pour déplacer le bloc verticalement.
Vous pouvez également utiliser la poignée de déplacement pour repositionner le bloc où vous le souhaitez.
Supprimer ou retirer un bloc
La suppression ou le retrait d'un bloc est très simple. Sélectionnez le bloc et appuyez sur la touche de raccourci Maj+Alt+Z à partir de votre clavier.
Vous pouvez le faire manuellement en cliquant sur les paramètres de blocage et en sélectionnant l'option de suppression du blocage.
Créer un motif
L'une des principales caractéristiques de l'éditeur de blocs est la suivante Créer un motif. Il s'agit de blocs que vous pouvez enregistrer et réutiliser dans plusieurs articles ou pages. Cette fonction est incroyablement pratique, car elle vous permet de gagner du temps en réutilisant des blocs conçus sur mesure.
Pour créer un motif, ouvrez les paramètres de bloc des blocs sélectionnés ou d'un bloc en cliquant sur les trois points et sélectionnez Créer un motif.
Ensuite, attribuez un nom (1) et les catégories (2) jusqu'à votre ou vos blocs et cliquez sur le bouton Ajouter bouton (3).
Cela permet d'enregistrer votre bloc dans la bibliothèque de blocs de Gutenberg, ce qui le rend accessible pour une utilisation ultérieure. Lorsque vous en aurez besoin, il vous suffira d'insérer le bloc réutilisable comme n'importe quel autre bloc.
Raccourcis clavier
Vous pouvez tirer parti de l'utilisation de l'éditeur de blocs Gutenberg via des raccourcis clavier. Ces raccourcis peuvent aider les utilisateurs à naviguer rapidement, à formater le texte et à gérer les blocs sans dépendre de la souris.
Ces raccourcis fonctionnent dans l'ensemble de l'interface de l'éditeur :
- Ctrl + S (Windows) / Cmd + S (Mac) : Sauvegarder le projet.
- Ctrl + Z (Windows) / Cmd + Z (Mac) : Annuler la dernière action.
- Ctrl + Y: Rétablir la dernière action.
- Ctrl + Shift + Alt + M (Windows) / Cmd + Shift + Option + M (Mac) : Basculer entre les modes éditeur visuel et éditeur de code.
- Ctrl + Shift + D : Dupliquer un bloc sélectionné
- Ctrl + Shift + , : Masquer ou afficher le panneau des paramètres
Si vous le souhaitez, vous pouvez voir les raccourcis clavier de l'éditeur de WordPress.org.
Ajoutez d'autres blocs en utilisant Ultimate Blocks !
Les blocs par défaut de l'éditeur de blocs sont fantastiques pour créer des articles et des pages visuellement attrayants. Mais qu'en est-il si vous avez besoin de plus de flexibilité ?
Heureusement, l'éditeur de blocs prend en charge le développement de blocs personnalisés, ce qui permet aux développeurs de créer leurs propres blocs uniques. Cela a donné lieu à un large éventail de plugins de blocs Gutenberg impressionnants conçus par la communauté. Un tel plugin est Blocs ultimes.
Blocs ultimes est un puissant plugin conçu pour enrichir l'éditeur de blocs de WordPress avec les fonctionnalités suivantes 25+ blocs personnalisables. Parfait pour les blogueurs et les spécialistes du marketing, il comprend des fonctionnalités telles que des blocs d'évaluation, des filtres de contenu et des blocs d'appel à l'action pour améliorer l'engagement et la fonctionnalité.
Dernières réflexions !
La maîtrise de l'éditeur de blocs Gutenberg ouvre des possibilités infinies pour créer des contenus engageants et visuellement époustouflants sur votre site WordPress.
J'espère que ce tutoriel a été utile et facile à suivre. Laissez-moi savoir ce que vous en pensez dans la section des commentaires ci-dessous. N'hésitez pas non plus à informer vos amis de l'existence de ce tutoriel sur vos réseaux sociaux.
En savoir plus !
- Examen d'Ultimate Blocks : Caractéristiques, avantages, inconvénients, etc.
- Comment créer des boîtes de dialogue dans WordPress en 4 étapes faciles
- Comment ajouter une boîte de commentaires aux articles/pages de WordPress en 2 façons faciles
- Comment rendre l'en-tête d'un tableau collant sur WordPress (3 étapes faciles)
- Comment changer la couleur de survol d'un bouton sur WordPress en 3 étapes faciles
