Det er bekræftet, at Gutenberg-editoren faktisk vil være standard WordPress-artikeleditor. jegai Jeg var i stand til at teste sidstnævnte, og jeg indså hurtigt, at mange brugere vil gå tabt med denne nye editor, deraf årsagen til denne tutorial. Så sammen vil vi gennemgå det grundlæggende i Gutenberg-editoren og dække nogle avancerede punkter.

Inden start

Hvis du ikke har mulighed for at installere WordPress version 5.0 (som stadig er under udvikling), kan du nu download Gutenberg og test det på din version af WordPress (jeg starter et eksperimentelt miljø igen). Imidlertid indrømmer jeg, at jeg var lidt overrasket, når jeg kiggede på de vurderinger, der blev givet til denne nye editor, over halvdelen af ​​mine brugere gav en rating på 1/5.

preview gutenberg rating wordpress.jpeg

Jeg vil ikke stoppe med dette og teste for at få en fornemmelse af det.

Interface præsentation

For at bruge Gutenberg skal du skrive en artikel (naturligvis), som du har gjort tidligere, dvs. Artikler> Tilføj".

gutenberg presentation.jpeg

Hvad jeg bemærkede fra starten, er at forlaget har fokuseret meget på fraværet af distraktion og udnyttet hele sidens bredde.

gammel version wordpress.jpeg

Selvom vi er nødt til at erkende, at der er for mange margener på Gutenberg, den hvide baggrund synes jeg er en farve, der forårsager mindre distraktion. Du vil bemærke, at Gutenberg ligner meget posteditoren på Calypso (WordPress.com).

calypso editor wordpress.jpeg

Elementernes placering

Backup sektion

Layoutet har ændret sig enormt. Varebesparelsesområdet er nu placeret øverst. Det er snarere en hurtig adgangssektion til knappen Gem.

backup sektion gutenberg.jpeg

Knappen med indstillingsikonet giver dig mulighed for at lukke klappen nedenfor. Knapperne, der gjorde det muligt for os at skifte mellem den visuelle editor og teksteditoren, er nu placeret i den samme rude yderst til højre. For at få vist artiklen skal du klikke på øjet, der er placeret foran knappen "Publicer ...".

avanceret kontrol gutenberg.jpeg

Afsnittet til valg af det fremhævede billede til kategorier og synlighed af artikler er til højre som normalt. Er du nødt til at sikre dig, at " Dokument Er valgt.

gutenberg sektion kategori og billede på first.jpeg

Blokafsnit

Dette er den innovation, som Gutenberg bringer. Du skal vide, at ethvert afsnit om Gutenberg nu skal betragtes som en blok. Blokkene har denne mulighed for at være individuelt justerbare, men de kan også let flyttes over hele dokumentet.

Når du har sat markøren på dit afsnit for at få adgang til funktionerne i den valgte blok, skal du klikke på blokfanen til højre.

blokere gutenberg wordpress.jpeg

Med disse indstillinger kan du f.eks. Definere en baggrundsfarve, der kun gælder for blokken samt ændre blokstørrelsen. Jeg finder det ret praktisk.

Formateringsmuligheder

Formateringen vises over hver blok.

option formatering.jpeg

Du vil også vise layoutmulighederne øverst ved at klikke på Editor-indstillingen og derefter klikke på "Indstil værktøjslinje øverst".

vis formateringsindstillinger på top.jpeg

Sådan tilføjes tilpassede blokke

Du er ikke begrænset til at bruge afsnit blok. For at tilføje flere blokke skal du klikke på ikonet + øverst til venstre.

forskellige blok gutenberg.jpeg

Dette giver dig adgang til de forskellige tilgængelige blokke. Det er også på dette sted, at du kan få adgang til de forskellige blokke, der tilbydes af temaer og plugins. Du har endda mulighed for at gemme dine egne brugerdefinerede blokke. Jeg tror, ​​det vil gøre det lettere at redigere lignende artikler.

Det er det til denne tutorial, vi fortsætter i den næste ved at omsætte alt, hvad vi observerede i denne tutorial.