20 conseils pour maîtriser l'éditeur de blocs WordPress 1

20 conseils pour maîtriser l’éditeur de blocs WordPress

L’éditeur de blocs WordPress est conçu pour être convivial et intuitif pour les débutants. Mais, même si vous l’utilisez depuis sa première version, il pourrait encore y avoir quelques astuces utiles à découvrir à ce sujet qui peuvent considérablement améliorez votre efficacité de travail. Il est dans la nature humaine de s’habituer à une certaine façon de faire, et nous manquons souvent de remarquer que il peut y avoir un moyen meilleur et plus rapide d’accomplir quelque chose. C’est pourquoi nous pensons qu’il vaut la peine de consacrer quelques minutes de votre temps à découvrir ces astuces simples pour maîtriser l’éditeur de blocs WordPress qui vous permettront de vous concentrer davantage sur la qualité de votre contenu et moins sur les aspects techniques.

Comment fonctionnent les blocs WordPress

L’éditeur de blocs WordPress ou Gutenberg a été conçu dans l’idée de fournir la facilité d’utilisation typique de certains des constructeurs de pages les plus populaires. Ce combine les fonctionnalités d’un éditeur et d’un constructeur de pages et est sûrement l’une des plus grandes innovations de WordPress. Il permet aux utilisateurs de gérer le contenu plus facilement et créer des pages avec plus de flexibilité et le contrôle de l’édition et de la publication.

Le concept de Gutenberg est basé sur des blocs. Ce comprend une large collection de blocs comme la galerie, les colonnes, le fichier, le code et autres que vous ajoutez simplement à une page et personnalisez selon vos besoins. Les blocs sont classés afin que vous puissiez facilement trouver le type de bloc que vous souhaitez ajouter. En plus des blocs par défaut, il existe de nombreux plugins de bloc Gutenberg qui aident à étendre les fonctionnalités soit sous forme de blocs isolés, soit sous forme de collections. Pour vous aider à en tirer le meilleur parti, nous avons collecté 20 trucs et astuces qui rendront votre expérience Gutenberg plus fluide.

Utilisation des raccourcis clavier

Il n’est pas toujours pratique d’utiliser la souris, surtout pas pour des commandes très simples. Les raccourcis clavier sont souvent un moyen plus rapide d’ajouter un lien, de mettre du texte en italique et similaires. Certains des raccourcis les plus couramment utilisés pour l’éditeur de blocs WordPress sont :

Entrer – Ajouter un nouveau bloc
Ctrl + Shift + d – Dupliquer le(s) bloc(s) sélectionné(s)
Alt + Shift + z – Supprimer le(s) bloc(s) sélectionné(s)
Echap = Effacer la sélection
Ctrl + Shift + z – Refaire votre dernière annulation
Ctrl + Shift + , – Afficher ou masquer la barre des paramètres
Alt + Shift + o – Ouvrir le menu de navigation des blocs
Alt + F10 = Naviguer vers la barre d’outils la plus proche
Ctrl + Maj + Alt + m – Basculer entre l’éditeur visuel et l’éditeur de code

Raccourcis clavier

Utilisation des raccourcis de type de bloc

Il existe un moyen rapide d’ajouter tous les types de titres au texte sans avoir à ajouter un bloc Titre. Entrez simplement # puis frappe Espace pour H1, ## + Espace pour H2, ### + Espace pour H3 et ainsi de suite. Il existe un raccourci similaire pour ajouter des guillemets – > + Espace. Vous pouvez également ajouter facilement une liste à puces en entrant – + Espace ou commencer une liste numérique avec 1. + Espace ou 1) + Espace.

Recherche et insertion rapide d’un nouveau bloc

La manière standard d’ajouter un bloc à votre page est simple, mais il existe un moyen de le rendre encore plus simple. Lorsque vous décidez du bloc que vous souhaitez utiliser, au lieu de parcourir le menu des blocs, entrez simplement le nom du bloc dans le champ de recherche et cliquez dessus lorsqu’il apparaît dans les résultats de la recherche.

Ajout de bloc

Déplacer la barre d’outils de bloc vers le haut

La barre d’outils du bloc flotte généralement au-dessus du bloc pendant que vous éditez. Bien que cela soit souvent pratique, il peut être difficile de se sentir à l’aise lorsque la barre d’outils couvre une partie d’un bloc précédent. Si vous souhaitez avoir un aperçu soigné de ce que vous faites, vous avez la possibilité d’épingler la barre d’outils en haut. Cliquez simplement sur les trois points de Afficher plus d’outils et d’options et choisissez le Barre d’outils supérieure option.

Barre d'outils supérieure

Utilisation de plusieurs options d’affichage

Au cas où vous voudriez vous concentrer uniquement sur le bloc sur lequel vous travaillez en ce moment et que vous trouvez d’autres contenus distrayants sur la page, le Mode projecteur vous permettra de faire exactement cela en estompant le reste du contenu. Si vous préférez la sensation de toile propre, le Mode plein écran vous conviendra probablement mieux. Pour changer la vue, cliquez sur les trois points dans le coin supérieur droit de la page, et vous trouverez des options de vue parmi lesquelles choisir.

