Från och med 06 december 2018 är WordPress 5.0 ”Bebo” här! Om du ignorerat alla andra uppdateringar i år, är det dags att sätta sig ner och ägna dem lite uppmärksamhet eftersom det här är den största uppdateringen för 2018. WordPress ändrar helt hur användare och utvecklare använder CMS med sin nya Gutenberg-redigerare. Det handlar nu om block. Vi har också ett nytt Twenty Nineteen tema som är standard på nya installationer.

Uppdatering: Vad är nytt i WordPress 5.3

Som med alla nya versioner av WordPress rekommenderar vi alltid testning. Det här kan låta tjatigt, men eftersom den här versionen påverkar allt från redigerare, till tredje part-plugin, och till och med ditt tema, är testning inte valfritt! Om du inte testar kan saker lätt gå sönder. Detta är en release där du inte bara vill klicka på uppdateringsknappen.

Med det sagt, låt oss dyka ner i allt som är nytt med WordPress 5.0.

WordPress 5.0 Ändrar Allting (Vad som är nytt)

Med WordPress 4.8 (Evans) fick vi en mängd nya widgets och förbättringar, tillsammans med en praktisk förbättring av hur länkar fungerar i den visuella redigeraren.

Med WordPress 4.9 (Tipton) såg vi ett viktigt steg mot ett mer användarcentrerat sätt att anpassa och hantera webbplatser, med stora förbättringar av Customizern, nya spännande funktioner till widgets, en kraftfull textredigerare för att redigera kod.

De flesta av de senaste uppdateringarna har varit relativt små och för många av oss, påverkade inte så mycket. WordPress 5.0 är annorlunda. I stället för att lägga till mindre förbättringar här och där, är denna release helt fokuserad på följande två saker:

  1. Den nya Gutenberg WordPress-Redigeraren
  2. Twenty Nineteen WordPress-temat

Annars än mindre, små förändringar och buggfixar ses bara från fall till fall. I själva verket handlar det om Gutenberg. 📇

Medan det först kan låta som om det inte förändrats så mycket, kunde det inte vara längre från sanningen! Gutenberg är ett försök att pusha WordPress som ett CMS framåt i webbplatsbyggnationsutrymme. Faktum är att WordPress-teamet planerar att flytta bort från den gamla release-cykeln, där vi bara får små uppdateringar till en där vi ser större förändringar som händer på en gång. Men de har också sagt att planen är att få en mindre WordPress release två gånger i månaden nu när WordPress 5.0 släpps. Du kan kolla vad de har planerat för Gutenberg Phase 2.

Så vad exakt är Gutenberg? Gutenberg-handboken gör ett bra jobb att sammanfatta det:

Gutenberg började som en transformation av WordPress-redigeraren – ett nytt gränssnitt för att lägga till, redigera och manipulera innehåll. Det syftar till att göra det enkelt för alla att skapa rika, flexibla innehållslayouts med ett blockbaserat användargränssnitt. Alla typer av sidkomponenter representeras som modulblock, vilket innebär att de kan nås från en enhetlig blockmeny, släppas var som helst på en sida och direkt redigeras för att skapa den anpassade presentationen användaren vill ha.

Det är en grundläggande modernisering och omvandling av hur WordPress-upplevelsen fungerar, vilket skapar nya möjligheter för både användare och utvecklare. Gutenberg introducerar nya ramar, interaktionsmönster, funktionalitet och användarupplevelser för WordPress …

Med andra ord, i WordPress 5.0 kommer du inte längre ha samma klassiska WordPress-redigerare eller textredigerare som du har varit van vid att använda under det senaste decenniet. 😱 Det kommer nu att se ut så här:

Gutenberg Redigeraren
Gutenberg Redigeraren

Faktum är att du kanske redan har sett en callout om det i din WordPress-instrumentpanel. Detta har lagts till i WordPress 4.9.8 mindre release som ett sätt att ge användarna en uppfattning om att detta verkligen händer.

WordPress 5.0 Gutenberg callout
WordPress 5.0 Gutenberg callout

