WordPress fullständiga webbplatsredigerare (FSE) öppnar upp en värld av designmöjligheter, så att du kan anpassa webbplatsens sidhuvud, sidfot, mallar och mycket mer, allt på ett ställe. Men vad händer när det här kraftfulla verktyget inte möter dig med något annat än en tom skärm?
Få inte panik, du är inte den enda som råkar ut för det här. Vi kan hjälpa dig att gå igenom några enkla felsökningssteg för att lösa detta frustrerande problem.
Den här artikeln kommer att guida dig genom våra mest effektiva lösningar för att åtgärda problemet med WordPress blank webbplatsredigerare, så att du kan komma tillbaka till att designa din webbplats på nolltid.
Vad är den tomma Site Editor Issue i WordPress?
Full Site Editor i WordPress är ett redigeringsgränssnitt som fungerar med block themes och ger dig mer control över designen av din website. It allows you to use blocks for styling your website’s header, footer, sidebar, and other sections.
Du kan komma åt den genom att välja Customize ” Editor från WordPress admin sidebar när du vill customize ditt WordPress tema.
Vissa användare rapporterar dock att de ser en tom page när de försöker komma åt WordPress Site Editor.
Vissa användare ser bara en helt tom vy. Den vyn kan vara mörk eller ljus i färgen.
Denna issue orsakas av felaktiga Settings i WordPress. Vi visar dig hur du fixar det i metod 1.
Andra användare kan se en del av Site Editors gränssnitt, men previewen av deras website är tom. De kan också se en snurrande cirkel som indikerar att editorn försöker hämta previewen, men den visas aldrig.
Detta händer när någon har inaktiverat REST API i WordPress. Vi visar dig hur du fixar det här problemet i Metod 2.
Med det sagt, låt oss ta en titt på hur man fixar den tomma Site Editor i WordPress. Du kan använda länkarna under för att hoppa till den metod du behöver använda:
Fixa problemet med blank Site Editor i WordPress Settings
Om du ser en helt tom vy när du försöker använda Site Editor har du ett problem med inställningarna för URL på din website i WordPress.
Först måste du navigera till Settings ” Allmänt i din WordPress dashboard. Nu måste du hitta inställningarna ”WordPress Address (URL)” och ”Site Address (URL)”.
Du måste se till att adressen till webbplatsen matchar adressen till WordPress.
Du måste i viss mån se till att om WordPress-adressen har en www- eller icke-www URL, så matchar site-adressen detta exakt. I vår screenshot ovan matchar dessa inte varandra, så ”www.” måste tas bort från URL:en för site-adressen.
När de två inställningarna är identiska måste du rulla längst ner på sidan Allmänna inställningar och klicka på knappen ”Save Changes” för att lagra dina inställningar.
Nu kan du öppna Site Editor igen, och det ska fungera.
Fixa problemet med Blank Site Editor Issue genom att aktivera REST API
Om Site Editor inte hämtar en preview av din webbplats kan REST API vara inaktiverat på din WordPress-webbplats.
Vad är REST API i WordPress?
REST API introducerades i WordPress 4.4. Det är användbart för utvecklare av plugins eftersom det ger ett gränssnitt där de kan komma åt WordPress-funktioner och data för att bygga sina tillägg.
REST API är aktiverat som standard och Site Editor använder det för att rendera en preview av din website. Så om du har inaktiverat REST API på din website kommer Site Editor inte att kunna visa en preview av din website.
Vissa webbplatsägare väljer att inaktivera REST API i hopp om att förbättra webbplatsens säkerhet och prestanda. De kan ha följt vår guide om hur man inaktiverar JSON REST API i WordPress.
Vår guide visar hur du inaktiverar REST API med två metoder: lägger till ett code snippet i WPCode eller installerar pluginet Disable REST API.
För att aktivera REST API igen måste du inaktivera det code snippet eller tillägget, beroende på vilken metod du ursprungligen valde.
Inaktivera REST API Code Snippet i WPCode
Om du använde WPCode för att inaktivera REST API, måste du navigera till Code Snippets i WordPress admin.
När du väl är där måste du hitta snippet ”Inaktivera WordPress REST API” och stänga av ”Status” toggle.
Alternativt, om du inaktiverade REST API genom att lägga till kod direkt i din functions.php-fil istället för att använda WPCode, måste du öppna den filen med en FTP-klient eller filhanteringsappen i dashpanelen på ditt webbhotell.
Sedan måste du edit filen och remove den custom code.
You should now be able to access the site editor and see the preview of your website.
Inaktivera tillägget Disable REST API
Om du använde ett WordPress plugin för att inaktivera REST API, måste du navigera till Plugins ” Installerade tillägg.
När du väl är där måste du rulla ner till pluginet och klicka på länken ”Deactivate”. I vårt exempel arbetar vi med pluginet Disable REST API, men du kommer att använda samma metod om du har ett annat plugin installerat.
You can now open up the site editor, and it should be working properly again.
Alternativ: Använda ett Page Builder-tillägg för att designa din website
Den fullständiga Site Editor är ett användbart verktyg för att designa din website, men den har vissa limits. Den är endast available med block themes, och du kommer att förlora dina customizes om du byter theme.
Däremot WordPress page builders gillar SeedProd ett drag and drop-gränssnitt där du kan designa alla dina enskilda pages med hjälp av blocks. De är kompatibla med alla WordPress teman och du kan byta theme utan att förlora dina customizers.
Du kan komma igång genom att välja en template/site kit eller bygga helt från scratch.
Du kan till och med använda SeedProd för att designa ett helt theme för din website. För mer detaljer kan du se vår guide om hur du skapar ett customize WordPress theme utan att skriva någon kod.
Vi hoppas att denna tutorial hjälpte dig att lära dig hur du fixar problemet med en tom Site Editor i WordPress. Du kanske också vill se vår guide till de vanligaste WordPress error och hur man fixar dem eller vårt expertval av de bästa drag and drop page builder-tilläggen för att designa din website enklare.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
I have encountered several times what a different address in the settings can cause. This article can solve many headaches. But I read about rest api in this context for the first time. It’s good to know.
Ralph says
Thank you for this article. It’s quite short but gives all the information needed!
WPBeginner Support says
You’re welcome, we try to keep focused on these articles for troubleshooting errors
Administratör
Damian Cichosz says
The article provides clear explanations of the issue, including potential causes and solutions. The step-by-step instructions and screenshots make it easy to follow, even for less tech-savvy users.
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
WPBeginner Support says
Glad to hear you found our article helpful
Administratör