13 vanliga problem med WordPress Block Editor och hur du åtgärdar dem

WordPress ersatte den gamla klassiska redigeraren 2019 med en helt ny innehållsredigerare som heter Gutenberg. Denna redigerare använder block för att skapa innehåll i WordPress.

Ibland kan du dock stöta på irriterande problem när du använder den. Även på WPBeginner har vi upplevt flera fel när vi använde blockredigeraren.

I den här artikeln delar vi hur du åtgärdar de vanligaste problemen med WordPress blockredigerare så att du kan förbättra ditt arbetsflöde.

Vad är WordPress blockredigerare?

WordPress blockredigerare, eller Gutenberg, är innehållsredigeraren som introducerades i WordPress 5.0-utgåvan. Sedan dess har WordPress förbättrat redigeraren och lagt till nya funktioner och möjligheter.

Den erbjuder fler anpassningsfunktioner jämfört med klassiska redigeraren. Du får olika block för att lägga till olika element i ditt innehåll och behöver inte redigera kod för att ändra utseende och stil.

Den försöker visa hur dina bloggar och sidor kommer att se ut i realtid genom att efterlikna samma teckensnitt och färger som ditt WordPress-tema.

Till exempel kan du använda ett bildblock för att lägga till bilder i dina blogginlägg. Dessutom får du alternativ som bildstil, storlek, justering och mer med hjälp av blocket.

Dessutom lägger många WordPress-plugins till sina block i innehållsredigeraren. Detta gör det superenkelt att bädda in saker som formulär, sociala medieflöden och innehållsförteckningar med bara några få klick.

Med det sagt är blockredigeraren inte perfekt. Precis som alla andra WordPress-plugins kan du stöta på olika fel eller buggar.

Här är några vanliga problem i innehållsredigeraren. Du kan klicka på länkarna nedan för att hoppa till olika delar av vår handledning:

• Åtgärda fel att WordPress blockredigerare inte fungerar
• WordPress blockredigerare kraschar ständigt
• Ta bort felet med ogiltig JSON i innehållsredigeraren
• Åtgärda fel vid uppdatering / publicering misslyckades
• Lägg till eller ta bort tomma utrymmen mellan WordPress-block
• Kopiera och klistra in innehåll utan formateringsproblem
• Åtgärda problemet med bilduppladdning i WordPress
• Åtgärda HTTP-felet vid bilduppladdning
• Ta bort fel för missade schemalagda inlägg i WordPress
• Åtgärda justeringsproblem i WordPress blockredigerare
• Åtgärda problem med felaktig Facebook-miniatyrbild
• Åtgärda problem med Facebook- och Instagram-oEmbed
• Kan inte se förhandsgranskning av inbäddat innehåll i blockredigeraren

1. Åtgärda fel där WordPress blockredigerare inte fungerar

Ett av de vanligaste problemen som användare stöter på är 'WordPress blockredigerare fungerar inte'.

Det finns många anledningar till varför detta fel kan uppstå. Till exempel kan det bero på ett gammalt, föråldrat tema, ett felaktigt plugin eller andra tekniska fel.

WordPress blockredigerare kanske inte heller fungerar om du har en felkonfigurerad inställning på din webbplats, som att inaktivera visuell redigerare när du skapar en användarprofil.

Du kan kontrollera detta genom att gå till Användare » Profil från din WordPress-instrumentpanel. Se här bara till att alternativet 'Inaktivera den visuella redigeraren vid skrivning' inte är valt.

Om problemet kvarstår kan du prova att inaktivera alla plugins på din webbplats. Detta bör hjälpa till att utesluta eventuella konflikter som ett plugin kan orsaka och stoppa blockredigeraren från att fungera.

Ett annat sätt att åtgärda detta är att uppdatera ditt WordPress-tema. Ett föråldrat tema kan orsaka felet att blockredigeraren inte fungerar. Du kan se vår guide om hur du uppdaterar ditt WordPress-tema utan att förlora data och anpassningar.

