Hur du testar din webbplats för uppdatering till Gutenberg (blockredigerare)

Att byta till WordPress blockredigerare kan vara ett stort steg om din webbplats har fungerat smidigt med den klassiska redigeraren.

Blockredigeraren introducerar en modern upplevelse. Den gör det enklare att skapa rika layouter utan extra plugins eller kortkoder.

Uppdateringen ger spännande möjligheter, men det är viktigt att göra övergången noggrant.

Att testa din webbplats i förväg hjälper dig att undvika överraskningar. Det säkerställer att du behåller din nuvarande design och att allt fortsätter att fungera som förväntat.

Vi har hjälpt många WordPress-användare att förbereda sig för denna förändring. Lite planering kommer långt. I den här guiden går vi igenom de exakta stegen vi följer för att testa en webbplats innan vi aktiverar blockredigeraren.

Detta hjälper dig att gå vidare med förtroende och få ut mesta möjliga av vad blockredigeraren har att erbjuda.

Varför testa din WordPress-webbplats innan du uppdaterar till Gutenberg?

Även om moderna WordPress-teman och plugins till stor del är kompatibla med blockredigeraren, är testning det enda sättet att vara 100 % säker.

Att skapa en testmiljö innan du byter från den klassiska redigeraren gör att du kan:

• Upptäck inkompatibiliteter: Du kan ta reda på om några av dina äldre plugins eller anpassade temafunktioner krockar med blockredigeraren.
• Skydda din live-trafik: Du undviker trasiga layouter eller felmeddelanden som kan skrämma bort besökare.
• Skydda intäkter: Du säkerställer att dina kontaktformulär, kassasidor och annonser fortsätter att fungera perfekt.
• Öva riskfritt: Du kan bli bekväm med det nya gränssnittet utan pressen att redigera en live-webbplats.

Uppskattad testtidslinje

Innan du börjar, här är vad du kan förvänta dig när det gäller tidsåtgång:

• Skapa säkerhetskopia: 10-30 minuter (beroende på webbplatsens storlek)
• Staging-installation: 15-45 minuter (snabbare med 1-klicksverktyg för hosting)
• Test av blockredigerare: 1-3 timmar (testa alla viktiga sidor och funktioner)
• Åtgärdande av problem: Variabel (kontakta utvecklare om konflikter hittas)
• Total tid: 2-5 timmar för de flesta WordPress-webbplatser

Större webbplatser med omfattande anpassningar kan kräva ytterligare testtid. Planera därefter och undvik att stressa processen.

Med det sagt, låt oss steg för steg kontrollera hur du testar din webbplats för att byta till blockredigeraren. Du kan använda dessa snabblänkar för att navigera genom den här handledningen:

Steg 1: Skapa en komplett säkerhetskopia av din webbplats

Du måste alltid skapa en fullständig säkerhetskopia av din WordPress-webbplats före varje större uppdatering. Säkerhetskopior skyddar dig mot skador och undviker problem som kan uppstå under uppdateringsprocessen.

Att regelbundet säkerhetskopiera webbplatsen är viktigt även om du inte uppdaterar din webbplats, eftersom de kan rädda dig i nödsituationer som skadlig kod, hackning och mer.

Det finns gott om WordPress-plugins för säkerhetskopiering som du kan välja mellan, men vi rekommenderar att använda Duplicator. Det litar på av över 1,5 miljoner aktiva installationer och har ett betyg på 4,9/5 på WordPress.org.

Vi har grundligt testat den på olika WordPress-installationer, och den har konsekvent visat sig vara pålitlig och användarvänlig.

Oavsett om du skapar manuella säkerhetskopior eller ställer in automatiserade scheman, ger Duplicator dig full kontroll och flexibilitet.

Om du är nyfiken på hur den jämförs med andra verktyg, har vi också publicerat en praktisk Duplicator-recension där vi delar med oss av vår erfarenhet mer i detalj.

För att skapa en säkerhetskopia med Duplicator, gå till din WordPress-instrumentpanel och navigera till Duplicator » Säkerhetskopior. Klicka sedan på 'Lägg till ny'.

Detta tar dig till en ny skärm där du behöver namnge din säkerhetskopia och konfigurera lagringsalternativ för den.

Klicka sedan på knappen 'Skapa säkerhetskopia'.

När det är klart, ladda ner både 'Installer'- och 'Archive'-filerna till din dator. Lagra dessa filer på en säker plats — du behöver dem om du behöver återställa din webbplats. 

För fullständiga instruktioner, se vår handledning om hur man skapar en fullständig säkerhetskopia i WordPress.

Steg 2: Testa din webbplats på en lokal server eller staging-webbplats

