Les problèmes courants de l'éditeur Gutenberg de WordPress et leurs solutions

WordPress a remplacé l'ancien éditeur classique par un nouvel éditeur de contenu appelé Gutenberg en 2019. L'éditeur utilise des blocs pour créer du contenu dans WordPress, c'est pourquoi il est souvent appelé "éditeur de blocs".

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

L'éditeur de blocs WordPress (ou Gutenberg) est un éditeur de contenu introduit dans la version 5.0 de WordPress. Depuis, WordPress a amélioré l'éditeur et ajouté de nouvelles caractéristiques et fonctionnalités.

Il offre davantage de possibilités de personnalisation que l'éditeur classique. Différents blocs peuvent être utilisés pour ajouter différents éléments au contenu sans avoir à modifier le code pour changer l'apparence et le style.

Il affiche l'apparence des blogs et des pages en temps réel en imitant les polices et les couleurs des thèmes WordPress.

Par exemple, un bloc image peut être utilisé pour ajouter une image à un article de blog. En outre, le bloc peut être utilisé pour obtenir des options telles que le style, la taille et l'alignement de l'image, etc.

En outre, de nombreuxPlugin WordPressTous deux ajoutent leurs blocs à l'éditeur de contenu. Il est ainsi facile d'intégrer des contenus tels que des formulaires, des flux de médias sociaux et des tableaux de contenu en quelques clics.

Au fur et à mesure des mises à jour et des améliorations, l'éditeur Gutenberg s'est amélioré. Cependant, l'éditeur de blocs des débuts n'était pas parfait. Comme tout autre plugin WordPress, différentes erreurs ou défauts ont été rencontrés.

1) Corriger l'erreur de l'éditeur de blocs de WordPress qui ne fonctionne pas

L'un des problèmes les plus fréquents rencontrés par les utilisateurs est celui de "L'éditeur de blocs de WordPress ne fonctionne pas".

Les raisons de cette erreur sont diverses. Par exemple, elle peut être due à une version de thème trop basse ou obsolète, à un plugin défectueux ou à d'autres erreurs techniques.

L'éditeur de blocs WordPress peut également ne pas fonctionner si le site est mal configuré, par exemple si l'éditeur visuel est désactivé lors de la création d'un profil d'utilisateur.

Cela peut être fait en allant du tableau de bord de WordPress à la section"Profil de l'utilisateur"pour le vérifier. À partir de là, ne sélectionnez pas "Désactiver l'éditeur visuel lors de la rédaction"Options.

Si le problème persiste, essayez de désactiver la fonctionTous les plug-ins. Cela permet d'écarter les conflits que le plugin pourrait provoquer.

Une autre façon de résoudre ce problème est de mettre à jour le thème WordPress. Les thèmes dont la version est trop basse peuvent entraîner une erreur de fonctionnement de l'éditeur de blocs.

2. l'éditeur de blocs WordPress ne cesse de se bloquer

Un autre problème courant rencontré par certains utilisateurs est que l'éditeur de blocs de WordPress se bloque de manière inattendue.

Lorsqu'il s'effondre, il voit "L'éditeur rencontre une erreur inattendue"Message d'erreur. WordPress affichera alors 3 options, dont Tenter de récupérer, Copier le texte de l'article, et Copier l'erreur.

Il peut y avoir plusieurs raisons à ce problème. Par exemple, un plugin peut casser l'éditeur de blocs et afficher cette erreur, ou la version de WordPress peut ne pas être à jour.

Ce problème peut être résolu en désactivant tous les plugins et en les réactivant un par un. Une autre solution consiste à changer WordPress enThème par défautpar exemple vingt vingt-quatre, et voir si le problème persiste.

Si le problème persiste après avoir vérifié les plugins et les thèmes de WordPress, essayez de mettre à jour votre version de WordPress etnom de famille QingSupprimer le cache de WordPress.

3. supprimer les erreurs JSON invalides de l'éditeur de contenu

Lors de la modification d'un article de blog ou d'une page, le fait de cliquer sur le bouton Mettre à jour dans l'éditeur de blocs peut entraîner une erreur "Response is not a valid JSON response" (la réponse n'est pas une réponse JSON valide).

Lors de la modification d'un article sur un site web WordPress, WordPress communique en permanence avec le serveur web en arrière-plan. Cette erreur se produit lorsque WordPress ne peut pas recevoir de réponse du serveur ou que la réponse n'est pas au format JSON.

Voici quelques-unes des raisons pour lesquelles vous pouvez recevoir des erreurs JSON invalides et comment les résoudre :