2. WordPress blockredigerare kraschar ständigt

Ett annat vanligt problem som vissa användare stöter på är att WordPress blockredigerare kraschar oväntat.

När det kraschar ser du ett felmeddelande som lyder ‘Redigeraren har stött på ett oväntat fel’. WordPress visar sedan 3 alternativ, inklusive försök att återställa, kopiera inläggstext och kopiera fel.

Det kan finnas flera anledningar till detta problem. Till exempel kan ett plugin bryta blockredigeraren och visa detta fel, eller så är din WordPress-version inte uppdaterad.

Du kan åtgärda detta genom att inaktivera alla plugins och sedan aktivera dem en efter en. En annan lösning är att byta din WordPress till ett standardtema, som Twenty Twenty-Four, och se om problemet kvarstår.

Om du fortfarande har problem efter att ha kontrollerat WordPress-plugins och teman, försök då att uppdatera WordPress-versionen och rensa WordPress-cachen.

3. Ta bort felet med ogiltig JSON i innehållsredigeraren

När du redigerar ett blogginlägg eller en sida kan ett felmeddelande visas när du klickar på knappen 'Uppdatera' i blockredigeraren, som säger 'Svaret är inte ett giltigt JSON-svar'.

WordPress kommunicerar kontinuerligt med webbservern i bakgrunden när du redigerar ett inlägg på din WordPress-blogg. Detta fel orsakas när WordPress inte får svar från servern, eller om svaret inte är i JSON-format.

Här är några anledningar till varför du kan få ett ogiltigt JSON-fel och hur du åtgärdar dem:

• Kontrollera WordPress-URL:er i Inställningar – Du måste se till att WordPress-adressen och webbplatsadressen i din webbplats inställningar är korrekta. Gå helt enkelt till sidan Inställningar » Allmänt och kontrollera om URL:erna är desamma. JSON-felet kan utlösas om webbplatsadressen är annorlunda.

• Åtgärda inställningar för permalänkar i WordPress – I WordPress kan du ställa in SEO-vänliga URL:er för dina sidor och inlägg. Felaktiga inställningar kan dock göra det svårt för blockredigeraren att få ett giltigt JSON-svar. Se bara till att välja rätt permalänkformat.
• Kontrollera WordPress .htaccess-filinställningar – .htaccess-filen används som en konfigurationsfil i WordPress för att hantera SEO-vänliga URL:er (permalänkar). Vanligtvis kommer WordPress automatiskt att generera om och uppdatera den. Felaktiga inställningar eller föråldrade .htaccess-filer kan dock orsaka JSON-fel.
• Visa REST API-felsökningsloggar – REST API är en uppsättning tekniker som WordPress använder för att kommunicera med din webbplats server. Ett JSON-fel kan också innebära att REST API stötte på ett fel. Du kan kontrollera detta genom att visa REST API-loggarna på sidan Webbplatsens hälsa i WordPress.
• Prova att inaktivera alla plugins – En konflikt mellan olika WordPress-plugins kan också resultera i ett ogiltigt JSON-fel. Försök att inaktivera alla plugins på din webbplats och se om felet återkommer.
• Byt till den klassiska redigeraren – Om du fortfarande inte kan lösa JSON-felet kan du byta tillbaka till den klassiska redigeraren i WordPress. Den gamla innehållsredigeraren är inte beroende av REST API för att få ett JSON-svar från webbservern.

För att lära dig mer om vart och ett av dessa tips i detalj, se vår guide om hur man åtgärdar felet med ogiltig JSON i WordPress.

4. Åtgärda fel vid uppdatering / publicering misslyckades

Ett annat fel du kan se när du uppdaterar eller publicerar ett blogginlägg eller en sida i WordPress blockredigerare är: 'Uppdatering misslyckades. Du är förmodligen offline.'

Detta problem uppstår när WordPress REST API inte kan kommunicera med WordPress-databasen.

