Si vous avez mis à jour votre version de WordPress au cours des cinq dernières années, vous avez peut-être déjà utilisé l’éditeur Gutenberg pour apporter des modifications à votre site web WordPress.
De nombreux membres de la communauté WordPress ont déploré le passage de l’éditeur classique au nouvel éditeur, mais de nombreux novices et experts ont été séduits par ses fonctionnalités.
Pour les non-initiés, nous passerons en revue les avantages de l’éditeur Gutenberg, et pour ceux qui l’utilisent déjà, nous donnerons quelques conseils pour améliorer votre flux de travail WordPress.
Qu’est-ce que l’éditeur de blocs Gutenberg ?
L « éditeur Gutenberg de WordPress (alias, l »éditeur de blocs) est un système de création, de formatage et de publication de contenu sur WordPress, le système de gestion de contenu choisi par 43,1 % de tous les sites web.
Il a remplacé l « éditeur original (aujourd’hui appelé “classique”) en tant qu » éditeur par défaut sur WordPress en 2018 avec la sortie de WordPress 5.0.
Notez que l’éditeur classique est parfois incorrectement appelé éditeur TinyMCE. En fait, l’éditeur classique est basé sur TinyMCE, et Gutenberg utilise toujours TinyMCE pour l’édition de texte riche.
La différence entre l « éditeur classique et l » éditeur de blocs de WordPress concerne – comme vous l’avez peut-être deviné – l’utilisation des blocs.
Alors que l « éditeur classique ressemble à un éditeur de texte vierge, l » éditeur de blocs se présente et fonctionne comme un éditeur par glisser-déposer.
Les principaux éléments de l « éditeur de blocs sont l’inserteur (pour l’insertion de blocs), le canevas de contenu (pour l » édition du contenu) et la barre latérale des paramètres (pour la modification des paramètres des blocs).
Différents types de blocs sont disponibles, les plus importants étant les blocs de texte/contenu (par exemple, les blocs de paragraphes et les listes). Vous pouvez également utiliser les blocs de média (par exemple, images), de conception (par exemple, boutons), de widget (par exemple, calendrier), de thème (par exemple, logo du site) et d’intégration (par exemple, YouTube).
Avantages de Gutenberg
Gutenberg présente de nombreux avantages pour ceux qui sont prêts à abandonner l « éditeur classique et à adopter la modularité. Tout d’abord, il continue d » être régulièrement mis à jour et développé, avec pour objectif principal de démocratiser davantage la publication sur le web.
À l’heure où nous écrivons ces lignes, le plugin Classic Editor, qui est officiellement maintenu par WordPress, sera pris en charge jusqu’en 2024, bien qu’il ne s’agisse probablement pas d’une date butoir.
Au-delà de la pérennité de votre site, voici les principales raisons pour lesquelles vous devriez passer à l’utilisation de l’éditeur de blocs.
Utilisation gratuite
Comme son prédécesseur, Gutenberg est entièrement gratuit et open-source – ce qui signifie que vous n’avez pas besoin d’un abonnement payant pour débloquer toutes ses fonctions.
D’autres constructeurs de pages proposent également des versions gratuites, mais les fonctionnalités de ces versions sont souvent limitées afin de vous inciter à passer à un plan premium.
Pour les débutants
Bien que de nombreux blogueurs aient résisté au changement parce qu’ils préfèrent l’éditeur classique, Gutenberg est considéré comme convivial. Aucune compétence en matière de codage (par exemple, HTML, CSS) n’est nécessaire, et les différents types de blocs disposent d’options de personnalisation faciles à utiliser.
Grâce au format bloc de Gutenberg, vous aurez plus de facilité à mettre en œuvre des mises en page complexes pour que votre site web se démarque de ses concurrents.
Si vous préférez toujours l « éditeur classique à Gutenberg, ce n’est pas grave. Vous pouvez utiliser le bloc et la barre d’outils classiques pour modifier votre page web comme vous le feriez dans l » éditeur original.
Amélioration de l’expérience d’édition
L’un des avantages de l « éditeur Gutenberg est qu’il offre une meilleure expérience utilisateur que l » éditeur classique.
Par exemple, vous pouvez choisir entre différentes options d’affichage, ce qui vous permet de simuler l’apparence de votre site web sur différentes tailles d’écran. Cela facilite grandement la création d’un site web WordPress adapté aux mobiles.
De plus, Gutenberg propose des fonctionnalités plus avancées, comme des blocs personnalisés et une intégration plus facile. Et comme si cela ne suffisait pas, la disposition du menu est pratique et intuitive.
En 2022, l « équipe de WordPress a étendu Gutenberg pour permettre l » édition complète du site, ce qui signifie que vous pouvez utiliser cet éditeur WordPress pour modifier toutes les parties de votre site web plutôt que seulement les articles et les pages.
Compatible
Comme il s’agit de l « éditeur par défaut de WordPress, l » éditeur de blocs ne devrait pas avoir de problèmes de compatibilité avec la majorité des modules complémentaires de sites web tels que les thèmes et les plugins de WordPress.
Cela dit, une fois que vous aurez pris en main Gutenberg, vous ne devriez de toute façon pas avoir besoin d’autant de thèmes et de plugins par rapport à l’éditeur classique.
Toutefois, certaines tâches comme l’optimisation des moteurs de recherche (SEO) peuvent nécessiter l’utilisation d’un plugin, comme Yoast SEO.
Yoast a rapidement assuré l « intégration avec les blocs Gutenberg. Ses blocs de schéma (par exemple, les blocs FAQ et comment faire) capitalisent sur les capacités de Gutenberg – ces schémas ne peuvent pas être pleinement mis en œuvre dans l » éditeur classique.
Sur la base de ces avancées, il est facile de voir pourquoi nous avons classé Yoast comme le meilleur outil SEO pour WordPress en 2023.
Chargement plus rapide des pages
Parce qu’il s’agit d’un éditeur intégré au tableau de bord de WordPress aux fonctionnalités étendues, Gutenberg pourrait réduire votre utilisation de plugins et de thèmes WordPress, dont le trop grand nombre peut ralentir votre site web.
Pour optimiser la vitesse de votre site web, utilisez la dernière version de WordPress et choisissez un hébergeur qui propose ces 10 fonctionnalités essentielles.
Comment améliorer l’efficacité de votre flux de travailavec l’éditeur Gutenberg
Vous n’avez toujours pas compris les avantages de l’éditeur Gutenberg ?
Vous n’êtes certainement pas le seul.
La bibliothèque de plugins WordPress montre que le plugin Classic Editor, qui restaure l’éditeur classique, compte plus de cinq millions d’installations actives.
Si les fonctions toujours plus étendues de l’éditeur Gutenberg ne conviennent pas à tout le monde, elles peuvent faire de certaines tâches plus délicates sur WordPress une véritable promenade de santé.
Après avoir lu notre introduction à l « utilisation de l » éditeur de blocs Gutenberg, essayez ces conseils pour améliorer l’efficacité de votre flux de travail.
Tirer parti de tous les blocs différents
Parmi les blocs les plus utilisés, on trouve les blocs de paragraphes et d’en-têtes. Pour commencer, ouvrez votre tableau de bord WordPress et naviguez jusqu’à Posts. Cliquez sur Ajouter un nouvel article.
Si vous êtes photographe, le bloc « galerie » vous sera utile. Et si vous interviewez des experts en la matière dans le cadre de votre site de blog, le bloc de citation peut s’avérer utile.
Les auteurs de poésie et les paroliers peuvent utiliser le bloc de vers, tandis que le bloc audio est idéal pour les musiciens qui souhaitent partager leur travail en ligne.
Augmentation de l’efficacité grâce à des modèles et des schémas préétablis
Les modèles de blocs préfabriqués sont utiles si vous avez besoin d’inspiration. Au lieu de partir d’une toile vierge, vous pouvez gagner du temps en choisissant parmi différentes catégories de blocs, telles que posts, textes, galeries, appels à l’action et bannières.
Créer un bloc réutilisable
Les blocs réutilisables personnalisés permettent de gagner du temps et de maintenir une conception cohérente du site web. Pour rendre un bloc réutilisable, accédez à la barre d’outils située au-dessus des blocs et sélectionnez l’icône de paramétrage à trois points.
Cliquez ensuite sur Créer un bloc réutilisable.
Utiliser les raccourcis clavier de l’éditeur de blocs
Si vous tapez la barre oblique (/), vous aurez la possibilité d’utiliser différents types de blocs sans passer par l’inserteur de blocs.
Si vous cliquez sur les trois points verticaux dans le coin supérieur droit de l’éditeur, vous pouvez faire défiler vers le bas pour voir tous les raccourcis clavier pour Gutenberg.
Vous pouvez également taper Shift+Alt+H si vous utilisez une machine Windows (ou Ctrl+Opt+H sur un Mac).
Vous verrez une liste de raccourcis qui peuvent rationaliser vos tâches d’édition de contenu, comme basculer entre l’éditeur visuel et l’éditeur de code.
Trouvez votre type d’affichage préféré pour augmenter votre productivité
Si vous cliquez sur les trois points verticaux situés dans le coin supérieur droit du tableau de bord de votre éditeur de blocs, vous verrez différentes options d’affichage, telles que le mode plein écran et le mode sans distraction.
Essayez de trouver la vue la plus efficace pour vous, car cela peut dépendre de la tâche à accomplir.
Gagnez du temps en utilisant les shortcodes WordPress
Un shortcode est un code WordPress de base placé entre crochets. De nombreux plugins ont leurs propres shortcodes WordPress que vous pouvez saisir sur votre page web pour ajouter facilement des éléments tels que des boutons et des formulaires.
Ces shortcodes vous permettent de gagner du temps sur le codage. De plus, ils sont personnalisables, ce qui vous permet de les adapter aux besoins de votre entreprise et de votre site web.
Si vous tapez « / » et que vous saisissez « shortcode », vous pouvez directement coller le shortcode que vous avez choisi dans la boîte qui apparaît ci-dessous.
Glisser-déposer des images à partir de votre ordinateur
L’un des avantages de Gutenberg est la possibilité de glisser-déposer des images directement depuis votre machine. Lorsque vous faites cela, Gutenberg crée automatiquement un bloc d’image, ce qui vous permet d « économiser le temps que vous auriez normalement passé à télécharger une image et à essayer de l’insérer dans l » éditeur classique.
Pour ajouter une image avec Gutenberg, il suffit de faire glisser l’image vers l’éditeur et de la déposer lorsqu’une ligne bleue horizontale apparaît. De plus, si vous faites glisser et déposez plusieurs images à la fois, Gutenberg les ajoutera automatiquement à un bloc de galerie.
Verrouiller un bloc pour empêcher quiconque de le modifier
En verrouillant un bloc, en particulier sur certaines pages ou certains messages à fort impact, vous communiquez facilement aux membres de votre équipe qu’un certain bloc ne doit pas être déplacé ou supprimé. Cela garantit la cohérence des blocs et vous évite de perdre du temps à refaire les modifications qu’un membre de l’équipe a apportées à des blocs essentiels.
Sélectionnez l’icône à trois points au-dessus du bloc que vous souhaitez verrouiller. Sélectionnez ensuite Verrouiller.
Ensuite, il vous sera demandé si vous souhaitez simplement désactiver le mouvement du bloc, empêcher son retrait ou les deux (verrouiller tout).
Modifiez vos préférences pour nettoyer le tableau de bord de votre bloc
Après avoir sélectionné l’icône à trois points dans le coin supérieur droit, faites défiler vers le bas jusqu’à Préférences.
Vous pouvez désormais modifier vos préférences générales, de bloc et de panneau.
Ici, nous avons activé l’option Afficher les blocs les plus utilisés afin que les blocs les plus fréquemment utilisés apparaissent en premier. Cela vous permet de gagner du temps, car vous n’avez pas à faire défiler des blocs qui ne sont pas pertinents pour votre site web chaque fois que vous voulez en trouver un en particulier.
Utiliser les vues en liste et les vues d’ensemble
Après avoir maîtrisé les blocs de base, il est temps de commencer à utiliser des structures de pages web complexes. Pour éviter que les choses ne deviennent trop compliquées, vous pouvez opter pour un aperçu de votre document qui soit facile à regarder.
C’est là qu’interviennent les vues en liste et en contour. Naviguez jusqu’à l’icône à trois lignes située à droite du bouton « Rétablir » dans la barre d’outils supérieure. Vous verrez que le raccourci est Maj+Alt+O.
Dans l’onglet « Aperçu », vous pouvez facilement parcourir la structure de longs articles de blog et repérer les erreurs d’en-tête.
Dernières réflexions : Comment améliorer l’efficacité du flux de travail à l’aide de l’éditeur de blocs
Maintenant que vous avez appris à exploiter les avantages de Gutenberg pour améliorer l’efficacité de votre flux de travail, vous pensez peut-être à d’autres moyens d’améliorer votre site Web, comme plonger dans ses analyses ou chercher des moyens d’augmenter sa vitesse.
Chez Bluehost, nous proposons différents plans d’hébergement WordPress qui vous donnent les outils dont vous avez besoin pour y parvenir, ainsi que plusieurs autres options comme un certificat SSL gratuit et des sauvegardes quotidiennes du site web pendant la première année.
Et maintenant, la conception d’un site Web accrocheur est encore plus facile avec WonderSuite. Chacun de nos plans WordPress est accompagné d’une foule de fonctionnalités supplémentaires qui aideront votre site Web à briller.
Contactez-nous dès aujourd’hui pour en savoir plus sur la façon dont les plans de Bluehost peuvent amener la conception et la fonctionnalité de votre site à un niveau supérieur.
Ecrire un commentaire