Qu'est-ce que l'éditeur WordPress ?

L' WordPress est l'élément central de la création et de la conception de contenu au sein d'un site WordPress. Que vous créiez votre premier blog ou développiez un site web professionnel complet, l'éditeur joue un rôle essentiel dans la création de contenu, la gestion des mises en page et le contrôle de l'apparence générale de votre site.

Ce guide explore toutes les fonctionnalités, des bases aux fonctionnalités avancées, aidant ainsi les débutants comme les utilisateurs expérimentés à tirer le meilleur parti de l'éditeur WordPress.

Définition de l'éditeur WordPress

L'éditeur WordPress, également connu sous le nom d'éditeur de blocs ou éditeur Gutenberg, est l'éditeur par défaut pour tous les sites WordPress depuis la version 5.0. Il a remplacé l'ancien éditeur classique, souvent appelé éditeur TinyMCE, et a introduit une expérience d'édition moderne et visuelle basée sur un système de blocs de contenu modulaires.

Chaque élément de contenu (paragraphe, image, vidéo ou bouton) est ajouté comme un bloc distinct, ce qui offre une plus grande flexibilité et un meilleur contrôle visuel. Cette structure par blocs permet aux utilisateurs de créer des pages multimédias riches sans avoir à modifier le code.

Bref historique et évolution de l'éditeur WordPress

Le nouvel éditeur a considérablement évolué depuis les débuts de la plateforme. Initialement, WordPress utilisait l' éditeur classique basé sur TinyMCE, une interface WYSIWYG simple permettant une mise en forme basique, mais offrant une flexibilité limitée et aucun contrôle visuel de la mise en page. Avec l'évolution des standards du web, les attentes des utilisateurs ont également évolué. Le besoin d'un outil de création de contenu plus intuitif et flexible a conduit au développement du projet Gutenberg.

Annoncé en 2017 et officiellement lancé avec WordPress 5.0 le 6 décembre 2018, le nouvel éditeur de blocs a introduit un système modulaire où le contenu est décomposé en blocs, texte, images, boutons, etc. Ce changement a marqué une véritable révolution, passant d'un éditeur statique à une interface visuelle et dynamique.

Au fil du temps, l'éditeur s'est enrichi de fonctionnalités telles que les blocs réutilisables, les modèles de blocs et la prise en charge du fichier theme.json, permettant ainsi aux utilisateurs et aux développeurs de personnaliser les mises en page avec précision. L'étape suivante, tout aussi importante, a été franchie avec le de l'édition complète du site (FSE) dans WordPress 5.8 et 5.9, qui a étendu l'édition par blocs aux modèles, en-têtes, pieds de page et styles globaux.

Aujourd'hui, l'éditeur WordPress est bien plus qu'un simple outil de rédaction de contenu ; c'est une interface de conception robuste qui sous-tend l'expérience utilisateur globale du site WordPress. Soutenu par une communauté open source active et des mises à jour régulières via l'extension Gutenberg, il continue d'évoluer en fonction des retours des utilisateurs et des exigences du webdesign moderne.

Types d'éditeurs WordPress

WordPress inclut désormais plusieurs types d'éditeurs. Explorons donc ce qu'est l'éditeur WordPress et ses variantes, chacune adaptée à des besoins d'utilisateurs différents :

Éditeur de blocs (Éditeur Gutenberg) : Option la plus répandue et la plus complète, l’éditeur de blocs utilise des blocs pour structurer le contenu et la mise en page. Chaque élément de votre article ou page peut être personnalisé individuellement, du paragraphe au bloc image.

Éditeur classique : Toujours disponible via un plugin, l’éditeur classique offre une interface traditionnelle semblable à celle des traitements de texte. Il ne propose pas la flexibilité des blocs multiples, notamment le bloc classique et les outils de mise en page modernes, mais les utilisateurs qui privilégient la simplicité pourraient le préférer.

Éditeur de site : Intégré à l’initiative d’édition complète de site, l’éditeur de site vous permet de modifier l’intégralité de votre site, y compris les en-têtes, les pieds de page et les modèles de page. Il est idéal pour les utilisateurs qui souhaitent une liberté totale de conception sans avoir recours à des outils de création de pages tiers.

Éditeur de code : L’ de code permet aux utilisateurs avancés de modifier directement le HTML, le CSS et les scripts intégrés. Il est accessible via l’icône à trois points située en haut à droite de l’éditeur.

Fonctionnalités principales de l'éditeur de blocs WordPress

L'éditeur de blocs WordPress comprend un ensemble de fonctionnalités robustes, telles que le bloc bouton, conçues pour simplifier la création de contenu et la conception du site :