Mode plein écran

Ajouter des colonnes à votre message

Les colonnes sont un bon moyen de rendre un texte visuellement plus attrayant, en particulier lorsque vous souhaitez ajouter une touche de magazine à votre page. Gutenberg est livré avec un bloc à cet effet, il s’appelle le Colonnes bloc et contient quelques styles de colonnes parmi lesquels choisir. Tout ce que vous avez à faire pour ajouter des colonnes est de sélectionner le Colonnes bloc, définissez le nombre de colonnes que vous souhaitez avoir dans les paramètres de bloc et c’est tout. Vous pouvez ensuite personnaliser davantage les colonnes en ajoutant d’autres blocs comme le bloc Quote ou similaire.

Ajouter des images avec du texte à vos publications

Le bloc Médias et texte vous permet d’ajouter facilement n’importe quel type d’image ou de vidéo à côté du texte. L’espacement et la largeur entre les deux blocs sont automatiquement ajustés, vous n’avez donc pas à perdre de temps à arranger l’image pour qu’elle tienne à côté du texte et vice versa.

Médias et texte

Ajout d’images de couverture

Les images de couverture sont un excellent moyen de garder l’œil du lecteur sur le texte, surtout si le texte est très long. Contrairement aux images présentées, les images de couverture sont généralement placées au milieu d’un texte. Vous pouvez les enrichir en leur ajoutant des informations de l’article pour mettre en évidence une partie de l’article. Les ajouter est simple – il suffit d’utiliser le Couverture bloquer pour télécharger l’image. Gardez à l’esprit que l’image que vous choisissez doit être de haute qualité pour bien paraître sur votre page.

Glisser-déposer des images depuis votre PC

Saviez-vous que vous pouvez faire glisser et déposer des images de n’importe quel répertoire de votre PC directement vers l’éditeur de blocs WordPress ? Choisissez simplement l’image, faites-la glisser et déposez-la à l’endroit où vous souhaitez qu’elle apparaisse dans la publication/la page.

Ajout de boutons aux pages et aux publications

Les boutons placés stratégiquement sont d’excellents CTA et sont utiles dans de nombreux types de publications et de pages. Et vous n’avez pas besoin d’un plugin spécial pour les ajouter, puisque l’éditeur de blocs inclut un simple Bouton bloc qui vous permet d’insérer rapidement un bouton où vous voulez. Vous pouvez choisir la couleur du texte, l’arrière-plan, l’alignement et également choisir entre deux styles – remplissage et contour. Pour une vue plus confortable des paramètres des boutons, cliquez sur le bloc Bouton, puis sur l’icône d’engrenage dans le coin supérieur droit et tous les paramètres des boutons seront affichés dans le menu de droite.

Ajouter un bouton

Ajouter des widgets dans vos publications

Dans WordPress, les widgets représentent un moyen simple et pratique d’ajouter du contenu aux sites Web. Généralement utilisés pour des zones telles que la barre latérale ou le pied de page, les widgets sont assez faciles à ajouter. Cependant, vous pouvez également les ajouter à la zone de contenu si cela vous convient, et l’éditeur de blocs peut vous aider. Pour accéder aux widgets, entrez simplement Widgets dans le champ de recherche de blocs et un menu avec les widgets disponibles apparaîtra ci-dessous.

Widgets de Gutenberg

Ajout de contenu externe à l’aide de copier/coller

Bien que les blocs WordPress incluent les blocs d’intégration qui vous permettent d’ajouter des publications Instagram, des vidéos et du contenu similaire, il existe un moyen encore plus simple d’ajouter une vidéo YouTube ou un autre type de contenu à une page. Vous pouvez simplement copier et coller l’URL du contenu que vous souhaitez ajouter à une page où vous souhaitez l’avoir dans la publication, et il sera automatiquement inséré sans que vous ayez à ajouter un bloc d’intégration.

Trouver des informations sur le nombre de mots et la structure des messages

La longueur et la structure de votre article sont importantes non seulement en termes de qualité mais également en termes de référencement. Au fur et à mesure que vous écrivez, vous pouvez facilement vous laisser emporter et oublier ces aspects pratiques. Pour rester sur la bonne voie, vous pouvez toujours consulter les statistiques et vérifier comment l’article est organisé en cliquant sur quelques boutons. le Des détails Le bouton en haut à gauche de l’éditeur, avec un « i » dessus, vous montre les blocs, le nombre de mots, les paragraphes et le plan de l’article en fonction des titres du texte.

Nombre de mots

À côté, sur la droite, se trouve le bouton de navigation des blocs qui vous fournit des informations sur tous les blocs que vous avez utilisés dans le texte. De plus, vous pouvez cliquer sur un bloc pour y accéder directement.

Blocs d'occasion

Modification des couleurs de paragraphe

