Hur man fixar blank Site Editor Issue i WordPress (steg för steg)

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.