• Inséreur de blocs: Ajoutez de nouveaux blocs d'un simple clic ou via une commande clavier.

• Blocs réutilisables: Enregistrez du contenu ou des mises en page et réutilisez-les dans plusieurs articles ou pages.

• Modèles de blocs: Accédez à des sections prédéfinies telles que des galeries ou des appels à l’action.

• Barre latérale des paramètres: Ajustez les paramètres du bloc tels que la typographie, le remplissage et la couleur d’arrière-plan.

• Édition granulaire des blocs: contrôlez l’apparence et le comportement de chaque bloc individuellement sans affecter le reste de la mise en page.

• Mode plein écran: Concentrez-vous uniquement sur votre contenu en masquant les distractions.

• Barre d'outils supérieure: Un menu centralisé pour la navigation par blocs, l'annulation/rétablissement et les outils de structure du contenu.

En savoir plus : Guide complet de conversion de Figma à Gutenberg pour WordPress

Personnalisation des blocs et des mises en page dans l'éditeur WordPress

les blocs sont bien plus que de simples conteneurs de contenu ; ce sont des éléments de conception flexibles qui peuvent être stylisés, positionnés et structurés pour correspondre aux objectifs et à l'esthétique de votre site.

Voici comment tirer le meilleur parti de la personnalisation des blocs et de la mise en page :

Blocs individuels de style

Vous pouvez modifier chaque bloc en changeant sa couleur de fond, en ajoutant des en-têtes personnalisés, en ajustant le remplissage et les marges, ou en appliquant des styles typographiques directement depuis la barre latérale des paramètres.

Insérer et réorganiser facilement le contenu

Utilisez l'outil d'insertion de blocs (accessible depuis le coin supérieur gauche ou droit) pour ajouter des éléments tels qu'un nouveau bloc de paragraphe, un bloc image ou intégrer des vidéos et des flux de réseaux sociaux. Les blocs peuvent être déplacés par glisser-déposer ou repositionnés à l'aide des flèches haut/bas.

Navigation avec l'onglet Bloc et le plan du document

Passez facilement de l'onglet Bloc à l'onglet Plan du document pour mieux comprendre la structure du contenu. Le plan est pratique pour les articles ou les pages longs, car il permet d'accéder rapidement aux titres ou à un bloc spécifique.

Options de bloc avancées