Gutenberg är standard och enda redigerare på nya WordPress 5.0 installationer. Oroa dig inte, du kan installera Classic Editor-pluginet om du vill. På så sätt kan du fortsätta använda den tillsammans med den nya Gutenberg-redigeraren.

Men rättvisa varningar, har WordPress-teamet sagt att Classic Editor-plugin bara stöds officiellt fram till 31 december 2021. Så vi rekommenderar att du dyker in i Gutenberg och WordPress 5.0 snarare än senare.

Varför händer det här? Det finns ett par anledningar.

1. WordPress måste konkurrera

Det första är att även om den självhostade versionen av WordPress är öppen källkod är Automattic, teamet bakom WordPress.com fortfarande ett företag. Det måste konkurrera med alla dessa andra webbplatsbyggnadslösningar som Wix och Squarespace. Om du tittar på WordPress marknadsandelar från 2017 till 2018 är tillväxten på årsbasis cirka 17,3 %. Medan det verkar bra, ta en titt på några av konkurrenterna. Squarespace växte med 180 % och Wix växte med 233 %.

Och medan open source-projektet och verksamheten är tekniskt separata går de hand i hand med varandra. Med andra ord, WordPress behöver komma ikapp! Varför tror du att alla finessrika sidbyggarplugin växer med en otrolig hastighet? Det beror på att folk behöver enklare sätt att bygga sina webbplatser och skriva innehåll. Även andra publiceringsplattformar som Medium and Ghost har uppriktigt mycket bättre skrivupplevelse om du bara vill blogga.

Detta är inte nödvändigtvis en dålig sak. Tross allt är konkurrens det som driver produkten och communityt framåt snabbare.

2. En omskrivning behövdes

För det andra är Gutenberg nu byggt på React, en mycket populär JavaScript-ram som används och underhålls av företag som Facebook och Instagram. Våra utvecklare hos Kinsta älskar React, och i själva verket använde vi det när vi bestämde oss för att rulla ut vårt eget affiliate-system. Dessutom utnyttjar Gutenberg många andra moderna teknologier som REST API, ESnext + JSX, WebPack, etc. Riad Benguella har ett bra inlägg på hur Gutenberg förändrar WordPress-utvecklingen.

På grund av hur det är strukturerat öppnar det en helt ny värld för utvecklare när det gäller ”block development”. Kom ihåg att allt i Gutenberg handlar om block. Så du kommer nog att höra den termen mycket.

