WordPress 5.0 och Gutenberg: Vad du behöver veta

Du är utan tvekan medveten om WordPress 5.0, en massiv uppdatering som helt förändrar hur vi skapar innehåll genom WordPress.

Om du har använt WordPress ett tag vet du förmodligen hur mycket plattformen har förändrats över tid. Vad som en gång var ett enkelt bloggverktyg har blivit en omfattande plattform för att bygga och hantera webbplatser.

WordPress 5.0 (kallad "Bebo") är en stor förändring i hur vi använder plattformen. Med den här uppdateringen fokuserade WordPress-teamet på användbarhet och tillgänglighet. De vill att alla ska kunna designa fantastiskt vackra och mobilanpassade webbplatser *utan* att skriva kod.

I den här artikeln vill vi gå igenom vad som är nytt med WordPress 5.0, förklara Gutenberg och hur man använder det, och sedan gå igenom hur detta påverkar ditt favoritbetalningsplugin, WP Simple Pay.

WordPress 5.0 Funktioner

WordPress-teamet hade tre mål när de utvecklade WordPress 5.0:

1. Hitta ett sätt för användare att skapa mer innehåll med rika medier och designelement istället för att skapa enkla texttunga sidor.
2. Skapa *en standard* för interaktion med användargränssnittet så att webbplatsbyggande är intuitivt. De vill inte att du blandar rik text, kortkoder, HTML, inklistrad kod från andra plattformar och andra format. De vill att du *endast* använder deras blocksystem.
3. Gör kärnfunktionerna upptäckbara. De vill att du ser de olika typerna av innehåll precis framför dig (video, bilder, avdelare, kolumner, etc.) så att du inte behöver söka igenom WordPress eller lappa ihop tredjepartsplugins.

Det är höga mål, men WordPress 5.0 uppnår dem alla. Kolla in deras reklamvideo:

Här är en lista över de stora uppdateringarna som kommer med WordPress 5.0.

• WordPress stöder nu officiellt PHP-version 7.3.
• Nytt JavaScript-språkpaket låter dig lägga till översättbara strängar direkt i JS-kod.
• Metarutor sparas när du trycker på "förhandsgranska"-knappen.
• Utdrag sparas när du trycker på "förhandsgranska"-knappen.
• Förbättrad mobiloptimering.
• Du kan beskära bakgrundsbilder innan du publicerar.
• wp-image CSS-klass tillagd så att du kan använda storleksattribut för bilder.
• Flera betydande förbättringar av WordPress Rest API (som hjälper utvecklare att skapa applikationer som integreras med WordPress).
• Den klassiska redigeraren har ersatts av Gutenberg-redigeraren (mer om detta om ett ögonblick).

Varför gjorde WordPress-teamet dessa ändringar?

Enkelt uttryckt måste WordPress konkurrera med andra lösningar för webbplatsbyggande, som Squarespace, Wix, Shopify, etc. Ja, dessa plattformar attraherar nischade communities, men de är fortfarande konkurrenter till WordPress. WordPress marknadsandel fortsätter att växa, men det gör även deras konkurrenters.

Nytt tema: Twenty Nineteen

Designers på WordPress gillar att introducera ett nytt tema varje år. WordPress 5.0 inkluderade också det nyaste standardtemat, Twenty Nineteen.

Liksom de flesta teman från WordPress-teamet är Twenty Nineteen modernt, minimalt, lättviktigt och professionellt. Det är mycket anpassningsbart och ser bra ut på mobila enheter.

Viktigast av allt är att det nya temat är specifikt utformat för den nya Gutenberg-blockredigeraren. Eftersom Gutenberg-redigeraren är helt ny, är det ett av få teman som finns tillgängliga och som fungerar perfekt. WordPress-teamet säger att de över tid kommer att uppdatera äldre WordPress-teman (ända tillbaka till Twenty Ten) för att anpassa dem till Gutenberg.

Gutenberg Blockredigerare

Den nya redigeraren är den mest dramatiska förändringen i WordPress 5.0. Den revolutionerar helt hur vi skapar innehåll för sidor och inlägg. Gutenberg har funnits som ett fristående plugin i flera månader nu, så du kanske redan har experimenterat med det. Det är nu standardredigeraren i WordPress.