Cliquez sur les points verticaux (ou l'icône à trois points) d'un bloc sélectionné pour le dupliquer, grouper plusieurs blocs ou le supprimer. Vous pouvez également convertir les blocs en blocs réutilisables pour les utiliser sur l'ensemble de votre site.

Flexibilité de la mise en page

L'éditeur prend en charge plusieurs blocs sur une même ligne grâce aux colonnes, aux groupes et aux blocs empilés. Vous pouvez créer des mises en page personnalisées avec des modèles de blocs ou modifier celles existantes. L'alignement, la largeur (large/plein écran) et l'espacement sont facilement accessibles via la barre d'outils et la barre latérale.

Conception au niveau du motif

Les utilisateurs avancés peuvent créer ou modifier des modèles de blocs pour accélérer les flux de travail de conception, tandis que les débutants peuvent utiliser des modèles pré-construits pour créer des pages riches en médias sans partir de zéro.

Utilisation du mode plein écran et de la barre d'outils supérieure

L'activation du mode plein écran vous permet de vous concentrer uniquement sur la mise en page sans distractions, et la barre d'outils supérieure offre un accès rapide aux outils globaux de mise en forme et de gestion des blocs.

En savoir plus : Gutenberg contre Elementor

Édition complète du site et éditeur de site

L'éditeur de site est une évolution de l'éditeur de blocs qui permet aux utilisateurs de modifier l'intégralité de leur site. Grâce à l'éditeur de site, vous pouvez :

• Modifiez globalement les en-têtes, les pieds de page et les barres latérales.
• Modifiez les modèles pour les articles, les pages, les archives, et plus encore.
• Utilisez et créez vos propres motifs de blocs et pièces de gabarit.
• Gérez les styles globaux via une interface unifiée.

Vous pouvez accéder directement au mode d'édition de modèle lors de la modification d'un article ou d'une page avec un thème de bloc.

Création et gestion de contenu avec l'éditeur WordPress

L'éditeur WordPress simplifie le processus de création de contenu :

• Commencez par cliquer sur « Ajouter » pour créer une nouvelle page ou un nouvel article.
• Utilisez l'outil d'insertion de blocs pour ajouter du texte, des images, des éléments intégrés et bien plus encore.
• Mettez en forme le texte à l'aide du bloc paragraphe, du bloc titre ou du code en ligne.
• Insérez des médias à l'aide du bloc image, des galeries ou des éléments intégrés.
• Gérez le référencement naturel grâce aux titres et à la structure du document.
• Suivez le nombre de mots et la structure à l'aide de la barre d'outils supérieure.

Chaque bloc possède ses propres paramètres, accessibles via la barre latérale des paramètres.

À lire également : Conversion d’Elementor vers Gutenberg : Guide ultime pour passer aux blocs

Améliorations des outils de l'éditeur et du flux de travail

Plusieurs outils améliorent la productivité et la personnalisation :

• Barre d'outils supérieure: Barre unifiée pour le contrôle de la mise en page, l'annulation et les actions du centre de commandes.
• Barre latérale des paramètres: Activez/désactivez-la en haut à droite pour ajuster les propriétés du bloc.
• Afficher/masquer l'inséreur de blocs: Affichez ou masquez l'inséreur pour garder votre vue épurée.
• Icône à trois points: Accès aux modes tels que l’éditeur de code ou le mode plein écran.
• Raccourcis clavier: Accélérez votre travail grâce à des commandes rapides pour des actions telles que la duplication de blocs ou le basculement entre les vues.

Lecture complémentaire : Guide étape par étape pour créer des blocs personnalisés dans WordPress

Avantages de l'utilisation de l'éditeur WordPress

L'éditeur WordPress offre de nombreux avantages :

• Éditeur visuel: Offre une interface claire et intuitive pour la création de contenu sans code.
• Multimédia: Créez facilement des pages avec des images, des vidéos et des blocs interactifs.
• Blocs réutilisables: Gagnez du temps en réutilisant des blocs et des modèles dans différents contenus.
• Édition granulaire: Ajustez chaque bloc individuellement et modifiez la mise en page de l’ensemble du site.
• Mises à jour modernes: Améliorations régulières pour répondre à l'évolution des normes web.
• Compatibilité étendue: Fonctionne parfaitement avec la plupart des thèmes et plugins.

Premiers pas avec l'éditeur WordPress

Si vous débutez avec WordPress, la prise en main est facile :

• Connectez-vous à votre tableau de bord WordPress.
• Allez dans Articles ⟶ Ajouter ou Pages ⟶ Ajouter.
• Utilisez l'outil d'insertion de blocs pour commencer à ajouter du contenu.
• Explorez les options de mise en forme grâce à l'onglet Bloc et à la barre latérale Paramètres.
• Prévisualisez et publiez lorsque vous serez prêt.
• Utilisez le tutoriel vidéo accessible via le lien dans votre tableau de bord pour une présentation visuelle.

Conseils et bonnes pratiques pour l'éditeur WordPress

• Premier paragraphe: Établissez une structure de contenu claire avec un bloc de paragraphes.
• Optimisation SEO des titres: Utilisez les blocs de titres pour améliorer le référencement naturel et l’accessibilité des pages.
• Agencements réutilisables: Enregistrez les agencements standard sous forme de blocs réutilisables pour plus d’efficacité.
• Variété de mises en page: Essayez différentes options de mise en page et différents modèles de blocs pour une meilleure conception.
• Mode plein écran: Utilisez le mode plein écran pour rester concentré pendant l'édition.
• Vérification de la barre d'outils: Explorez la barre d'outils supérieure et les points verticaux pour accéder à des outils et des paramètres utiles.

Dépannage des problèmes courants

En cas de problème :

• L'éditeur ne se charge pas ? Videz le cache de votre navigateur ou désactivez les plugins conflictuels.
• Paramètres de bloc manquants ? Consultez le bouton bascule de la barre latérale des paramètres.
• Le contenu ne s'enregistre pas ? Assurez-vous que votre hébergement prend en charge les exigences de WordPress.
• La mise en page est incorrecte ? Annulez les modifications à l’aide des révisions ou testez dans l’éditeur de code.
• Vous ne trouvez pas un bloc spécifique ? Utilisez la fonction de recherche de l’outil d’insertion de blocs pour afficher tous les blocs disponibles.

Conclusion : Pourquoi l’éditeur WordPress est important

L'éditeur WordPress est bien plus qu'un simple outil de création de contenu ; il est au cœur même de l'expérience WordPress. Que vous souhaitiez rédiger un article de blog ou repenser votre page d'accueil, l'éditeur vous offre la puissance et la flexibilité nécessaires pour créer un site qui vous ressemble.

Grâce à la prise en charge des pages riches en médias, à l'édition complète du site et à une innovation continue, il permet aux utilisateurs de WordPress de tous niveaux de créer des sites web dynamiques et esthétiques.

FAQ à propos de l'éditeur WordPress