Stöter du på fel när du använder WordPress-blockredigeraren?
WordPress ersatte den gamla klassiska editorn 2019 med en ny innehållsredigerare som heter Gutenberg. Den här redigeraren använder block för att skapa innehåll i WordPress. Men ibland kan du stöta på irriterande problem när du använder den.
I den här artikeln kommer vi att dela hur du fixar de vanligaste problemen med WordPress-blockredigerare så att du kan förbättra ditt arbetsflöde.
Vad är WordPress-blockredigeraren?
WordPress-blockredigeraren, eller Gutenberg, är innehållsredigeraren som introduceras i WordPress 5.0-versionen. Sedan dess har WordPress förbättrat redigeraren och lagt till nya funktioner och funktionalitet.
Ger fler anpassningsfunktioner jämfört med Classic Editor. Du får olika block för att lägga till olika element till ditt innehåll och du behöver inte redigera koden för att ändra utseendet och känslan.
Den försöker visa hur dina bloggar och sidor kommer att se ut i realtid genom att efterlikna samma typsnitt och färger som ditt WordPress-tema.
Du kan till exempel 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.
Utöver det lägger många WordPress-plugins till sina block till innehållsredigeraren. Detta gör det mycket enkelt att infoga element som formulär, sociala medier och innehållsförteckningar med bara några klick.
Som sagt, blockredigeraren är inte perfekt. Som alla andra WordPress-plugin kan du stöta på olika fel eller krascher.
Nedan finns några vanliga problem i innehållsredigeraren. Du kan klicka på länkarna nedan för att gå till olika delar av vår handledning:
1. Fixa WordPress Block Editor Fungerar inte
Ett av de vanligaste problemen som användare möter är “WordPress block editor fungerar inte”.
Det finns flera anledningar till att detta fel uppstår. Det kan till exempel bero på ett gammalt och inaktuellt tema, ett felaktigt plugin eller andra tekniska fel.
WordPress-blockredigeraren kanske inte heller fungerar om du har felkonfigurerade inställningar på din webbplats, som att inaktivera den visuella redigeraren när du skapar en användarprofil.
Du kan kontrollera det genom att gå till Användare » Profil från din WordPress-instrumentpanel. Härifrån, se bara till att alternativet “Stäng av den visuella redigeraren när du skriver” 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 alla konflikter som ett plugin kan orsaka och stoppa blockredigeraren från att fungera.
Ett annat sätt att lösa detta problem är genom att uppdatera ditt WordPress-tema. Ett föråldrat tema kan orsaka ett fel i blockredigeraren. Du kan se vår guide om hur du uppdaterar ditt WordPress-tema utan att förlora data eller anpassning.
2. WordPress block editor kraschar hela tiden
Ett annat vanligt problem som vissa användare möter är att WordPress-blockredigeraren kraschar oväntat.
När det misslyckas kommer du att se felmeddelandet “Redaktören har stött på ett oväntat fel.” WordPress kommer då att visa 3 alternativ inklusive försök att återställa, kopiera inläggstext och kopieringsfel.
Det kan finnas flera orsaker till detta problem. Till exempel kan ett plugin bryta blockredigeraren och visa detta fel, eller så är din WordPress-version inaktuell.
Du kan åtgärda det här problemet genom att avaktivera alla plugins och återaktivera dem en efter en. En annan lösning är att ändra din WordPress till ett standardtema, som Twenty Twenty-Two, och se om problemet kvarstår.
Om du fortfarande har det här problemet efter att ha kontrollerat WordPress-plugins och tema, försök att uppdatera WordPress-versionen och rensa WordPress-cachen.
3. Ta bort Invalid JSON Error i Content Editor
När du redigerar ett blogginlägg eller en sida kan felet “Svaret är inte ett giltigt JSON-svar” uppstå när du klickar på Uppdatera-knappen i blockredigeraren.
WordPress är i kontinuerlig kommunikation med webbservern i bakgrunden när du redigerar ett inlägg på din WordPress-blogg. Det här felet uppstår när WordPress inte får något svar från servern eller 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 det:
- Kontrollera WordPress-webbadresser i Inställningar – Du måste se till att WordPress-adressen och webbplatsadressen i dina webbplatsinställningar är korrekta. Gå bara till Allmänna justeringar sida och kontrollera om webbadresserna är desamma. JSON-felet kan utlösas om webbplatsadressen är en annan.
- Fixa Permalink Settings i WordPress – I WordPress kan du ställa in SEO-vänliga webbadresser för dina sidor och inlägg. Felaktig konfiguration kan dock göra det svårt för blockredigeraren att få ett giltigt JSON-svar. Se bara till att du väljer 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 webbadresser (permalänkar). WordPress kommer vanligtvis att återskapa och uppdatera det automatiskt. Felaktiga konfigurationer 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å betyda att REST API stötte på ett fel. Du kan verifiera detta genom att se REST API-loggarna på sidan Site Status i WordPress.
- Testa att inaktivera alla plugins – En konflikt mellan olika WordPress-plugins kan också orsaka ett ogiltigt JSON-fel. Testa att inaktivera alla plugins på din webbplats och se om felet uppstår igen.
- Byt till klassisk redigerare – Om du fortfarande inte kan lösa JSON-felet kan du gå tillbaka till Classic Editor i WordPress. Den gamla innehållsredigeraren är inte beroende av REST API för att få ett JSON-svar från webbplatsservern.
För att lära dig mer om vart och ett av dessa tips i detalj, kolla in vår guide om hur du fixar ogiltiga JSON-fel i WordPress.
4. Åtgärda uppdatering/publiceringsfel
Ett annat fel som du kan se när du uppdaterar eller publicerar ett blogginlägg eller en sida i WordPress-blockredigeraren är: “Uppdateringen misslyckades.” Du är förmodligen offline.”
Det här problemet uppstår när WordPress REST API inte kan kommunicera med WordPress-databasen.
Om blockredigeraren inte kan skicka eller ta emot förfrågningar från WordPress-värddatabasen, 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 förlorat anslutningen. För att åtgärda det här problemet, se till att din internetanslutning fungerar korrekt och försök sedan uppdatera eller publicera din sida.
Annat än det kan du gå till Verktyg » Webbplatsstatus från din WordPress-instrumentpanel och se REST API-loggarna. Om det finns ett problem med REST API kommer du att se det i avsnittet “rekommenderade förbättringar”.
Felloggen visar 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 det här problemet kan du kolla in vår guide om hur du åtgärdar misslyckade WordPress-uppdateringsfel.
5. Lägg till eller ta bort blanksteg mellan WordPress-block
När du skapar anpassade sidor och inlägg med WordPress-blockredigeraren kanske du märker för mycket eller för lite utrymme mellan blocken.
Avstånd styrs vanligtvis av ditt WordPress-tema. Det finns dock alternativ i blockredigeraren som också låter dig styra layouten på din sida och erbjuda en bättre användarupplevelse.
Du kan till exempel lägga till ett distansblock för att lägga till vitt utrymme. Klicka bara på ‘+’-knappen och lägg till distansblocket var som helst i innehållet.
På så sätt kan du lägga till extra utrymme mellan blocken.
WordPress låter dig även justera storleken på distansblocket. Du kan göra det större eller mindre genom att dra blocket uppåt eller nedåt.
Om du vill ta bort extra blanksteg mellan blocken måste du ange anpassad CSS i ditt WordPress-tema eller använda ett CSS-plugin som CSS Hero.
Insticksprogrammet låter dig redigera din webbplats CSS utan att redigera koden. Den erbjuder olika avståndsalternativ som du kan använda för att justera det vita utrymmet mellan blocken.
Du kan också använda SemillaProd att skapa en anpassad sida i WordPress och ha full kontroll över designen.
För mer information, 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 när du kopierar och klistrar in innehåll från en skrivbordsapp eller webbsida i blockredigeraren, så klistrar du också in 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 skriva in det i blockredigeraren.
Några enkla tips för att behålla den ursprungliga formateringen inkluderar att använda rubrikstilar från Word och Google Dokument. På så sätt väljer WordPress automatiskt titelnivån när du klistrar in innehållet i blockredigeraren.
Utöver det bör du kontrollera HTML-koden för din sida eller ditt inlägg efter att ha klistrat in innehållet. I WordPress-innehållsredigeraren kan du välja ett block och sedan klicka på alternativet 3 vertikala punkter.
Från rullgardinsmenyn väljer du helt enkelt alternativet “Redigera som HTML”.
På så sätt bör du kunna hitta formateringsfel, som felaktig fetstil och kursiv stil, oönskad text med mera.
För mer information kan du konsultera vår guide om hur du kopierar och klistrar in i WordPress utan formateringsproblem.
7. Åtgärda problem med bildladdning i WordPress
Därefter kan du se ett fel när du laddar upp bilder i WordPress-blockredigeraren. Det är ett av de vanligaste bildproblemen i WordPress.
Den främsta orsaken till detta fel beror på felaktiga filbehörigheter. Alla dina webbplatsfiler lagras på ditt webbhotell och kräver specifika fil- och katalogbehörigheter 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 felmeddelande som säger:
‘Kan inte skapa katalogen wp-content/uploads/2019/04. Kan servern skriva till sin hemkatalog?
För att åtgärda det här problemet måste du redigera filbehörigheterna. Du kan använda en FTP-klient och komma åt mappen /wp-content/. Härifrån kan du högerklicka på mappen och ändra filbehörigheterna.
Följ vår steg-för-steg-guide om hur du åtgärdar problem med bildladdning i WordPress för att lära dig mer om den här lösningen.
8. Åtgärda HTTP-bildöverföringsfel
Ett annat problem du kan stöta på när du laddar upp bilder till WordPress-blockredigeraren är HTTP-felet.
WordPress kommer att visa ett generiskt “HTTP”-fel när du laddar upp bilder till mediebiblioteket och du kommer inte att kunna se en förhandsvisning av bilden.
Det finns flera saker som kan orsaka detta problem. Den frustrerande delen är att felmeddelandet inte ger många ledtrådar om den faktiska orsaken.
För att lösa det här problemet kan du prova flera saker. Först kan du helt enkelt vänta några minuter och försöka ladda om bilden. Ibland kan din webbplatsserver stöta på problem som ovanlig trafik och låga serverresurser.
Utöver det kan du öka WordPress-minnesgränsen och förhindra att minnet är slut från att orsaka HTTP-felet. Andra saker du kan prova inkluderar att ändra bildredigeringsbiblioteket som används av WordPress och redigera .htaccess-filen.
Dessutom kan din inloggning ha gått ut och detta fel kommer ibland att försvinna genom att gå till inloggningsskärmen och ange ditt användarnamn och lösenord igen.
Du kan läsa vart och ett av dessa tips i detalj i vår guide om hur du fixar HTTP-bilduppladdningsfel i WordPress.
9. Eliminera missade schemainlä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 publiceringsdatum och tid för dina blogginlägg. Men ibland kan schemalagt innehåll inte publiceras vid den schemalagda tiden.
Den främsta orsaken till detta fel beror på WordPress-värdmiljö eller plugin-konflikter. WordPress använder en teknik som kallas “cron” för att automatiskt publicera ditt inlägg senare.
Om ett plugin eller webbhotellsservern påverkar cron-uppgifter, kommer ett schemalagt inlägg förlorat fel att inträffa i WordPress.
Du kan åtgärda det här problemet genom att kontrollera tidszonen för din WordPress-webbplats. Din webbplatss tidszon kanske inte matchar den tidszon du vill använda för att schemalägga dina bloggar.
Gå bara till Allmänna justeringar från WordPress adminpanel och scrolla ner till avsnittet Tidszon.
Du kan också försöka lösa detta problem genom att rensa WordPress-cachen och öka WordPress-minnesgränsen.
Kolla in vår guide om hur du fixar det missade schemalagda inläggsfelet i WordPress.
10. Åtgärda anpassningsproblem i WordPress Block Editor
En annan vanlig WordPress-blockredigerare du kan möta är att ditt innehåll och dina bilder kanske inte är korrekt justerade.
Låt oss till exempel säga att du har lagt till en punktlista i ett blogginlägg och justerat det till mitten. Listan visas dock vänsterjusterad i blockredigeraren när du redigerar inlägget. På liknande sätt kan ett mittjusterat 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 texten du vill centrera:
.has-text-align-center {
text-align: center;
}
Du kan också se vår guide om hur du lägger till och justerar bilder i WordPress-blockredigeraren.
11. Lös problem med felaktiga miniatyrbilder på Facebook
Har du någonsin märkt att när du delar en artikel på Facebook är inläggsminiatyrerna 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-blockredigeraren. Du kan dock ange en Open Graph-bild för Facebook med hjälp av innehållsredigeraren.
Du kan använda Allt-i-ett SEO (AIOSEO) plugin 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.
Vid aktivering kommer du att se en AIOSEO Settings-metabox i WordPress-innehållsredigeraren. Gå helt enkelt till fliken “Socialt”.
Du kan sedan scrolla 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. Facebook felaktigt miniatyrbildsproblem i WordPress och lär dig andra sätt att lösa problemet.
12. Åtgärda Facebook och Instagram oInfoga problem
Ett annat socialt media-relaterat blockredigeringsproblem du kommer att möta är att lägga till Facebook- och Instagram-innehåll till WordPress.
Tidigare kunde du enkelt bädda in Instagram- eller Facebook-inlägg i WordPress. Facebook har dock förändrat hur oEmbed fungerar nu.
Du kan inte längre bädda in videor, bilder, uppdateringar och annat innehåll i WordPress. Istället kommer det att visa en enkel URL till innehållet.
Du kan enkelt lösa detta problem genom att använda ett WordPress-plugin för sociala medier som krossa ballongen. Det hjälper dig att enkelt bädda in innehåll från Facebook och Instagram med oEmbed, och du kan även visa flöden för sociala medier på din webbplats.
För mer information, se vår guide om hur du åtgärdar problemet. Facebook och Instagram oInbäddningsproblem i WordPress.
13. Kan inte förhandsgranska inbäddat innehåll i blockredigeraren
Detta är ett problem som uppstod i WordPress version 5.7. Varje gång du bäddade in en video från YouTube och Vimeo eller lade till ljud från Spotify och SoundCloud, visades inte förhandsvisningen i blockredigeraren.
Istället kommer du helt enkelt att se “Förhandsgranskning är inte tillgänglig” eller “Det här blocket stötte på ett fel och kan inte förhandsgranskas” skrivet på blocken. Grundorsaken till detta problem var standardfunktionen för lazy loading.
I WordPress 5.5 var iFrames lata laddade som standard, vilket innebar att inbäddat innehåll, som bilder, inte laddades förrän en besökare scrollade ner till innehållsplatsen.
En enkel lösning på detta problem är att uppdatera din version av WordPress. Denna bugg har sedan dess åtgärdats. 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 blockredigeringsproblem och hur du åtgärdar dem. Du kanske också vill se vår guide om vanliga WordPress-misstag och hur man fixar dem och den ultimata WordPress SEO-guiden för nybörjare.