• Vérifier les URL de WordPress dans les réglagesVous devez vous assurer que l'adresse de WordPress et l'adresse du site web sont correctes dans les paramètres de votre site web. Il vous suffit d'aller dans Réglages"Conventionnel et vérifiez si les URL sont les mêmes. Si les adresses des sites web sont différentes, une erreur JSON peut être déclenchée.

• Fixer les paramètres des liens fixes dans WordPressDans WordPress, il est possible de définir des URL favorables au référencement pour les pages et les articles, mais les mauvais réglages peuvent empêcher l'éditeur de blocs d'obtenir une réponse JSON valide. Veillez à choisir le bon format de lien fixe.
• Vérifier les paramètres du fichier .htaccess de WordPress: :Le fichier .htaccess est utilisé comme fichier de configuration dans WordPress.pour la gestion des URLs SEO friendly (liens fixes). Normalement, WordPress le régénère et le met à jour automatiquement. Cependant, des réglages incorrects ou des fichiers .htaccess obsolètes peuvent provoquer des erreurs JSON.
• Visualisation du journal de débogage de l'API RESTL'API REST est un ensemble de technologies que WordPress utilise pour communiquer avec le serveur du site. Une erreur JSON peut également signifier que l'API REST a rencontré une erreur. Ceci peut être vérifié en regardant les journaux de l'API REST sur la page Santé du site dans WordPress.
• Essayez de désactiver tous les pluginsLes conflits entre différents plugins WordPress peuvent également être à l'origine d'erreurs JSON invalides. Essayez de désactiver tous les plugins de votre site et voyez si l'erreur réapparaît.
• Passer à l'éditeur classiqueSi vous n'arrivez toujours pas à résoudre l'erreur JSON, vous pouvez revenir à l'éditeur classique de WordPress. L'ancien éditeur de contenu ne s'appuyait pas sur l'API REST pour obtenir des réponses JSON du serveur web.

4. résoudre les erreurs d'échec de la mise à jour ou de la diffusion

Une autre erreur que vous pouvez rencontrer lors de la mise à jour ou de la publication d'un article de blog ou d'une page dans l'éditeur de blocs de WordPress est "La mise à jour a échoué. Vous êtes peut-être hors ligne."

Lorsque l'API REST de WordPress ne parvient pas à communiquer avec la base de données de WordPressCe problème se produira.

Si l'éditeur de blocs n'est pas en mesure d'envoyer et de recevoir des requêtes de la base de données de WordPress, différentes parties du site ne fonctionneront pas. L'éditeur de blocs en fait partie.

L'API REST peut cesser de fonctionner si la connexion à l'internet n'est pas établie ou si elle est perdue. Il est relativement facile de résoudre ce problème en s'assurant que la connexion internet fonctionne, puis en essayant de mettre à jour ou de publier la page.

En outre, il est possible de passer du tableau de bord de WordPress à la rubrique"Outils" ""Santé du site""et consultez les journaux de l'API REST. S'il y a un problème avec l'API REST, il sera signalé dans la section "Build".débat sur l'amélioration"Voir sous la partie.

Le journal des erreurs vous montrera ce qui se passe avec l'API REST et vous donnera des indications sur la cause du problème.

Pour plus d'informations sur la résolution de ce problème, consultez notre guide pourComment corriger l'erreur d'échec de la mise à jour de WordPress.

5. ajouter ou supprimer l'espace blanc entre les blocs WordPress

Lorsque vous créez des pages et des articles personnalisés à l'aide de l'éditeur de blocs de WordPress, vous pouvez remarquer qu'il y a trop ou pas assez d'espace entre les blocs.

Normalement, l'espacement est contrôlé par le thème WordPress. Cependant, l'éditeur de blocs propose quelques options pour contrôler la mise en page et offrir une meilleure expérience à l'utilisateur.

Par exemple, vous pouvez ajouter un bloc d'espacement pour ajouter des espaces blancs. Il suffit de cliquer sur l'icône "+Il suffit ensuite d'ajouter le bloc "Spacer" n'importe où dans le contenu.

Cela permet d'ajouter de l'espace entre les blocs.

WordPress vous permet également de redimensionner le bloc d'espacement. Vous pouvez agrandir ou réduire le bloc en le faisant glisser vers le haut ou vers le bas.

Si vous souhaitez supprimer les espaces blancs supplémentaires entre les blocs, vous devez saisir une feuille de style CSS personnalisée dans le thème WordPress ou utiliser un plugin CSS comme CSS Hero.

Le plugin permet d'éditer le CSS du site web sans avoir à éditer le code. Il offre différentes options d'espacement qui peuvent être utilisées pour ajuster l'espace blanc entre les blocs.

