Det är bekräftat, Gutenberg-redigeraren kommer verkligen att vara standardartikelredigeraren för WordPress. jagai kunde testa det senare och jag insåg snabbt att många användare kommer att gå vilse med denna nya redigerare, därav anledningen till denna handledning. Så tillsammans kommer vi att gå igenom grunderna i Gutenberg-redaktören och ta upp några avancerade punkter.

innan du börjar

Om du inte har möjlighet att installera WordPress version 5.0 (som fortfarande är under utveckling) kan du nu ladda ner Gutenberg och testa den på din version av WordPress (jag startar en experimentmiljö igen). Jag erkänner emellertid att jag blev lite förvånad när jag tittade på de betyg som denna nya redaktör gav, mer än hälften av mina användare gav betyget 1/5.

förhandsgranskning gutenberg rating wordpress.jpeg

Jag tänker inte sluta med det och testa för att få en känsla för det.

Gränssnittspresentation

För att använda Gutenberg måste du skriva en artikel (uppenbarligen), som du har gjort tidigare, dvs. Artiklar> Lägg till".

gutenberg presentation.jpeg

Det jag märkte från början är att redaktören har fokuserat mycket på frånvaron av distraktion och utnyttjat hela sidans bredd.

gammal version wordpress.jpeg

Även om vi måste inse att det finns för många marginaler på Gutenberg, tror jag att den vita bakgrunden är en färg som orsakar mindre distraktion. Du kommer att märka att Gutenberg ser ut som inläggsredigeraren på Calypso (WordPress.com).

calypso redaktör wordpress.jpeg

Elementens placering

Backup sektion

Layouten har förändrats enormt. Varusparande området ligger nu högst upp. Det är snarare en snabbåtkomstsektion till knappen Spara.

backup sektion gutenberg.jpeg

Knappen med inställningsikonen låter dig stänga luckan nedan. Knapparna som gjorde det möjligt för oss att växla mellan den visuella redigeraren och textredigeraren finns nu i samma ruta längst till höger. För att förhandsgranska artikeln måste du klicka på ögat som ligger före knappen "Publicera ...".

avancerad kontroll gutenberg.jpeg

Avsnittet för att välja den utvalda bilden för kategorier och synlighet av artiklar finns till höger som vanligt. Behöver du se till att " Dokument Väljs.

gutenberg sektion kategori och bild på first.jpeg

Block sektion

Detta är den innovation som Gutenberg kommer med. Du borde veta att nu bör alla stycken om Gutenberg betraktas som ett block. Blocken har denna möjlighet att vara individuellt justerbara, men de kan också enkelt flyttas över hela dokumentet.

När du har placerat markören på ditt stycke, för att komma åt funktionerna i det valda blocket, måste du klicka på blockfliken till höger.

blockera gutenberg wordpress.jpeg

Med dessa inställningar kan du till exempel definiera en bakgrundsfärg som endast gäller blocket samt ändra blockets teckenstorlek. Jag tycker det är ganska bekvämt.

Formateringsalternativ

Formateringen visas ovanför varje block.

alternativformatering.jpeg

Du kommer också att visa layoutalternativen högst upp genom att klicka på Editor-alternativet och sedan klicka på "Ställ in verktygsfältet högst upp".

visa formateringsalternativ på top.jpeg

Hur man lägger till anpassade block

Du är inte begränsad till att använda styckeblocket. För att lägga till fler block måste du klicka på + -ikonen längst upp till vänster.

olika block gutenberg.jpeg

Detta låter dig komma åt de olika blocken som finns tillgängliga. Det är också på den här platsen som du kan komma åt de olika blocken som erbjuds av teman och plugins. Du har till och med möjlighet att spara dina egna anpassade block. Jag tror att det kommer att göra det lättare att redigera liknande artiklar.

Det här är allt för denna handledning, vi kommer att fortsätta i nästa genom att praktisera allt vi observerade i denna handledning.