Efter att du har skapat en fullständig säkerhetskopia av din webbplats är du redo att testa. Du kan nu kontrollera din webbplats med blockredigeraren säkert.

Det finns två vanliga metoder för att testa nya uppdateringar utan att faktiskt påverka din live-webbplats:

1. Testa din webbplats på en lokal server installerad på din dator.
2. Testa din webbplats på en staging-server.

Båda alternativen låter dig testa WordPress med blockredigeraren och ditt befintliga innehåll, plugins och teman.

1. Testa din webbplats på en lokal server

Att använda en lokal server innebär att installera din WordPress-webbplats på din persondator. Moderna verktyg som LocalWP (tidigare Local by Flywheel) eller XAMPP gör detta enkelt med 1-klicksinstallationer av WordPress.

För Windows-användare är WAMP också ett bra alternativ, och Mac-användare kan använda MAMP (som även fungerar på Windows).

Ladda ner och installera LocalWP eller välj XAMPP, WAMP eller MAMP baserat på ditt operativsystem. Följ installationsguiden för att ställa in den lokala servermiljön på din dator.

I den här metoden kommer du först att flytta en kopia av din live WordPress-webbplats till den lokala servern med hjälp av ett migrationsplugin som Duplicator.

Efter att ha skapat ditt säkerhetskopieringspaket i steg 1, ladda upp både Installer- och Archive-filerna till din lokala servers rotkatalog (vanligtvis htdocs för XAMPP eller www för WAMP/MAMP).

Öppna sedan din webbläsare och gå till http://localhost/installer.php. Följ anvisningarna på skärmen för att packa upp arkivet och slutföra installationen.

För detaljerade instruktioner, se vår guide om hur du flyttar WordPress från en lokal server till en live-webbplats (den omvända processen fungerar på samma sätt).

Sedan, på den lokala webbplatsen, kan du växla till blockredigeraren. Du kan testa alla dina plugins och teman för kompatibilitet. Du kan också göra ändringar på den lokala webbplatsen och ladda upp dem till din live-webbplats när du är klar.

För att göra detta, skapa ett nytt Duplicator-paket på din lokala webbplats (följ samma säkerhetskopieringssteg från steg 1), ladda sedan upp installations- och arkivfilerna till din live-server och kör installationsprogrammet.

Om du inte behövde göra några ändringar lokalt och allt verkade bra, kan du uppdatera din live-webbplats. Skapa en ny säkerhetskopia innan du byter live-webbplats för att säkerställa att du kan återställa om något går fel.

2. Testa din webbplats i en staging-miljö

En staging-webbplats är en separat utvecklingsversion av din webbplats där du kan prova nya funktioner.

Det är vanligtvis en underdomän till din webbplats som är begränsad från offentlig åtkomst. Det är där du kan testa nya uppdateringar, teman och plugins, eller använda den för all din utveckling. När du har testat allt nödvändigt kan du sedan ladda upp den till din live-webbplats.

Alla stora hanterade WordPress-värdföretag – inklusive Bluehost, WP Engine, SiteGround och Hostinger – erbjuder 1-klicksinstallation av staging-webbplatser från ditt värdkonto.

Om din webbplats är hostad med Bluehost, hittar du ett alternativ för att skapa en staging-webbplats i Bluehost-menyn i din WordPress-adminpanel.

Om du inte använder något av dessa värdföretag, bör du fråga din värd eftersom de kan erbjuda den här funktionen.

Om din värdtjänst inte har en funktion för staging-webbplatsinstallation, kan du fortfarande göra det manuellt på egen hand. Här är vår steg-för-steg-guide om hur du ställer in en staging-miljö i WordPress.

Steg 3: Installera Classic Editor-plugin vid kompatibilitetsproblem

Det finns en chans att ett tema eller plugin kanske inte fungerar efter att du har bytt. Vanliga tecken på inkompatibilitet inkluderar: trasiga sidlayouter, saknat innehåll, felmeddelanden i redigeraren, funktioner som inte längre visas eller PHP-fel som visas på front-end.

Om du ser något av dessa problem betyder det att du fortfarande har arbete att göra.

Du behöver kontakta tema- eller pluginutvecklaren. Be dem att göra den kompatibel med blockredigeraren.

Om du inte får ett positivt svar kan du behöva hitta ett alternativt tema eller plugin.

Alternativt kan du fortsätta att använda pluginet Classic Editor. Detta är det bästa alternativet om du driver en innehållstung webbplats med ett stort team som redan är tränat på det klassiska arbetsflödet, eller om du förlitar dig på äldre plugins som inte har uppdaterats för blockkompatibilitet.