”Gutenbergs övergripande mål är en upplevelse för att bygga inlägg och sidor som gör det enkelt att skapa rika layouter”, säger WordPress-teamet.

Om du någonsin har använt en sidbyggare som Thrive Architect, Elementor, Visual Composer eller Beaver Builder, kommer du att känna igen WordPress nya standardsystem.

Gutenberg är en sofistikerad blockbaserad redigerare. Istället för att skriva eller klistra in ditt innehåll i en stor textruta, "bygger" du innehåll med modulära block.

Olika block har olika syften. Till exempel är bildblocket för bilder. Rubrikblocket är för rubriker. Styckeblocket är för – du gissade rätt – stycken. Varje block har ett specifikt syfte och du kan inte använda dem på andra sätt.

WordPress 5.0 levereras med mer än 40 standardblock. Du kan installera ytterligare plugins från tredjepartskällor med egna block. Om du vill ha fler block, kolla in Atomic Blocks, Stackable, Advanced Gutenberg Blocks eller CoBlocks.

Hur fungerar Gutenberg?

För att lägga till ett block väljer du det helt enkelt från menyn eller genom att klicka på ett av "+"-ikonerna på din sida. Du kan flytta block runt genom att helt enkelt dra dem till en ny plats.

Denna metod att stapla innehållsblock ger dig kontroll över den slutliga designen utan att röra vid koden. Vill du flytta den bilden ovanför ett annat stycke? Det är en enkel musdragning utan någon omformatering eller duplicerad kod kvar i HTML:en.

Dessutom erbjuder layoutblocken mer funktionalitet än vi någonsin haft tidigare. Du kan snabbt och enkelt skapa kolumner, avbrott, knappar och widgets (för kortkoder).

Varje block kommer med sin egen panel med inställningar så att du kan bygga ditt innehåll precis som du vill. När du klickar på ett block ändras en meny på höger sida av ditt gränssnitt för att visa det blockets inställningar.

Om du skapar ett block som du vill använda någon annanstans (antingen på den sidan eller någon annanstans på din webbplats), kan du spara det som återanvändbart. Detta ger dig möjlighet att snabbt lägga till blocket med dessa inställningar på den sidan eller någon annan sida.

Du kanske tror att denna nya "byggande" stil att skapa innehåll är mer komplicerad än att bara skriva i en textruta, men WordPress har förenklat det ytterligare genom att lägga till massor av kortkommandon. Dessa kommandon hjälper dig att snabbt lägga till, ta bort och manipulera block så att du kan skapa innehåll snabbt.

Vi kommer utan tvekan att se många uppdateringar av dina favoritplugins och teman under de kommande månaderna (om de inte redan har skett). De kommer att vilja göra ändringar för att anpassa sig till Gutenberg.

Gutenberg och WP Simple Pay

Så hur påverkar Gutenberg WP Simple Pay?

Lyckligtvis påverkar det inte mycket. Om du vill lägga till ett WP Simple Pay-formulär på en sida, lägger du helt enkelt till ett nytt block, hittar blocket Kortkod i kategorin Widgetar och klistrar sedan in din kortkod.

Alternativt kan du klistra in din kortkod i ett styckeblock. Blocket bör automatiskt konverteras till ett kortkodsblock.

Det vackra med Gutenberg är att blocksystemet kommer att hålla ditt betalningsformulär på en egen rad så att det inte blir någon formateringskonflikt med andra element på sidan.

Framåt

Även om det är möjligt att installera ett plugin som återställer den klassiska redigeraren, rekommenderar vi att du bekantar dig med blockredigeraren så snart du kan. När du väl har vant dig vid det kommer du att inse att du snabbt kan skapa otroliga sidor och inlägg utan att röra kod.

Ärligt talat tror vi att Gutenberg och WordPress 5.0 bara är början på en övergång mot tillgänglighet och professionell design. WordPress – och andra innehållshanteringssystem – vill att du ska bygga hela din webbplats på deras plattform, med så få tredjepartsverktyg som möjligt.

Du hittar gott om kritik på webben om Gutenbergs och WordPress 5.0:s lansering, men vi är glada över att se hur folk använder det och för WordPress framtid.

Åh, och om du hittar en bugg, se till att rapportera den! WordPress är beroende av sin hängivna community för feedback så att de kontinuerligt kan iterera på sin produkt.