Il est également possible d'utiliser SeedProd pour créer des pages personnalisées dans WordPress et d'avoir un contrôle total sur le design.

6. copier et coller le contenu pour éviter les problèmes de formatage

Je ne sais pas si vous avez remarqué que lorsque vous copiez et collez du contenu d'une application de bureau ou d'une page web dans un éditeur de blocs, vous finissez par coller également une mise en forme non désirée ?

On remarquera que les polices et les couleurs du contenu collé ne correspondent pas au thème de WordPress. Ce phénomène est fréquent lorsque le contenu est rédigé à l'aide de Microsoft Word ou de Google Docs et qu'il est ensuite saisi dans un éditeur de blocs.

Pour préserver le formatage d'origine, il suffit d'utiliser les styles d'en-tête de Word et de Google Docs. De cette façon, lorsque vous collez du contenu dans l'éditeur de blocs, WordPress sélectionne automatiquement le niveau de l'en-tête.

En outre, après avoir collé le contenu, vous devez vérifier le code HTML de la page ou de l'article. Dans l'éditeur de contenu de WordPress, vous pouvez sélectionner un bloc et cliquer sur l'option des 3 points verticaux.

Dans le menu déroulant, il suffit de sélectionner "Édition au format HTML"Options.

Cela devrait permettre de repérer d'éventuelles erreurs de mise en forme, telles que des caractères gras et italiques incorrects, du texte non désiré, etc.

7. corriger les problèmes de téléchargement d'images dans WordPress

Ensuite, il se peut que vous rencontriez une erreur lorsque vous téléchargez des images dans l'éditeur de blocs de WordPress. C'est l'un des problèmes les plus courants avec les images dans WordPress.

La raison principale de cette erreur est la suivanteAutorisations de fichiers incorrectes. Tous les fichiers du site sont stockés sur le serveur et nécessitent des autorisations spécifiques pour fonctionner.

Si ces permissions sont incorrectes, cela peut empêcher WordPress de lire le fichier et de le télécharger sur le serveur. En conséquence, on remarquera que les images disparaissent de la bibliothèque de médias lors du téléchargement ou qu'un message d'erreur s'affiche :

'Impossible de créer le répertoire wp-content/uploads/2019/04. Son répertoire parent est-il accessible en écriture par le serveur ?

Pour résoudre ce problème, vous devez modifier le fichierl'autorité compétente en matière de dossiers. Il est possible d'utiliserClient FTP et accès au dossier /wp-content/.. À partir de là, vous pouvez cliquer avec le bouton droit de la souris sur le dossier et modifier les autorisations d'accès aux fichiers.

8. corriger l'erreur de téléchargement d'image HTTP

Un autre problème que vous pouvez rencontrer lorsque vous téléchargez des images dans l'éditeur de blocs de WordPress est le problème de l'icôneErreur HTTP.

Lors du téléchargement d'images dans la bibliothèque de médias, WordPress affichera l'icône générique "HTTP"et ne sera pas en mesure de voir un aperçu de l'image.

Plusieurs raisons peuvent être à l'origine de ce problème. Le plus étonnant, c'est que le message d'erreur ne donne aucun indice sur la cause réelle du problème.

Vous pouvez essayer de résoudre ce problème de plusieurs manières. Tout d'abord, vous pouvez attendre quelques minutes, puis essayer de télécharger à nouveau les images. Parfois, le serveur web peut rencontrer des problèmes tels qu'un trafic anormal ou des ressources insuffisantes.

En outreAugmenter la limite de mémoire de WordPressC'est un bon moyen d'éviter les erreurs HTTP hors mémoire. Vous pouvez également essayer de changer la bibliothèque de l'éditeur d'images utilisée par WordPress et de modifier le fichier .htaccess.

Dans ce cas, il est possible que les informations de connexion aient expiré. Il suffit parfois d'aller sur l'écran de connexion et d'entrer à nouveau votre nom d'utilisateur et votre mot de passe pour que l'erreur disparaisse.

9. supprimer les erreurs de calendrier de publication manquées dans WordPress

Saviez-vous que WordPress offre des options intégrées pour programmer des articles de blog ?

Dans l'éditeur de contenu de WordPress, il est possible de modifier la date et l'heure de publication d'un article de blog. Cependant, il arrive que le contenu programmé ne soit pas publié à l'heure prévue.

La raison principale de cette erreur est due à l'environnement d'exécution de WordPress ou à l'optionconflit entre les plug-insWordPress utilise une technique appelée "cron" pour publier automatiquement des articles à des heures programmées.