Classic Editor är ett officiellt WordPress-plugin. Det gör att du kan dölja blockredigeraren och skapa innehåll på samma sätt som tidigare.

Detta är också ett bra alternativ om du inte är redo att byta till Blockredigeraren ännu.

Steg 4: Lär dig mer om Gutenberg-redigeraren

Om du precis startar din första WordPress-blogg, har du tur. Du kommer snabbt att vänja dig vid den fantastiska nya blockredigeraren, som är snabbare, modernare och otroligt kraftfull.

Å andra sidan, om du har använt WordPress ett tag, är den nya redigeraren en spännande förändring. De flesta av oss är vana vid att arbeta med den gamla redigeraren. Vi har anpassat våra arbetsflöden kring den.

Den goda nyheten är att du fortfarande kan göra allt du gjorde i den gamla redigeraren med blockredigeraren. För att hjälpa dig att lära dig nya funktioner har vi skapat dessa artiklar:

• Hur man använder WordPress blockredigerare (Gutenberg-handledning)
• Hur man masskonverterar klassiska block till Gutenberg i WordPress
• Nybörjarguide för att uppdatera dina gamla WordPress-inlägg med Gutenberg Block Editor
• Hur du lägger till ett nytt inlägg i WordPress och utnyttjar alla funktioner
• Hur man lägger till och justerar bilder i WordPress blockredigerare (Gutenberg)
• Ultimata guiden för att välja och använda kapslade block i WordPress
• Hur man använder distraktionfri helskärmsredigerare i WordPress
• Hur man ångrar ändringar i WordPress med inläggsrevisioner
• Nybörjarguide: Hur man använder WordPress blockmönster

Du kan också se vår kompletta guide om Full Site Editor, som är som blockredigeraren men för att redigera dina WordPress-teman.

Vanliga frågor om att uppdatera din webbplats till Gutenberg

Här är några frågor som våra läsare ofta har ställt om att uppdatera sin WordPress-webbplatsredigerare till Gutenberg.

Hur testar jag min WordPress-webbplats säkert?

För att testa din WordPress-webbplats säkert, skapa först en fullständig säkerhetskopia med ett plugin som Duplicator.

Skapa sedan en staging-webbplats (eller lokal server med LocalWP, XAMPP, WAMP eller MAMP), växla till blockredigeraren i den testmiljön och granska alla sidor och plugins för fel innan du uppdaterar din live-webbplats.

Är Gutenberg bättre än Elementor?

Det beror på dina specifika behov. Blockredigeraren (Gutenberg) är inbyggd direkt i WordPress kärna, vilket eliminerar behovet av extern kod för sidbyggare och är bättre för webbplatsens prestanda. 

Vid våra tester laddar webbplatser som endast använder Blockredigeraren vanligtvis 20–30 % snabbare än de som kör Elementor, eftersom det inte finns någon ytterligare plugin-overhead. Elementor erbjuder dock mer detaljerad designkontroll för komplexa, anpassade layouter.

Hur aktiverar jag Gutenberg-redigeraren i WordPress?

Blockredigeraren är aktiv som standard i alla moderna WordPress-versioner. Om du inte ser den har du troligen pluginet "Classic Editor" aktivt. Du behöver bara gå till Plugins » Installera plugins och inaktivera Classic Editor.

Varför fungerar inte min blockredigerare i WordPress?

Detta orsakas vanligtvis av en konflikt med ett föråldrat plugin eller tema. Vi rekommenderar att du tillfälligt inaktiverar alla plugins för att se om redigeraren laddas korrekt, och sedan återaktiverar dem en efter en för att hitta det specifika pluginet som orsakar konflikten.

För mer information, se vår guide om vanliga problem med WordPress blockredigerare och hur du löser dem.

Hur byter jag till blockredigeraren?

Om du använder pluginet Classic Editor men vill byta, gå till Inställningar » Skrivande i din instrumentpanel. Under “Standardredigerare för alla användare,” välj “Blockredigerare” och spara dina ändringar.

Vad händer med mina gamla inlägg när jag byter till Gutenberg?

Dina befintliga inlägg förblir helt intakta. När du öppnar ett gammalt inlägg i blockredigeraren, slår WordPress automatiskt in ditt klassiska innehåll i ett "Klassiskt block".

Du kan fortsätta att redigera den som den är, eller konvertera den till enskilda block med verktyget för blockkonvertering. Inget innehåll går förlorat under bytet.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du testar din WordPress-webbplats för uppdatering till blockredigeraren. Du kanske också vill se hur du löser vanliga problem med blockredigeraren, och våra experttips för de bästa Gutenberg block-pluginsen.

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