Gutenberg kommer snart till WordPress. Din webbplats är han redo? Även om vi fortfarande inte vet exakt vilken form det kommer att ta, kommer detta nya innehållssystem att läggas till WordPress i framtiden. Låt oss ta en titt på de potentiella effekterna detta kan ha på din webbplats och sätt att identifiera och åtgärda problemområden i förväg.
Vad är Gutenberg?
Gutenberg är ett WordPress-projekt som syftar till att ge användare mer flexibilitet i att designa sitt innehåll. I huvudsak syftar projektet till att ersätta den nuvarande editorn, som främst fungerar som en ordbehandlare, med ett mer visuellt och strukturerat gränssnitt. För närvarande är Gutenberg ett plugin, och det ger användarna möjlighet att redigera sitt innehåll på samma sätt som Visual Composer eller andra dra och släpp-redigerare (Drag & Drop), men på ett förenklat och mycket intuitivt sätt.
För att lära dig mer om Gutenberg, klicka här.
Delarna av din webbplats
Gutenberg är ett enormt företag och kommer sannolikt att nå många slutpunkter i din webbplats. Det här är de tre områden vi kommer att utforska för potentiella problem:
- Ditt tema: Gutenberg har sina egna stilar för innehållet. Är ditt tema kompatibelt? Hur kommer Gutenberg att se ut när den är aktiv?
- Dina plugins: Det är möjligt att Gutenberg kan interagera med dina andra plugins på oväntade sätt. Vi kommer att se vad det kan vara och vad vi ska göra för att åtgärda eventuella problem som uppstår.
- Ditt innehåll: Gutenberg påverkar hur ditt innehåll visas. Vi tar en titt på hur detta kan förändra utseendet på dina sidor och går igenom några potentiella lösningar om du har problem.
Ställa in ett testområde
Innan du börjar är det en bra idé att skapa ett testområde där du kan experimentera med Gutenberg utan att riskera din huvudsida. Helst bör du skapa ditt eget testområde eller skapa en lokal kopia av din webbplats. Mer information om hur du utför någon av dessa uppgifter finns i följande handledning: Så här installerar du WordPress lokalt.
Om detta inte är möjligt kan du utföra testerna direkt på din webbplats. Observera att detta kan vara riskabelt eftersom vi kommer att aktivera och inaktivera ett antal delar av din webbplats. Om du utför live-tester, se till att skapa en säkerhetskopia av din webbplats innan du börjar.
När du väl vet var du ska testa, gå till plugin-katalogen och hitta Gutenberg. När den är installerad och aktiverad, läs vidare.
Testa ditt tema
Nu när du har installerat Gutenberg, låt oss ta en titt på den första delen av din webbplats som kan påverkas: ditt tema. Om det redan finns stora problem vid denna punkt, till exempel databasfel eller problem med WordPress-instrumentpanelen, fortsätt till avsnittet Vad man ska göra när det finns för många problem.
Eftersom Gutenberg främst interagerar med webbplatsinnehåll räcker det att testa några saker - lyckligtvis för oss.
Den första är att Gutenberg kommer med sitt eget formatmall och en uppsättning stilar. Kontrollera var och en av de olika typerna av sidor och mallar som används på din webbplats för att se till att de fortfarande visas korrekt. Huvudmålet här är att fokusera på element i sidans huvudinnehåll, särskilt innehåll och bildblock. Om du ser några problem är det troligt att Gutenbergs stilar har företräde framför dem på din webbplats.
För att rätta till detta måste du identifiera var problemet kommer ifrån. Vanligtvis är detta en CSS-väljare som fokuserar på ett HTML-element eller prioritet för Gutenberg-stilar framför dina egna klasser. Hur som helst, försök att identifiera var felet uppstår. Bestäm sedan varför Gutenbergs stilar åsidosätter din och fixa din kod så att den får företräde.
Försök göra korrigeringar i ditt eget tema (eller ännu bättre, i ett barntema eller område som anges för CSS i ditt tema) snarare än att modifiera Gutenberg. Om du direkt redigerar någon av filerna i Gutenberg kommer det sannolikt att skrivas över när plugin uppdateras.
På samma sätt vill du köra samma tester på din instrumentpanel en gång för alla. Temalternativ och andra anpassade sektioner som genereras av ditt tema verkar vara de största syndarna hittills. När du väl har identifierat stylingproblem inom dessa områden kan du vanligtvis fixa dem genom att ändra eller skapa ett barntema och justera CSS där.
Fungerar dina plugins?
Efter att ha testat ditt tema är plugins för din webbplats följande. Håll utkik efter plugins som ger kortkoder som du använder i ditt innehåll (t.ex. Gravity Forms), plugins som påverkar utseendet på ditt innehåll (t.ex. plugins för tillgänglighet som påverkar textstorlek) och plugins som direkt sätter in element på din sida (t.ex. avancerade anpassade fält).
Utforska kortnummer
För att granska detta område, börja med att samla en lista över alla kortkoder du använder, samt vilka sidor de finns på. Med din lista i handen, besök var och en av dessa sidor för att se om de fungerar som förväntat. Om du har stylingproblem är chansen att du upplever samma problem som tidigare och behöver justera dina stilar.
Men om kortkoden visas och inte det förväntade innehållet (dvs. din sida visar [shortcode]istället för att göra rätt) finns det en annan lösning. I det här fallet kan du titta på blocket där kortkoden finns och bekräfta att den inte anses vara text (hitta och ta bort oönskade etiketter runt kortkoden). Om problemet kvarstår bör du starta om allt om du flyttar kortkoden till en lämpligare blocktyp.
Utseende av innehållet
Detta problem härrör från samma problem som vi redan täckte: stilbyten. Identifiera de drabbade elementen och korrigera CSS.
Elementskapande
Det sista området vi kommer att titta på för motstridiga frågor handlar om skapande av objekt. Varje plugin som infogar HTML-element på en sida utan att använda kortkoder är misstänkt här, till exempel när PHP extraherar anpassade fält från plugin-programmet Advanced Custom Fields.
Den vanligaste glidningen med att skapa element kretsar kring oförenliga block. Eftersom Gutenberg tillhandahåller sina egna stilar är det möjligt att om dina artiklar skapas i ett oavsiktligt block, kanske de inte visas korrekt. Lösningen för detta är att se till att din kod lägger till objekt i blocket där du vill att de ska vara.
Visas ditt innehåll efter behov?
Det är inte lika brådskande som de andra frågorna vi har diskuterat, men det kan finnas vissa komplikationer i hur ditt innehåll visas. De flesta av dessa problem kommer från mindre stylingförändringar ellerorganisation block. För att fixa detta måste du leka med blocksystemet tills du får din sida som du vill ha den.
Vad man ska göra när det finns för många problem
Har du stött på ett problem som du inte kunde lösa med förslagen i den här självstudien? Få inte panik ! Det finns fortfarande en stund innan Gutenberg integreras i kärnan i WordPress.
Skriv först ner vad felet är och vilka steg som ledde till felet. Ju mer information du kan samla, desto bättre. Förmedla all denna information till Gutenberg-teamet. Med tur kommer de att kunna avgöra problemet och åtgärda det i en framtida version.
Om du arbetade på en iscensättningsplats, vid det här laget, är det allt du kan göra för tillfället. Fortsätt kontrollera utgåvan för att se om ditt problem är löst, eller arbeta eventuellt med att fixa det själv.
Om du arbetade på din livewebbplats skulle det vara normalt att stänga av Gutenberg. Om inte, är det dags att gå tillbaka till den säkerhetskopian som du gjorde i början av handledningen!
Lycka till din installation!
Gutenberg syftar till att vara en massiv förändring i WordPress-miljön, som syftar till att ändra innehåll till det bättre. Kontrollera att din webbplats fungerar med de nya ändringarna innan den träffar huvudgrenen. Om du har några andra problem än de som listas här, bättre lösningar eller korrigeringar för något i denna handledning, vänligen lämna en kommentar nedan.
