Vi presenterar Gutenberg, den nya WordPress-redaktören

Under de senaste åren har utvecklingssamhället bakom WordPress arbetat med en fullständig översyn av sid- och inläggsredigeraren, den första betydande förändringen i redaktören sedan WordPress startades. Den nya redaktören, med titeln Gutenberg, har nu släppts till den officiella WordPress Plugin-butiken, tillgänglig för allmänheten att prova.

Byggd med modern webbteknik som React, är Gutenberg ett försök att ge denna primära komponent i CMS en ny uppdatering. Medan han fortfarande är i ett tidigt skede ändrar Gutenberg drastiskt många funktioner i den välbekanta redaktören, som har både styrkor och nackdelar.

Det här blogginlägget tar en titt på den nya redaktören och vad som väntar på WordPress framtid.

Vem var Johannes Gutenberg?

Johannes Gutenberg var en känd tysk tryckeri, förläggare, guldsmed och uppfinnare. Han är känd för att introducera och bygga grunden för tryckning i Europa genom sin mekaniska och rörliga tryckpress.

Precis som de banbrytande ansträngningarna från Gutenberg fungerar den nya WordPress-redaktören som en språngbräda för ett bredare WordPress-ekosystem. Gutenberg WordPress-redaktör fungerar till förmån för plugin-utvecklare, byråer, utvecklare, kärnutvecklare, temautvecklare, användare och webbhotell.

Testar Gutenberg

Nu när Gutenberg har släppts offentligt kan den installeras direkt från WordPress-webbplatseller avsnittet Plugins på instrumentpanelen.

Om du vill prova Gutenberg innan du installerar på din webbplats har WordPress gjort det enkelt att göra via detta demo.

Den mest märkbara skillnaden i Gutenberg är den fullständiga översynen av användargränssnittet. Du hälsas omedelbart med en visuell framställning, avsedd att vara så nära slutprodukten som möjligt. Användare som är bekanta med Medium eller Ghost-bloggplattformarna kommer att märka några likheter i användargränssnittet och den övergripande layouten.

Gutenberg introducerar begreppet "block" av innehåll, modulära komponenter som kan läggas samman för att bygga upp en sida. Typer av block inkluderar stycke, rubrik, bild, video, kolumner, knappar och mer. Detta skiljer sig inte från plugins som WPBakery Page Builder, även om denna funktion integreras direkt i WordPress.

En annan stor förbättring är dess stöd på mobila enheter. Att redigera inlägg och sidor på den klassiska WordPress-redigeraren var ofta mödosamt på mobila enheter. Gutenberg-projektet tog klart upp detta.

"Kodredigeraren" (tidigare "Textredigerare") är fortfarande tillgänglig för dem som vill skriva sin HTML och CSS direkt och få en uppdaterad, mer minimal layout.

Hur man använder Gutenberg.

Gutenberg-redaktören ersätter den traditionella WordPress-klassiska redigeraren för att redigera sidor och inlägg. Som en omfattande och modern WordPress-redaktör kommer Gutenberg med enskilda block. Det betyder att användare inte längre behöver fokusera på ett specifikt innehållsområde.
Den nya redaktören kommer med ett brett utbud av förbättringar och funktioner. De nya förbättringarna och funktionerna omfattar användargränssnittet, dra och släpp, tillgänglighet och andra funktionella områden i WordPress. Till exempel kommer den nya allt-i-ett-menyn nu med en dedikerad WordPress-instrumentpanel. Du kan också använda instrumentpanelmenyn för att testa och visualisera olika WordPress-redigeringselement.

Om du vill ha ett mer minimalistiskt utseende kan du gå till dina efterinställningar i Gutenberg-redigeraren och bli av med den högra sidofältet. Kom ihåg att Gutenberg WordPress-redigeringsblock fortsätter att utvecklas och expandera. Ditt mål bör vara att använda den nya redigeraren för att skapa rikare och felfritt innehåll som kompletterar varje sida och inlägg i WordPress.

Men den nya versionen är mer än bara en sida / inläggsredigerare - det låter dig leka med sidofält, widgets, sidfot och sidhuvud. Med Gutenberg kan du dela upp ditt innehåll i flera block. Till exempel kan du använda bildblock, offertblock, knappblock, avsnittbock och rubrikblock.

Hur inaktiverar du Gutenberg.

I WordPress 5.5 är Gutenberg en standardredigerare. Men en gång du uppdatera till nya WordPress, kan du välja att inaktivera Gutenberg-redaktören. Tanken är att behålla en del av funktionaliteten hos en klassisk WordPress-redaktör. Det betyder att du kan fortsätta använda WordPress som du har gjort i flera år.

I själva verket har du till och med den 31 december 2021 att bli bekant med Gutenberg och sedan göra en fullständig övergång till den nya redaktören.

Dina tre inaktiveringsalternativ är:
1. Installera gamla WordPress-redigerings-plugin
2. Installera och inaktivera sedan WordPress Gutenberg-plugin.
3. Inaktivera Gutenberg WordPress-redaktör genom kod.

Vad är Gutenberg-block?