Om blockredigeraren inte kan skicka och ta emot förfrågningar från WordPress-värdens databas, kommer olika delar av din webbplats inte att fungera. Detta inkluderar blockredigeraren.

REST API kan sluta fungera om du inte är ansluten till internet eller har tappat anslutningen. För att åtgärda detta problem, se till att din internetanslutning fungerar korrekt och försök sedan att uppdatera eller publicera din sida.

Utöver det kan du gå till Verktyg » Webbplatsens hälsa från din WordPress-instrumentpanel och visa REST API-loggarna. Om det finns ett problem med REST API, kommer du att se det under avsnittet 'rekommenderade förbättringar'.

Felprotokollet kommer att visa vad som hände med REST API och kan ge dig ledtrådar om vad som kan ha orsakat problemet.

För information om hur du åtgärdar detta problem kan du titta på vår guide om hur du åtgärdar WordPress-fel vid uppdatering misslyckades.

5. Lägg till eller ta bort tomma utrymmen mellan WordPress-block

När du skapar anpassade sidor och inlägg med WordPress blockredigerare, kanske du märker för mycket eller för lite utrymme mellan blocken.

Vanligtvis kontrollerar ditt WordPress-tema avståndet. Det finns dock alternativ i blockredigeraren som också låter dig styra sidans layout och erbjuda en bättre användarupplevelse.

Till exempel kan du lägga till ett Mellanslag-block för att lägga till tomma utrymmen. Klicka bara på knappen ‘+’ och lägg till Mellanslag-blocket var som helst i innehållet.

På så sätt kan du lägga till extra utrymme mellan block.

WordPress låter dig också justera storleken på mellanrumblocket. Du kan göra det större eller mindre genom att dra blocket uppåt eller nedåt.

Om du vill ta bort extra tomrum mellan block, måste du ange anpassad CSS i ditt WordPress-tema eller använda ett CSS-plugin som CSS Hero.

Pluginet låter dig redigera din webbplats CSS utan att redigera koden. Det erbjuder olika avståndsinställningar som du kan använda för att justera det tomma utrymmet mellan block.

Du kan också använda SeedProd för att skapa en anpassad sida i WordPress och ha full kontroll över designen.

För att lära dig mer, se vår guide om hur du lägger till eller tar bort blanksteg mellan WordPress-block.

6. Kopiera och klistra in innehåll utan formateringsproblem

Har du någonsin märkt att kopiering och inklistring av innehåll från en skrivbordsapp eller en webbsida in i blockredigeraren också resulterar i oönskad formatering?

Du kommer att se att teckensnittet och färgerna på det inklistrade innehållet inte matchar ditt WordPress-tema. Detta är mycket vanligt om du använder Microsoft Word eller Google Docs för att skriva innehållet och sedan lägger in det i blockredigeraren.

Några enkla tips för att behålla den ursprungliga formateringen inkluderar att använda rubrikstilar i Word och Google Docs. På så sätt plockar WordPress automatiskt upp rubrikens nivå när du klistrar in innehållet i blockredigeraren.

Dessutom bör du kontrollera HTML-koden för din sida eller ditt inlägg efter att ha klistrat in innehållet. I WordPress innehållsredigerare kan du välja ett block och sedan klicka på alternativet med 3 vertikala prickar.

Från rullgardinsmenyn, välj helt enkelt alternativet 'Redigera som HTML'.

På så sätt bör du kunna hitta eventuella formateringsfel, som felaktiga fetstilar och kursiv stil, oönskad text och mer.

För mer information kan du se vår guide om hur man kopierar och klistrar in i WordPress utan formateringsproblem.

7. Åtgärda problemet med bilduppladdning i WordPress

Därefter kan du se ett fel när du laddar upp bilder i WordPress blockredigerare. Det är ett av de vanligaste bildproblemen i WordPress.