Men det kan också komplicera saker eftersom utvecklare typiskt skulle behöva lära sig nya språk. Men, tack och lov, har WordPress-communityt kommit till räddning och det finns stora öppna källprojekt som create-guten-block. I grund och botten är detta ett nollkonfigurations-dev-toolkit (# 0CJS) för att utveckla WordPress Gutenberg-block på några minuter utan att konfigurera React, webpack, ES6/7/8/Next, ESLint, Babel, etc.

Du kommer förmodligen också vilja kolla in följande:

Atomic Blocks
Atomic Blocks

Du skulle tro att med allt detta skulle målet vara att förbättra prestanda? Medan vi hoppas att det är så, visar många rapporter hittills långsammare prestanda.

Obs! Några av dessa ska tas med en nypa salt, eftersom Gutenberg-laget har tryckt ut många uppdateringar. Och nu när WordPress 5.0 officiellt är här, kan du förvänta dig mycket mer.

Den andra nackdelen med detta är att de flesta (inte alla) WordPress-teman och plugin måste skrivas om för att arbeta med Gutenberg. Huvudsakligen de som interagerar med WordPress-redigeraren. Yoast SEO är ett utmärkt exempel på en WordPress-pluginutvecklare som hoppade ombord väldigt snabbt! De släppte sin första Gutenberg-uppdatering i juli 2017 och har släppt nya sedan dess. Trots att de först var oroliga över tillgängligheten. WordPress-teamet har nu utfärdat ett uttalande om tillgänglighet i Gutenberg.

Om du vill dyka in i alla funktioner i Gutenberg och verkligen se hur det fungerar, kolla in vårt djupdyk i Gutenberg WordPress-redigeraren.

Om du ändå inte är redo kan du fördröja denna ändring genom att inaktivera Gutenberg WordPress-redigeraren.

Twenty Nineteen Temat

WordPress 5.0 innehåller också det nya minimala Twenty nineteen-temat. Det kommer med fullt Gutenberg-stöd, både på front- och back-end. Vi kommer att täcka detta tema mer ingående i ett kommande inlägg. 😉

Twenty Nineteen WordPress tema
Twenty Nineteen WordPress tema

Vad Communityt tycker om Gutenberg

Eftersom WordPress driver över 32 % av alla webbplatser på internet, kommer varje större förändring som denna tvunget orsaka viss kontrovers. När allt kommer omkring, låt oss vara ärliga, har WordPress-redigeraren verkligen inte förändrats mycket alls under det senaste decenniet.

Om du tittar på Gutenberg WordPress-plugin, med över 700 000 aktiva installationer, har den en rating på 2,3 av 5 stjärnor. Med en hel imponerande 900 + 1-stjärniga betyg. Även om det inte ser bra ut, är det viktigt att inse att människor har betygsatt Gutenberg sedan det var i beta. Med en sådan stor förändring är det också naturligt med några recensioner från användare som helt enkelt inte gillar förändringar.

Gutenberg WordPress betyg
Gutenberg WordPress betyg

Vi gjorde en omröstning på Twitter för att se vad användarna tycker om Gutenberg just nu. Med över 450 röster, säger 42 % att de inte har använt det mycket och därför inte har någon åsikt alls. I och med att WordPress 5.0 och Gutenberg närmar sig är detta lite skrämmande i sig. 28 % säger att de hatar det, 19 % säger att de älskar det och 11 % säger att de börjar bli vana.

Ian från Declious Brains har också ett mycket bra inlägg där han delar mycket giltiga bekymmer om Gutenberg. Oavsett hur du ser på det, på grund av att WordPress trycker på alla dessa nya språk och teknik, kommer webbplatser, när de uppgraderas till WordPress 5.0, helt enkelt att gå sönder. Det finns inga skydd för detta. Om inte varje enskild plugin och tema du använder har blivit fullt uppdaterad, vilket de i flesta fall inte har, kan du råka ut för mycket problem vid felsökning.

Och vem påverkar detta mest? Byråer, frilansare och utvecklare. Det är därför som en så stor uppdatering kan oroa dig.

Om allt som om det inte räckte har ClassicPress dykt upp. Detta är en hård falang av WordPress (utan Gutenberg) som tjänar marknaden för CMS-baserade affärswebbplatser. Frågan här är kommer vi att börja fragmentera? Även deras team vet ännu inte hur de kommer att hantera plugin och temakompatibilitet. Hur som helst är det definitivt ett intressant projekt att hålla ögonen på.

ClassicPress
ClassicPress

Officiell WordPress 5.0 Release-Datum

Så nu till frågan ni nog alla har, när kommer WordPress 5.0 ut? WordPress-kärnteamet inrättade ursprungligen ett releasedatum den 19 november 2018. Detta var dock ett preliminärt datum.

Sedan 6 december 2018 är WordPress 5.0 nu officiellt här!

Om du arbetar med kunder som kör på WordPress, är det något att tänka på. Du kan förstås installera Classic Editor eller helt enkelt stänga av uppdateringen tills senare.

Oavsett borde du ha en spelplan för storhelgen. Det sista du vill är din klient som ringer dig till att klaga på att deras webbplats gått sönder efter att de har uppgraderat till WordPress 5.0.

Hur du gör dig redo och uppdaterar till WordPress 5.0

Vi kan inte betona nog hur viktig testning av WordPress 5.0 och Gutenberg är. Du måste verkligen se till att alla dina plugins och teman kommer att fungera ordentligt. Om du har en anpassad lösning, se till att börja nå ut till en WordPress-utvecklare för att få den uppdaterad. Det här är inte något som din WordPress-värd kommer att kunna åtgärda för dig.

Det är viktigt att notera att om du inte har konfigurerat WordPress för att automatiskt uppdatera stora versioner måste du manuellt uppdatera till WordPress 5.0. Som standard auto-uppdaterar WordPress endast mindre versioner i dess egen gren, som 4.9.7 till 4.9.8, inte stora versioner som 4.9.8 till 5.0.

Kinsta tvingar inte heller stora uppdateringar.

WordPress 5.0 och WooCommerce

WooCommerce har släppt ett officiellt uttalande angående release av WordPress 5.0. Om du kör WooCommerce, se till att uppdatera till WooCommerce 3.5.1+ innan du uppdaterar till WordPress 5.0 för att undvika att bryta ändringar.

WordPress 5.0 och Plugins

Teamet över på Yoast släpper konsekvent nya funktioner, buggfixar och förbättringar för Yoast SEO och Gutenberg-kompatibilitet. Vi rekommenderar starkt att uppdatera till den senaste versionen (version 9.2.0 släpptes den 20 november) innan du uppdaterar till WordPress 5.0.

1. Skapa en Stagingmiljö

Vi rekommenderar starkt att du installerar WordPress 5.0 på en testwebbplats eller utnyttjar din värds stagingmiljö. På så sätt påverkar du inte din riktiga webbplats. Om du är en Kinsta-kund kan du enkelt kopiera din riktiga webbplats med några enkla klick.

WordPress stagingmiljö
WordPress stagingmiljö

2. Säkerhetskopiera din WordPress-webbplats

Om du inte testar på en utvecklings- eller stagingwebbplats (som du borde), se till att du gör en fullständig säkerhetskopia av din WordPress-webbplats. Det finns många bra WordPress-plugins som du kan använda. Om du är en Kinsta-kund har du tillgång till en stagingwebbplats samt fyra olika typer av säkerhetskopior, inklusive automatiska säkerhetskopior som lagras i 14 dagar.

På grund av att WordPress 5.0 är en så stor förändring rekommenderar vi också att du tar en nedladdningsbar säkerhetskopia av hela din webbplats. Detta inkluderar alla dina filer och din MySQL-databas. Du vet aldrig, du kanske saknar något efter de 14 dagarna har gått. Det är alltid praktiskt att kunna ladda upp en kopia om det behövs. Kinsta-kunder kan ladda ner en fullständig säkerhetskopia med ett enkelt klick när som helst i MyKinsta-instrumentbrädan.

Ladda ner fullständig WordPress säkerhetskopiering
Ladda ner fullständig WordPress säkerhetskopiering

3. Hur du uppdaterar till WordPress 5.0 (Staging eller Produktion)

Beroende på din webbleverantör kanske din webbplats automatiskt uppdateras till WordPress 5.0 efter att den har släppts. WordPress-kärnan gör det inte som standard. Och vid Kinsta, kommer vi inte att uppgradera din webbplats till WordPress 5.0 automatiskt om du inte har satt WP_AUTO_UPDATE_CORE till sant i din webbplats wp-config.php-fil. Detta är avsiktligt, eftersom du alltid borde testa först.

WordPress 5.0 är tillgängligt i din adminkontrollpanel. Klicka bara på uppdateringsikonen i verktygsfältet. Klicka sedan på knappen ”Uppdatera nu”. Medan din webbplats uppdateras kommer den att vara i underhållsläge. Så snart dina uppdateringar är klara, kommer din webbplats att återgå till normalt.

Uppdatering till WordPress 5.0
Uppdatering till WordPress 5.0

Du får då en snabb uppdatering av din WordPress-databas.

WordPress 5.0-databasuppdatering krävs
WordPress 5.0-databasuppdatering krävs

Så länge allt går bra med uppdateringen så ska du se skärmen ”Vad är nytt”. Och det är allt! Snabbt och enkelt.

Felsök problem med WordPress-Uppdateringen

Som med varje ny version av WordPress finns det alltid några som upplever problem, och det beror på tusentals olika plugins och teman som nu existerar på marknaden. Här är några sätt att felsöka vanliga problem.

  • Få du dödens vita skärm? Det här löses vanligtvis genom att helt enkelt starta om PHP och radera fullside-cachen på din WordPress-webbplats.
  • Ser du ”Tillfälligt otillgänglig för schemalagt underhåll. Kolla tillbaka om en minut ”-skärmen som inte försvinner? Din webbplats kan vara fast i underhållsläge.
  • Försök att avaktivera alla dina pluginprogram för att se om det löser problemet. Aktivera dem sedan en efter en tills du hittar vilken plugin som kan behöva en uppdatering från utvecklaren.
  • Försök övergå till ett standard WordPress-tema, till exempel Twenty Nineteen (när det är tillgängligt). Om det här åtgärdar ditt problem kanske du vill nå ut till din temautvecklare.
  • Felsök och diagnostisera JavaScript-problem i din webbläsare. Detta kan vara särskilt användbart om en avgörande komponent som Visual Editor (TinyMCE) går sönder.

4. Kontrollera Plugin och Teman (De kan påverkas av Gutenberg)

Med WordPress 5.0 kommer den nya Gutenberg Redigeraren. Du kan inaktivera detta och återställa den klassiska redigeraren om du vill. Eller om du hittar en bugg som förstör något.

Som en del av din testning med Gutenberg behöver du se till att alla dina pluginprogram och tema från tredje part fungerar med Gutenberg. Allt som interagerar med WordPress-redigeraren kommer sannolikt att påverkas. Yoast SEO är ett bra exempel eftersom det har anpassade metaboxar. Advance Custom Fields skulle vara en annan.

Kolla med utvecklarna av dina plugins och tema. Många har börjat meddela Gutenberg-support eller när de kommer att få det. Många temautvecklare släpper också ut sina egna Gutenberg-block.

Efter installationen av WordPress 5.0 öppnas alternativet ”Redigera” under dina sidor och inlägg öppnas automatiskt i den nya Gutenberg-redigeraren. Om du har det klassiska redigeringsprogrammet installerat, ser du också ett alternativ för det också.

Gutenberg redigering
Gutenberg redigering

Vad händer med nuvarande innehåll?

Vad händer med innehållet du skapade i den klassiska redigeraren när det öppnas i den nya Gutenberg-redigeraren? I grund och botten kommer hela inlägget att visas som en stor TinyMCE-redigeringsbox. De gjorde detta för att bevara innehållsformatet för alla dina inlägg och sidor. För att utnyttja Gutenberg-redigeraren kan du välja alternativet ”Konvertera till block”.

Gutenberg konvertera till block
Gutenberg konvertera till block

Allt kommer då automatiskt att omvandlas till de nya Gutenbergblocken.

Konverterade Gutenbergblock
Konverterade Gutenbergblock

Vad händer med Kortkoder?

Detsamma gäller kortkoder. I det här exemplet hade vi kontaktformuläret NinjaForm redan på vår utvecklingswebbplats. Den placerades i den klassiska redigeraren med hjälp av en kortkod. Så i Gutenberg-redigeraren väljer vi igen ”Konvertera till block”.

Gutenberg kortkod
Gutenberg kortkod

Kortkoden blir sedan till ett Gutenberg-kortkodsblock. Kontaktformuläret fungerar fortfarande bra på front-end.

Konverterat Gutenberg kortkordsblock
Konverterat Gutenberg kortkordsblock

Sammanfattning

WordPress 5.0 och Gutenberg är den största uppdateringen till WordPress som vi har haft på länge. Det påverkar alla, från hur användarna interagerar med redigeraren och skriver innehåll, hur utvecklare kodar plugins och teman. Bara tiden kommer att avgöra hur framgångsrikt Gutenberg-projektet är. Men oavsett vad uppmuntrar vi alla att testa WordPress 5.0 på en stagingmiljö innan uppgradering.

Har du några tankar om WordPress 5.0 eller Gutenberg? Vi skulle gärna höra vad du tycker om det.

Brian Jackson

Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.