L’utilisation de couleurs dans un article est un excellent moyen d’attirer l’attention du lecteur et de faire ressortir des informations spécifiques. Vous pouvez obtenir cet effet puissant en définissant les couleurs dans l’éditeur de blocs. Vous trouverez les paramètres de couleur dans le menu Paramètres lorsque vous cliquez sur l’icône d’engrenage dans le coin supérieur droit. Créez votre propre combinaison de couleurs et assurez-vous que le résultat est facile à lire.

Couleurs Gutenberg

Copier des blocs d’un site WordPress à un autre

Gérer le contenu sur plusieurs sites Web ? Avec l’éditeur de blocs WordPress, vous pouvez copier n’importe quel bloc sur n’importe quel autre site Web WordPress. Allez dans le bloc que vous souhaitez copier, sélectionnez-le et choisissez le Copie option dans le menu des paramètres de bloc. Accédez ensuite à l’autre page du site Web et collez-la dans le bloc de code court de la page. Le style de bloc sera probablement différent car il est automatiquement ajusté au thème cible.

Copie de blocs

Copier plusieurs blocs

Besoin de copier plusieurs blocs à la fois ? Pas de problème – maintenez la touche « Shift » enfoncée et sélectionnez les blocs que vous souhaitez copier, puis cliquez sur le bouton « Modifier le style de bloc ». Vous devrez maintenant regrouper tous les blocs en un seul élément – ​​choisissez le Grouper dans le menu déroulant, et tous les blocs sélectionnés seront regroupés dans une seule boîte. Cliquez ensuite sur le Plus d’options et d’outils (trois points dans le coin supérieur droit) et choisissez « Copier ».

Copier l’intégralité du contenu d’un site WordPress à un autre

Il existe de nombreuses raisons pour lesquelles vous devrez peut-être copier l’intégralité du contenu d’un site Web à un autre, mais vous n’avez certainement pas besoin de copier les blocs un par un. Avec l’éditeur de blocs WordPress, vous pouvez copier tout le contenu en quelques clics. L’option pour le faire se trouve dans le Plus d’outils et d’options menu dans le coin supérieur droit. Cliquez simplement sur le Copier tout le contenu et coller sur le site Web désigné.

Gutenberg Copier tout le contenu

Duplication de blocs sur la même page

Au cas où vous auriez besoin de dupliquer un bloc sur la même page, utilisez le Dupliquer option qui apparaît dans le menu lorsque vous cliquez sur les trois points dans le coin supérieur droit. Lorsque le bloc est dupliqué, vous pouvez continuer à le modifier indépendamment selon vos besoins.

Blocs en double

Création d’un modèle de bloc réutilisable

Les blocs réutilisables sont pratiques car ils peuvent accélérer le processus de configuration d’une page sans avoir à recommencer à zéro à chaque fois. Pour créer un modèle de bloc réutilisable, ajoutez simplement le bloc que vous souhaitez utiliser, cliquez sur les trois points verticaux, puis choisissez le Ajouter aux blocs réutilisables option. Vous serez ensuite invité à donner un nom au bloc, puis le bloc est prêt à être utilisé sur n’importe quelle page ou publication.

Blocs réutilisables

Basculer entre l’éditeur visuel et l’éditeur de code

Gutenberg contient deux « modes » pour éditer votre contenu : l’éditeur visuel, basé sur les principes « ce que vous voyez est ce que vous obtenez », et l’éditeur de code, dans lequel vous ajoutez et modifiez le contenu à l’aide de HTML et CSS. Si vous êtes un utilisateur avancé et que vous préférez travailler avec du code, ou si vous souhaitez ajouter un shortcode à une page, vous préférerez probablement travailler avec l’éditeur de code. L’éditeur de blocs WordPress vous permet de basculer facilement entre le visuel et l’éditeur de code. Vous pouvez utiliser le raccourci clavier Ctrl + Shift + Alt + M pour le faire rapidement ou vérifier le Editeur de code dans le menu qui s’ouvre lorsque vous cliquez sur les trois points dans le coin supérieur droit, à côté de l’icône de la roue.

Changer d'éditeur

En conclusion

Nous espérons que cet article vous aidera naviguer en douceur dans WordPress et créez du contenu de qualité avec une plus grande facilité. L’éditeur de blocs WordPress connaîtra sûrement de nombreuses autres mises à jour à l’avenir, mais pour le moment, nous pouvons dire avec confiance il a tout ce dont il a besoin pour rester au top dans l’industrie des CMS.

Soutenez notre effort ❤️

Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.

Paiement sécurisé sur PayPal
Moyens I/O Staff est une équipe de rédacteurs spécialisés, passionnés par la technologie, l’innovation et les usages numériques. Forts d’une expertise pointue en IA, applications mobiles, gaming et tendances digitales, nous produisons un contenu rigoureux, vérifié et utile. Notre mission : vous offrir une information fiable et claire pour mieux naviguer dans le monde numérique en constante évolution. Découvrez les avis de nos lecteurs sur Trustpilot.