Huvudorsaken till detta fel beror på felaktiga filrättigheter. Alla dina webbplatsfiler lagras på din webbhotelltjänst och kräver specifika fil- och katalogrättigheter för att fungera.

Om dessa behörigheter är felaktiga kan det hindra WordPress från att läsa och ladda upp filer till värdservern. Som ett resultat kommer du att märka att bilder försvinner från mediebiblioteket när de laddas upp, eller så kan du se ett fel som säger:

'Kunde inte skapa katalogen wp-content/uploads/2019/04. Är dess överordnade katalog skrivbar av servern?'

För att åtgärda detta problem måste du redigera filrättigheterna. Du kan använda en FTP-klient och komma åt mappen /wp-content/. Härifrån kan du högerklicka på mappen och ändra filrättigheterna.

Följ vår steg-för-steg-guide om hur du åtgärdar problemet med bilduppladdning i WordPress för mer information om denna lösning.

8. Åtgärda HTTP-felet vid uppladdning av bilder

Ett annat problem du kan stöta på när du laddar upp bilder i WordPress blockredigerare är HTTP-felet.

WordPress visar ett generiskt 'HTTP'-fel när du laddar upp bilder i mediebiblioteket, och du kan inte se en förhandsgranskning av bilden.

Det finns flera saker som kan orsaka detta problem. Det frustrerande är att felmeddelandet inte ger många ledtrådar till den faktiska orsaken.

För att åtgärda detta kan du prova en hel del saker. Först kan du helt enkelt vänta några minuter och försöka ladda upp bilden igen. Ibland kan din webbplatsserver stöta på ett problem som ovanlig trafik och låga serverresurser.

Dessutom kan du öka WordPress minnesgräns och förhindra att brist på minne orsakar HTTP-felet. Andra saker du kan prova inkluderar att ändra bildredigeringsbiblioteket som används av WordPress och att redigera .htaccess-filen.

Dessutom kan din inloggning ha gått ut, och det här felet försvinner ibland genom att gå till din inloggningsskärm och ange ditt användarnamn och lösenord igen.

Du kan läsa om var och en av dessa tips i detalj i vår guide om hur du åtgärdar HTTP-fel vid bilduppladdning i WordPress.

9. Ta bort missade schemalagda inläggsfel i WordPress

Visste du att WordPress erbjuder ett inbyggt alternativ för att schemalägga blogginlägg?

I WordPress innehållsredigerare kan du ändra datum och tid för publicering av dina blogginlägg. Ibland kan dock ditt schemalagda innehåll inte publiceras vid den angivna tiden.

Huvudanledningen till detta fel beror på WordPress-värdmiljön eller konflikter med tillägg. WordPress använder en teknik som kallas 'cron' för att automatiskt publicera ditt inlägg vid ett senare tillfälle.

Om ett plugin eller webbhotellsserver påverkar cron-jobben, kommer det att leda till ett fel med missade schemalagda inlägg i WordPress.

Du kan åtgärda detta problem genom att kontrollera tidszonen för din WordPress-webbplats. Det är möjligt att din webbplats tidszon inte matchar den tidszon du vill använda för att schemalägga dina bloggar.

Gå helt enkelt till Inställningar » Allmänt från WordPress adminpanel och skrolla ner till avsnittet Tidszon.

Du kan också försöka åtgärda detta problem genom att rensa WordPress-cachen och öka WordPress minnesgräns.

Se vår guide om hur man åtgärdar felet med missade schemalagda inlägg i WordPress.

10. Åtgärda justeringsproblem i WordPress blockredigerare

En annan vanlig WordPress-blockredigerare som du kan stöta på är att ditt innehåll och dina bilder kanske inte är korrekt justerade.

Låt oss till exempel säga att du lade till en punktlista i ett blogginlägg och centrerade den. Listan visas dock vänsterjusterad i blockredigeraren när du redigerar inlägget. På samma sätt kan ett centrerat bildblock visas vänster- eller högerjusterat.