Faktum är att den klassiska WordPress-redigeraren var en textredigerare med en kombination av formateringsknappar som liknar Microsoft Word. Gutenberg-redaktören använder dock en blockbaserad strategi. Det ger användarna större frihet att rulla ut en mängd förändringar i inlägg och sidor.

Nu behöver du inte ett annat tabellplugin för att inkludera en tabell i ditt innehåll. Genom Gutenberg-redaktören kan användare nu inkludera ett tabellblock. Det betyder att du kan välja rader och kolumner och börja lägga till ditt innehåll direkt.

Hur använder jag Gutenberg-block?

Du kan inkludera block för bilder, videor, ljud, gallerier, listor och till och med varje stycke. Du kan till exempel ändra innehållsattributen upp och ner och sedan redigera dem som separata block för att skapa rikt innehåll. Trots det nya tillvägagångssättet är den nya WordPress Gutenberg-redaktören ganska enkel och lätt att lära sig.

Det finns också en blockkatalog inuti plugin-regissören som kommer med enskilda block-plugins. Dessa block-plugins är relativt små och ger ett Gutenberg-block. Ett annat kännetecken för Gutenberg är blockmönster som låter dig utföra fullständig anpassning på sidan.

Tänk på blockmönster som ett nytt koncept i den nya WordPress-blockredigeraren. Du kan använda blockmönster för att bygga och dela fördefinierade unika blocklayouter. I slutändan skapar blockmönster mer utrymme för Gutenberg-blockredigeraren att fungera som sidbyggare.

Så se till att leta efter specifika blockmönster som gör att Gutenberg blockredigerare kan utvecklas som sidbyggare. Använd ikonen "+" i skärmens övre vänstra hörn för att få de registrerade blockmönstren. Du kommer att se en separat flik med "Mönster" och "Block" på din meny och växla fram och tillbaka för att granska alternativ.

Med blockmönster är det nu enkelt att skapa vackra och komplexa postlayouter och sidor. Tricket är att använda en specifik kombination av block med korrekt matchning. I Gutenberg-redaktören kan du utforska och upptäcka nya blockmönster för många teman.

Gutenberg mot klassisk redaktör

Till skillnad från den klassiska versionen kommer Gutenberg-redaktören med mer skrivplats för mindre skärmar. Om du använder din bärbara dator för att redigera och hantera WordPress-inlägg eller sidor kommer Gutenberg att vara en trevlig uppdatering.

Skrivande är fortfarande huvudfokus för Gutenberg och det har lyckats ta bort flera distraktioner från den klassiska versionen. Navigationen av Gutenberg-redaktören gör den också mer användbar. Men Gutenbergs visuella utseende är betydligt modernare och tydligare än klassisk WordPress-redaktör.

 

Vilket är bättre Gutenberg eller Elementor?

Om du är en del av WordPress-landskapet kan valet inte vara mer uppenbart. Som jämförelse finns det mer flexibilitet att använda och anpassa med Gutenberg än Elementor. Även om båda produkterna har unik anpassning och funktioner för att förbättra webbplatsen, Gutenberg tar användarupplevelsen till nästa nivå.

Faktum är att Gutenberg kommer att fortsätta att släppa fler funktioner och anpassningsalternativ som skulle göra användarupplevelsen mjukare. Dessutom behöver du inte längre skriva i en stor koncentrerad innehållsredigerare som gör hela skillnaden.

Behöver jag Gutenberg om jag har Elementor?

Med Gutenberg kokar allt ner till ett block och det betyder att du inte behöver generalisera olika typer av innehåll. Du kan praktiskt taget använda enskilda block för att lägga till alla typer av innehåll till din webbplats. Dessutom är Gutenberg-redaktören mindre distraherande än Elementor på grund av sitt minimalistiska utseende.

Om du har haft chansen att använda Elementor hittar du kompatibilitet, design, navigering och övergripande upplevelse mycket bättre på Gutenberg-redaktören. Med ett blockbaserat tillvägagångssätt från menyn kan användare titta närmare på deras innehållsstruktur på ett ögonblick. Bloggare skulle också inse att bloggupplevelsen är bättre via Gutenberg-redaktören på grund av den nya uppsättningen funktioner.

Nackdelar med Gutenberg

Medan Gutenberg ger en ny och ny upplevelse till det välbekanta innehållshanteringssystemet, är det allmänna resultatet av projektet ännu inte fastställt. Medan den nuvarande planen är att leverera Gutenberg med WordPress efter version 5.0, verkar det finnas en hel del buggar kvar att träna. Recensionerna i Plugins-butiken har till stor del varit ogynnsamma, till stor del på grund av tekniska problem och användare som tål de stora förändringarna.

En viktig funktion som många förväntas inkluderas är stöd för Markdown. Eftersom detta har blivit ett vanligt sätt att skriva HTML på många plattformar, hoppas man att detta kommer att implementeras i senare versioner.

Slutsats

Eftersom projektet fortfarande är nytt kommer det sannolikt att bli betydande förbättringar för Gutenberg-redaktören under de kommande veckorna och månaderna. Även om det kan vara för tidigt att välja det som standardredigerare är Gutenberg utan tvekan ett lovande tillskott till WordPress-ekosystemet och ett som kommer att spela en viktig roll i framtiden för innehållshanteringssystemet.