Si le plugin ou le serveur web affecte la tâche cron, cela peut provoquer une erreur de publication programmée manquée dans WordPress.

Ce problème peut être résolu en vérifiant le fuseau horaire de votre site web WordPress. Il se peut que le fuseau horaire du site web ne corresponde pas à celui que vous souhaitez utiliser pour le blog en question.

Il suffit de se rendre surParamètres" Général, puis faites défiler vers le bas jusqu'à la section Fuseau horaire.

Essayez également de passer l'élémentVider le cache de WordPressrépondre en chantantAugmenter la limite de mémoire de WordPresspour résoudre ce problème.

10. Correction des problèmes d'alignement dans l'éditeur de blocs de WordPress

Une autre erreur fréquente de l'éditeur de blocs de WordPress est que le contenu et les images ne sont pas correctement alignés.

Par exemple, supposons que vous ajoutiez une liste à puces à un article de blog et que vous l'aligniez au centre. Toutefois, lorsque vous modifiez l'article, la liste apparaît alignée à gauche dans l'éditeur de blocs. De même, un bloc d'image aligné au centre peut apparaître aligné à gauche ou à droite.

Si le plugin Gutenberg est installé et activé sur un site WordPress, il peut causer des problèmes d'alignement des blocs. Nous recommandons de désactiver le plugin Gutenberg pour voir si cela résout le problème.

Une autre solution consiste à ajouter le code CSS personnalisé suivant pour le texte que vous souhaitez centrer :

.has-text-align-center {
text-align : centre ;
}

11. résoudre le problème des vignettes incorrectes sur Facebook

Avez-vous déjà remarqué que lorsque vous partagez un article sur Facebook, la vignette de l'article est incorrecte ?

Ce problème peut être dû à un conflit de plugin, à un problème de réseau de diffusion de contenu (CDN) ou à l'absence de balises méta Open Graph de Facebook.

Ce problème ne se pose pas dans l'éditeur de blocs de WordPress. Cependant, il est possible de spécifier des images Open Graph pour Facebook en utilisant l'éditeur de contenu.

Vous pouvez utiliser lePlugin All in One SEO (AIOSEO)Une solution rapide à ce problème. Il s'agit d'un plugin SEO pour WordPress qui aide à optimiser les sites web pour les moteurs de recherche et les médias sociaux.

Une fois activé, vous verrez apparaître la méta-boîte AIOSEO Settings dans l'éditeur de contenu de WordPress. Il vous suffit d'aller à "socialisationL'onglet " est suffisant.

Ensuite, faites défiler vers le bas jusqu'à "source de l'image"Partie.

Dans le menu déroulant, vous pouvez choisir les images à afficher sur Facebook et d'autres sites de médias sociaux lorsque vous partagez le message.

12. résoudre les problèmes liés à l'intégration de Facebook et d'Instagram

L'ajout de contenu Facebook et Instagram dans WordPress est un autre problème lié aux médias sociaux auquel il faudra faire face.

Auparavant, il était facile d'intégrer des posts Instagram ou Facebook dans WordPress. Cependant, Facebook a maintenant changé la façon dont oEmbed fonctionne.

Il n'est plus possible d'intégrer des vidéos, des images, des mises à jour et d'autres contenus dans WordPress. Le contenu sera affiché sous la forme d'une simple URL.

Cela peut être résolu en utilisant des plugins WordPress de médias sociaux comme Smash Balloon. Il permet d'intégrer facilement le contenu de Facebook et d'Instagram à l'aide d'oEmbed et d'afficher les flux des médias sociaux sur votre site web.

13. impossibilité de voir l'aperçu du contenu incorporé dans l'éditeur de blocs

Il s'agit d'un problème lié à la version 5.7 de WordPress. Lors de l'intégration de vidéos provenant de YouTube et Vimeo ou de l'ajout d'audio provenant de Spotify et SoundCloud, l'aperçu n'apparaît pas dans l'éditeur de blocs.

Au lieu de cela, on ne verra que le bloc qui dit "L'aperçu n'est pas disponible"ou"Ce bloc a rencontré une erreur et n'a pas pu être visualisé.". La cause principale de ce problème est la fonction de chargement différé par défaut.

Dans WordPress 5.5, le chargement des iFrames est retardé par défaut, ce qui signifie que le contenu intégré (comme les images) ne se chargera que lorsque le visiteur fera défiler la page jusqu'à l'emplacement du contenu.

Un moyen simple de résoudre ce problème est de mettre à jour la version de WordPress. Cette erreur a été résolue.

J'espère que cet article vous aidera à comprendre les problèmes courants de l'éditeur de blocs et leurs solutions.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.