Om du har Gutenberg-pluginet installerat och aktivt på din WordPress-webbplats kan det orsaka problem med blockjustering. Vi rekommenderar att du inaktiverar Gutenberg-pluginet och ser om det löser problemet.

En annan lösning är att lägga till följande anpassade CSS-kod för den text du vill centrera:

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

Du kan också se vår guide om hur man lägger till och justerar bilder i WordPress blockredigerare.

11. Åtgärda problem med felaktig Facebook-miniatyrbild

Har du någonsin märkt att när du delar en artikel på Facebook, så är inläggstumnagelbilderna felaktiga?

Problemet kan orsakas av motstridiga plugins, problem med innehållsleveransnätverk (CDN) eller saknade Open Graph-metataggar för Facebook.

Nu är detta inte ett problem som du kommer att se i WordPress blockredigerare. Du kan dock ange en Open Graph-bild för Facebook med hjälp av innehållsredigeraren.

Du kan använda pluginet All in One SEO (AIOSEO) för att snabbt åtgärda problemet. Det är det bästa SEO-pluginet för WordPress och hjälper dig att optimera din webbplats för sökmotorer och sociala medier.

Efter aktivering ser du en AIOSEO Settings-metabox i WordPress-innehållseditorn. Gå helt enkelt till fliken 'Social'.

Därefter kan du skrolla ner till avsnittet 'Bildkälla'.

Från rullgardinsmenyn kan du välja vilken bild som ska visas på Facebook och andra sociala medier när artikeln delas.

Du kan följa vår guide om hur du åtgärdar problemet med felaktiga Facebook-miniatyrbilder i WordPress och lära dig om andra sätt att lösa detta problem.

12. Åtgärda problem med Facebook och Instagram oEmbed

Ett annat problem med blockredigeraren relaterat till sociala medier som du kommer att stöta på är att lägga till Facebook- och Instagram-innehåll i WordPress.

Tidigare kunde du enkelt bädda in inlägg från Instagram eller Facebook i WordPress. Facebook har dock ändrat hur oEmbed fungerar nu.

Du kan inte längre bädda in videor, bilder, uppdateringar och annat innehåll i WordPress. Istället visas bara en vanlig URL till innehållet.

Du kan enkelt åtgärda detta problem med ett sociala medier WordPress-plugin som Smash Balloon. Det hjälper dig att enkelt bädda in innehåll från Facebook och Instagram med oEmbed, och du kan också visa flöden från sociala medier på din webbplats.

För mer information, se vår guide om hur du åtgärdar Facebook- och Instagram-oEmbed-problem i WordPress.

13. Kan inte se förhandsgranskning av inbäddat innehåll i blockredigeraren

Detta är ett problem som togs upp i WordPress version 5.7. När du bäddade in en video från YouTube och Vimeo eller lade till ljud från Spotify och SoundCloud, visades förhandsgranskningen inte i blockredigeraren.

Istället skulle du bara se ‘Förhandsgranskning är inte tillgänglig’ eller ‘Det här blocket har stött på ett fel och kan inte förhandsgranskas’ skrivet i blocken. Den främsta orsaken till detta problem var standardfunktionen för lat laddning.

I WordPress 5.5 laddades iFrames som standard med lat laddning, vilket innebar att inbäddat innehåll som bilder inte laddades förrän en besökare scrollade ner till innehållets plats.

En enkel lösning på detta problem är att uppdatera din WordPress-version. Denna bugg har sedan dess lösts. Om du använder version 5.7 eller lägre, rekommenderar vi starkt att du uppdaterar din WordPress till den senaste versionen.

Vi hoppas att den här artikeln hjälpte dig att lära dig om vanliga problem med blockredigeraren och hur du åtgärdar dem. Du kanske också vill se vår guide om vanliga WordPress-fel och hur du åtgärdar dem, och hur du åtgärdar 504 Gateway Timeout-felet i WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.