![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\")
<\/a><\/figure>L’éditeur WordPress Gutenberg vs l’éditeur classique<\/h2>
Bien que l’éditeur wordpress Gutenberg et l’éditeur classique aient le même objectif, il existe quand même de nettes différences entre les deux :<\/p>
- \n
- Interface de l’éditeur<\/strong>. L’éditeur classique propose un simple éditeur de texte ressemblant à Microsoft Word. D’autre part, l’éditeur de blocs WordPress possède une interface responsive et intuitive, où toutes les icônes sont explicites et faciles à atteindre.<\/li>\n\n\n\n
- Création de contenu<\/strong>. L’éditeur classique fournit une zone vierge pour écrire des articles et des pages. En comparaison, l’éditeur de blocs WordPress Gutenberg a plus de fonctionnalités pour créer du contenu et gérer efficacement ses aspects visuels.<\/li>\n\n\n\n
- Facilité d’utilisation<\/strong>. L’éditeur classique exige des connaissances de base en HTML pour profiter de toutes ses possibilités. Le nouvel outil ne nécessite aucune expertise technique. En effet, il suffit de faire glisser et de déposer des blocs pour créer des pages et des publications.<\/li>\n\n\n\n
- Caractéristiques<\/strong>. L’éditeur classique offre des options de mise en forme de base pour l’édition de sites web. En plus, il manque de flexibilité de conception. Ce n’est pas une option idéale pour créer des pages media-rich ou des mises en page plus complexes. D’autre part, le nouvel éditeur WordPress inclut des fonctionnalités telles que des blocs réutilisables pour créer des modèles.<\/li>\n<\/ul>
\n\n\n
\nConseil de pro<\/h4>\n
Alors que le nouvel éditeur de blocs est préinstallé dans WordPress 5.0 et supérieur, les utilisateurs avec des versions plus anciennes de WordPress peuvent également utiliser l'éditeur de blocs en installant le plugin Gutenberg. Cependant, nous vous recommandons fortement de mettre à jour le WordPress vers la dernière version. Si vous obtenez un hébergement WordPress spécialement conçu pour ce CMS, vous pourrez mettre à jour les versions automatiquement à partir du panneau de configuration.<\/p>\n <\/div>\n\n\n<\/p>
\n![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\")
<\/a><\/figure><\/div>Comment fonctionne l’éditeur WordPress Gutenberg ?<\/h2>
L’éditeur WordPress Gutenberg utilise le concept de blocs de contenu individuels. Ils vont servir pour ajouter et modifier divers éléments dans les publications et les pages.<\/p>
Chacun d’eux représente un composant autonome que vous pouvez personnaliser et manipuler, offrant un contrôle et une flexibilité approfondis. Par exemple, vous pouvez définir une couleur d’arrière-plan ou des paramètres de largeur différents pour un bloc entier sans affecter aucunement les autres éléments.<\/p>
![\"capture](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/03\/outil-insertion-blocs-wordpress-gutenberg.png\/public\" "\\"gutenberg-editeur-wordpress\\"")
<\/figure>Pour trouver tous les blocs, cliquez sur l’icône ( + ) <\/strong>pour <\/strong>ouvrir l’outil d’insertion des blocs <\/strong>. Celui-ci les répertorie dans un panneau pliable selon leurs structures. Chacun d’eux a une configuration et des outils de conception différents.<\/p>
Par exemple, le bloc de paragraphe a des options pour changer sa couleur et sa typographie. D’autre part, le bloc d’images dispose d’outils pour ajouter du texte alternatif et ajuster les dimensions de l’image.<\/p>
Avec les dernières mises à jour de WordPress, l’éditeur de contenu par défaut offre de nombreuses nouvelles fonctionnalités pour prendre en charge l’édition complète du site. Il s’agit :<\/p>
- \n
- Éditeur de sites<\/strong>. Modifiez et naviguez entre les modèles, leurs éléments et les options de style.<\/li>\n\n\n\n
- Mode d’édition de modèle<\/strong>. Il vous permet d’éditer, de modifier et de créer directement un modèle de publication ou de page.<\/li>\n\n\n\n
- Thèmes de bloc<\/strong>. Créez des thèmes WordPress à l’aide de blocs compatibles FSE.<\/li>\n\n\n\n
- Styles<\/strong>. Il vous autorise à modifier les styles à trois niveaux : modifications globales, blocs et valeurs par défaut du thème.<\/li>\n\n\n\n
- Blocs thématiques<\/strong>. Créez des modèles traditionnels à l’aide de balises de modèle. L’éditeur WordPress Gutenberg comprend les blocs Post Author, Post Comments, Read More, Avatars et Query Loop.<\/li>\n\n\n\n
- Navigation<\/strong>. Naviguez entre les Pages, les modèles et les articles directement sur l’éditeur.<\/li>\n\n\n\n
- Bloc de navigation<\/strong>. Modifier la structure et la conception du menu de navigation d’un site.<\/li>\n\n\n\n
- Bloc de requête<\/strong>. Il duplique WP_Query<\/a> et vous permet de le personnaliser avec des fonctionnalités supplémentaires.<\/li>\n<\/ul>
De plus, WordPress Gutenberg inclut des modèles de blocs constitués de blocs préétablis. Ils contiennent généralement plusieurs dispositions de colonnes et de boutons ainsi que des compositions d’images.<\/p>
Les développeurs et les utilisateurs expérimentés de WordPress peuvent créer leurs propres blocs et modèles de blocs WordPress. Ils peuvent ensuite les partager avec d’autres via des plugins wordpress.<\/p>
Comment désactiver l’éditeur WordPress Gutenberg ?<\/h3>
Si vous avez du mal à vous adapter au nouvel éditeur de blocs, WordPress vous offre quelques options pour le désactiver complètement. Cela s’effectue en installant un plugin<\/a> ou en modifiant le fichier functions.php<\/strong>.<\/p>
L’utilisation d’un plugin comme Classic Editor<\/a> est une solution rapide. En effet, il désactivera automatiquement Gutenberg lors de l’activation.<\/p>
Cependant, pour désactiver Gutenberg<\/a> sur un site web pour des types de publication spécifiques ou des rôles d’utilisateurs, nous vous recommandons d’utiliser un plugin comme Disable Gutenberg<\/strong>. Par défaut, ce plugin désactivera entièrement Gutenberg sur votre site WordPress. Toutefois, décocher l’option Désactiver complètement<\/strong> dans les paramètres du plugin du site vous permettra de la désactiver uniquement pour certains rôles, publications, modèles ou identifiants de publication.<\/p>
Vous pouvez également ajouter un extrait de code à votre fichier functions.php<\/strong>. Voici comment le faire via hPanel :<\/p>
- \n
- À l’aide du gestionnaire de fichiers, ouvrez le dossier public_html<\/strong>.<\/li>\n\n\n\n
- Sélectionnez wp-content -> thèmes<\/strong>.<\/li>\n\n\n\n
- Cliquez sur le dossier de votre thème actif et sélectionnez le fichier functions.php<\/strong>.<\/li>\n\n\n\n
- Ajoutez le code suivant au fichier, avant sa dernière ligne :<\/li>\n<\/ol>
add_filter ( 'use_block_editor_for_post', '__return_false' ) ;<\/pre>
- \n
- Enregistrez et fermez le fichier de votre site. Vous pouvez désormais utiliser l’éditeur classique pour créer des contenus.<\/li>\n<\/ol>
Si vous n’avez pas envie de modifier vos fichiers WordPress, vous pouvez employer le plugin Code Snippets<\/a> pour ajouter le code.<\/p>
- \n
- Après avoir installé et activé le plugin sur votre site, allez dans Snippets -> Add New<\/strong>.<\/li>\n\n\n\n
- Nommez l’extrait et collez le code ci-dessus.<\/li>\n<\/ol>
Ensuite, choisissez Exécuter uniquement dans la zone d’administration<\/strong>, puis cliquez sur Enregistrer les modifications et activer<\/strong>.<\/p>
![\"capture](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/06\/code-snippets-disable-wordpress-gutenberg-1536x779-1.png\/public\" "\\"code-snippets-site-web\\"")
- Nommez l’extrait et collez le code ci-dessus.<\/li>\n<\/ol>
- Après avoir installé et activé le plugin sur votre site, allez dans Snippets -> Add New<\/strong>.<\/li>\n\n\n\n
- Sélectionnez wp-content -> thèmes<\/strong>.<\/li>\n\n\n\n
- Mode d’édition de modèle<\/strong>. Il vous permet d’éditer, de modifier et de créer directement un modèle de publication ou de page.<\/li>\n\n\n\n
- Création de contenu<\/strong>. L’éditeur classique fournit une zone vierge pour écrire des articles et des pages. En comparaison, l’éditeur de blocs WordPress Gutenberg a plus de fonctionnalités pour créer du contenu et gérer efficacement ses aspects visuels.<\/li>\n\n\n\n