Ako používať Gutenberg (WordPress Editor)


ako používať gutenberg blokyV roku 2018 sa WordPress posunul od svojho dlhodobého editora k jednému, ktorý nazval „Gutenberg“.


Na rozdiel od starých editorov používatelia WordPress teraz používajú moderný editor drag-and-drop blokov na vytváranie a prispôsobovanie webových stránok, publikovanie obsahu a predaj svojich služieb a produktov online..

Či už ste dlhoročný používateľ, ktorý sa snaží porozumieť novému editoru, alebo ste v programe WordPress úplne novým, táto príručka vás naučí laná. Dozviete sa:

  • Ako sa bloky Gutenberg líšia od klasického editora.
  • Ako pomocou nástroja na tvorbu blokov vytvárať a upravovať stránky.
  • Čo robia Gutenbergove bloky.
  • Ako odomknúť ďalšie nastavenia pomocou bočného panela.
  • Ako používať panel s nástrojmi, aby bol produktívnejší.

Contents

Klasický editor verzus Gutenberg Blocks

Prechod z klasického editora na bloky Gutenberg je pre WordPress obrovským skokom. Pozrime sa, ako sa editor vyvíjal.

Klasický editor WordPress

Od roku 2003 do roku 2018 poskytuje WordPress svojim používateľom základný textový editor.

WordPress-Classic-Editor

Klasický editor WordPress bol váš typický editor WYSIWYG („čo vidíte, je to, čo dostanete“).

Inými slovami, svoj obsah ste zadali do otvoreného poľa, naformátovali ho pomocou poskytnutej lišty nástrojov a to je viac-menej to, ako vyzeral váš text na vašom webe.

WordPress-WYSIWYG editor

Je to dostatočne jednoduché rozhranie, na ktoré si mnohí používatelia WordPressu zvykli v priebehu rokov. Ale to malo svoje obmedzenia.

Napríklad:

WordPress-Page-Príklad

Takto by sa obsah po zverejnení zobrazil na webovej stránke. Pomocou funkcie „Náhľad“ by ste však mohli potvrdiť, že všetko preložené z editora na stránku je v poriadku.

V skutočnom kontexte stránky nebolo možné písať obsah. Na to, aby bolo možné vytvárať pokročilejšie návrhy a rozloženia, potrebovali určité znalosti HTML alebo nadmerné spoliehanie sa na doplnky..

V roku 2018 sa spoločnosť WordPress rozhodla napraviť tieto obmedzenia vydaním nového editora WordPress (t. J. Gutenberg).

Editor blokov Gutenberg

Nový editor WordPress je editor blokovania drag-and-drop.

Gutenberg

To znamená, že obsah už nie je napísaný v jednom hlavnom editore. Jednotlivé bloky sa zahodia na svoje miesto, aby sa obsah stránky vytvoril.

Gutenberg-Blocks

Keď je vybratý každý blok, prichádza s jedinečným panelom nástrojov. To umožňuje efektívnejší a prispôsobenejší zážitok z úprav, pretože sa vám zobrazujú iba redakčné ovládacie prvky, ktoré v tom čase potrebujete.

Editor Gutenberg tiež uľahčil pridávanie druhov obsahu a rozložení, ktoré by inak boli pre začiatočníkov WordPress príliš náročné na čas alebo ťažké..

More-Gutenberg-block-príklady

A čo viac, už neexistuje žiadna hádajúca hra. V editore blokov vytvoríte to, ako sa zobrazuje na vašom webe. Všetky písma, štýl a rozloženie sa zhodujú:

WordPress-Page-Príklad-s-Gutenberg

Je jeden editor WordPress lepší ako druhý?

Čo sa týka toho, čo je lepšie – klasický editor alebo Gutenberg -, musíte to zistiť sami.

Aj keď sa program WordPress automaticky dodáva s programom Gutenberg, používatelia ho môžu nainštalovať doplnok Classic Editor ak ešte nie sú pripravení prejsť do editora blokov.

K dispozícii sú aj ďalšie možnosti editora. Elementor a Beaver Builder sú dve z najpopulárnejších alternatív editora drag-and-drop, kategórie kategórií
sú však najvhodnejšie pre profesionálnych dizajnérov a vývojárov, ktorí potrebujú odomknúť ďalšie funkcie.

Prejdime sa hlbšie do Gutenbergu a poskytneme vám lepšiu predstavu o tom, čo môžete očakávať od editora drag-and-drop WordPress..

Ako používať editor blokov Gutenberg

Pozrime sa na editor blokov Gutenberg vytvorením novej stránky (alebo príspevku).

Začnite s ponukou WordPress na ľavej strane obrazovky. Ak chcete vytvoriť novú webovú stránku, umiestnite kurzor myši nad „Stránky“ a vyberte „Pridať novú“. Ak chcete vytvoriť nový blogový príspevok, umiestnite kurzor myši nad položku Príspevky a vyberte položku Pridať nový..

WordPress-Add-New-Page

Pridajte názov

Po vytvorení novej stránky alebo príspevku zadajte názov do bloku „Pridať názov“:

Gutenberg-Hlava-Block

Vytvorte si prvý blok

Odseky vo všeobecnosti tvoria väčšinu obsahu, ktorý vložíme na webovú stránku, a preto nám prvý blok, ktorý nám dáva Gutenberg, je vždy odsekom:

Gutenberg-New-§-Block

Ak chcete začať odsekom, pridajte kurzor do prázdneho bloku, ktorý hovorí: „Začať písať alebo napísať / vybrať blok“. Počas písania bude obsah vyplňovať blok.

Prispôsobenie obsahu v bloku

Ak chcete prispôsobiť štýl svojho odseku, použite panel nástrojov, ktorý sa zobrazuje hneď nad ním.

zarovnanie

U väčšiny blokov Gutenberg budete mať možnosť zmeniť zarovnanie obsahu vo vnútri bloku:

Gutenberg-Zarovnanie

Vľavo je predvolené nastavenie. Môžete sa tiež rozhodnúť zarovnať obsah na stred alebo napravo.

formátovanie

Kedykoľvek sa v rámci bloku nachádza text, môžete ho naformátovať tučným písmom:

Gutenberg-Bod-Bold

Upravte text kurzívou:

Gutenberg-Bod-Regular

Alebo pridajte hypertextový odkaz:

Gutenberg-Bod-Link

Ak chcete, aby sa vaše odkazy otvárali v novom okne prehliadača, kliknite na šípku nadol na paneli hypertextových odkazov. Po dokončení zmien uložte odkaz kliknutím na šípku „Návrat“.

Ďalšie možnosti štýlu

Ak na paneli s nástrojmi kliknete na šípku nadol, nájdete ďalšie možnosti štylizácie textu:

Gutenberg-Viac-text-Options

„Code“ upraví váš text tak, akoby bol napísaný v editore kódu:

Gutenberg-Bod-Code

„Vložený obrázok“ vám umožňuje omotať text okolo obrázka:

Gutenberg-Bod-vloženom

Ako vidíte, v Gutenbergu nejde o efektívny spôsob spárovania obrázkov a textu vedľa seba. (Ďalší postup preskúmame neskôr.)

Posledná možnosť tu umožňuje pridať prečiarknutý text:

Gutenberg-Bod, prečiarknutie

Ďalšie možnosti blokovania

Posledné tlačidlo na paneli nástrojov vždy odhaľuje viac možností blokovania:

Gutenberg-Viac-block-Options

Tieto možnosti budú rovnaké bez ohľadu na to, aký druh bloku upravujete.

Poďme rýchlo zhrnúť, čo robia:

  • Skryť nastavenia bloku: Zmizne bočný panel napravo.
  • duplikát: Presná replika tohto bloku.
  • Vložte pred: Pridá nový prázdny blok nad tento.
  • Vložiť po: Pridá nový prázdny blok pod tento blok.
  • Upraviť ako HTML: Premení blok na editor kódu, ak chcete písať v HTML.
  • Pridať do opakovane použiteľných blokov: Uloží blok, aby ste ho mohli znova použiť kdekoľvek na webe.
  • Odstrániť blok: Odstráni blok.

Transformačný blok

Na paneli nástrojov je ďalšie tlačidlo, o ktorom musíte vedieť:

Gutenberg-Switch-Blocks

Toto tlačidlo však nebude vždy vyzerať týmto spôsobom, takže nezabudnite, že prvé tlačidlo vám umožňuje transformovať aktuálny blok na súvisiaci blok.

Napríklad môžete z textového bloku, ako je odsek, premeniť nadpis, zoznam alebo citát. Nemôžete však zmeniť niečo ako odsek na obrázok alebo oddeľovací riadok. Na to budete potrebovať nový blok.

Pridajte nový blok

Ak chcete na svoju stránku pridať nový blok, máte niekoľko možností.

Vložte pred / po

Na paneli s nástrojmi bloku ste už videli možnosti Vložiť pred / Vložiť po. To je jeden spôsob, ako to dosiahnuť.

Ak kliknete preč od existujúceho bloku a umiestnite kurzor myši na jeho hornú časť, zobrazí sa malé znamienko plus:

Gutenberg-Add-Block-Cross

Po kliknutí naň sa zobrazia vaše bloky:

Gutenberg-Add-Block-Plus-Sign

Vyberte blok, ktorý chcete pridať nový blok nad blok, ktorý už máte.

Ak umiestnite kurzor myši na spodnú časť bloku, uvidíte rovnaké znamienko plus. Jediným rozdielom je, že pod blok, ktorý máte, pridá nový blok.

Použite vašu klávesnicu

Ďalším spôsobom, ako pridať nový blok, je stlačenie klávesu „Return“ na klávesnici:

Gutenberg-Add-Block-Enter

Tým sa okamžite pridá nový blok odseku na stránku.

Ak ho chcete zmeniť na iný druh bloku, môžete použiť znamienko plus naľavo od nového bloku:

Gutenberg-Change-New-Block

Alebo môžete napísať lomku (/), za ktorou nasleduje názov bloku, ktorý chcete použiť:

Gutenberg-Change-Block-Slash

Napríklad, ak chcete pridať obrázok, napíšte „/ image“. Keď zadáte zodpovedajúci názov, voľba blokovania sa automaticky vyplní.

Pridajte blok z panela nástrojov

Na paneli s nástrojmi môžete vždy použiť iba základnú funkciu pridať blok:

Gutenberg-Add-Block

Prejdite si možnosti alebo zadajte názov hľadaného bloku.

Presunúť blok

Keď začnete vytvárať bloky, môžete sa rozhodnúť, že nie ste spokojní s poradím, v akom sa zobrazujú. Alebo možno ste pridali blok vyššie, keď mal byť dole.

Nie je potrebné odstraňovať bloky ani vystrihnúť a prilepiť obsah z jedného bloku do druhého. Riešenie je jednoduché.

Gutenberg je editor blokovania drag-and-drop. To znamená, že môžete svoje bloky ľahko presunúť kamkoľvek.

Existujú dva spôsoby, ako to urobiť.

Použite šípky presunu

Prvou možnosťou je použitie pohybových šípok na ľavej strane každého bloku. Umiestnite kurzor myši na blok, ktorý chcete presunúť, a nájdete šípku nahor a nadol:

Gutenberg-move-Arrows

Ak chcete iba presunúť blok nahor alebo nadol, táto možnosť funguje dobre.

Gutenberg-preradený-Block

Použite drag-and-drop

Ak chcete drastickejšie usporiadať bloky, mali by ste použiť drag-and-drop.

Je umiestnená na rovnakom mieste ako šípky. Umiestnite kurzor myši na blok, ktorý chcete presunúť, a uchopte bodky, ktoré sa nachádzajú v strede. Uvidíte, ako sa kurzor zmení na ruku, keď tak urobíte:

Gutenberg-Grab-Drag-and-Drop

Pri presúvaní bloku do novej časti stránky sa uistite, že pred rozbaľovaním nadol vidíte tmavú čiaru:

Gutenberg-Move-Block

To vám umožní zistiť, že ste blok presunuli na voľné miesto. Bez tohto riadku nebude drag-and-drop fungovať.

Odstrániť blok

Ak sa rozhodnete, že chcete blok úplne odstrániť, máte k dispozícii aj možnosti.

Jeden z nich ste už videli. Je to v rámci ďalších možností vášho bloku. Stačí kliknúť na položku Odstrániť blok a odstráni sa.

Vždy ho môžete tiež odstrániť staromódnym spôsobom. Umiestnite kurzor do bloku a odstráňte ho pomocou tlačidla „Odstrániť“ na klávesnici.

Upozorňujeme však, že ak ide o textový blok, musíte ho najskôr odstrániť, až potom ho budete môcť odstrániť. Pre čokoľvek iné – obrázok, vložený widget atď. – stačí použiť kláves „Odstrániť“.

Blok môžete tiež zvýrazniť (potiahnutím kurzora nad ním) a stlačiť kláves „Odstrániť“. Je to užitočné, ak chcete zvýrazniť a odstrániť naraz viac ako jeden blok.

Vytvorte opakovane použiteľný blok

Opakovane použiteľné bloky sa hodia, keď chcete vytvoriť prvok, ktorý sa dá použiť na celom webe, napríklad propagačný blok pre vaše príspevky na blogu alebo výzva na akciu.

Gutenberg-Vytvorenie jednorazovým-Block

Namiesto toho, aby ste sa pokúsili obnoviť blok na stránkach, ktoré musí pokračovať, otvorte možnosti bloku a kliknite na „Pridať do opakovane použiteľných blokov“. Potom pomenujte:

Gutenberg-Name-Reusable

Po uložení ho budete môcť získať a používať rovnakým spôsobom, ako by ste použili ktorýkoľvek z Gutenbergových blokov. Nájdete ho v novej kategórii s názvom Opakované použitie:

Gutenberg jednorazovým-kategórie

Prehliadka blokov Gutenberg

Klasický editor WordPress zanechal veľa želania, pokiaľ ide o pomoc používateľom pri vytváraní zložitého obsahu a rozloženia. Gutenbergove bloky tento zátaras odstránia.

Poďme sa zoznámiť s blokmi:

Blokové kategórie

WordPress odviedol peknú prácu pri organizovaní svojich blokov do kategórií.

Spoločné bloky

Toto sú vaše bežné bloky:

Common-Blocks

Tu nájdete základné textové a vizuálne prvky, ktoré na stránke používate.

Formátovacie bloky

Toto sú vaše bloky formátovania:

Formátovanie-Blocks

Väčšina z nich sú bloky prístupné vývojárom, takže ich nemusíte veľa potrebovať. Bloky stola a ťahu sa môžu hodiť.

Bloky rozloženia

Toto sú bloky rozloženia:

Layout-Blocks

Ak chcete do svojho obsahu pridať prestávky (napríklad s veľkým priestorom alebo oddeľovacou čiarou) alebo špeciálne prvky (napríklad tlačidlo), nájdete tieto veci tu.

Bloky widgetov

Toto sú vaše widgety:

Widgety-Blocks

Zvyčajne sa jedná o prvky, ktoré by sa mali nachádzať na bočnom paneli vášho blogu a na vašich stránkach by sa nemali zobrazovať. Jediné výnimky, ktoré nájdete, sú bloky vytvorené inými doplnkami, napríklad tento príklad WPForms.

Vloží bloky

Toto sú vaše vloženia:

Vloží-Blocks

Budete ich používať na prenášanie obsahu z iných platforiem. Je to užitočné na vkladanie vecí, ako sú videá YouTube, klipy SoundCloud a príspevky na Twitteri.

Najčastejšie používané bloky Gutenberg

Ako vidíte, sú k dispozícii desiatky blokov Gutenberg. To znamená, že existujú určité prvky, ktoré každý používa na vytváranie stránok alebo príspevkov v programe WordPress, takže sa najskôr naučte základy:

Odsek odsek

Pomocou bloku odseku môžete na svoju stránku pridať obyčajný text.

Bod-Block

Blok nadpisu

Pomocou bloku Nadpis pridajte hlavičku na svoju stránku.

Nadpis-Block

Umožňujú vám na stránke predstaviť nové témy a uľahčiť čítanie obsahu. Tlačidlá H2, H3 a H4 vám tiež umožňujú vytvoriť hierarchiu nadpisov stránok.

Zoznam blok

Pomocou bloku Zoznam môžete na stránku pridať odrážkový alebo číslovaný zoznam:

List-Block

Je to užitočné aj na zlepšenie čitateľnosti.

Blok obrázkov

Pomocou bloku Obrázok pridajte obrázok na svoju stránku.

Image-Block

Môžete nahrať obrázok z disku alebo vybrať ten, ktorý už existuje v knižnici médií.

Blok videa

Na vloženie obrázka na svoju stránku použite blok Video.

Video-Block

Môžete nahrať video súbor, vybrať si ho z knižnice alebo ho z odkazu stiahnuť.

Keďže videá zaberajú veľa miesta, najlepšou možnosťou je uložiť súbor na platformu na zdieľanie videí, ako sú Vimeo alebo YouTube. Potom ho vložte pomocou odkazu.

Na tento účel nepoužijete blok videa. Namiesto toho vyhľadajte príslušné vloženie.

YouTube má jeden:

YouTube Vložiť

Rovnako ako Vimeo:

Vimeo, Vložiť

To isté by ste mali urobiť pre všetky zvukové súbory (napríklad podcasty alebo zvukové stopy), ktoré chcete pridať na stránku. Použite na to zvukový blok alebo príslušné vloženie (napríklad pre Spotify).

Tlačidlo blok

Pomocou bloku tlačidiel môžete nasmerovať svojich návštevníkov alebo čitateľov na konanie:

Tlačidlo-Block

Môže ich to nasmerovať na: „Naplánovať teraz“, „Registrovať sa“, „Čítať viac“ atď.

Blok médií a textov

Ako už bolo spomenuté, možnosť Inline image v bloku odseku je neefektívnym spôsobom zlúčenia textu a obrázkov. Namiesto toho použite blok Médiá a text na to:

Media-and-Text-Block

Stĺpce Blok

Ďalším spôsobom, ako umiestniť vedľa seba dva rôzne bloky (rovnakého alebo odlišného typu), je použitie bloku Stĺpce:

Kolóna-Block

Ak chcete pridať ďalšie stĺpce doprava alebo doľava, umiestnite kurzor myši na bloky vo vnútri stĺpca a stlačte znamienko plus. Je to rovnaké ako pridanie nového bloku, iba toto ich pridá horizontálne.

Vkladanie blokov sociálnych médií

Namiesto použitia kódu na vloženie zo sociálnych médií na umiestnenie príspevku na svoju stránku pridajte odkaz na príspevok tu:

Social-Media-Vložte

Existujú bloky na vloženie pre Facebook, Twitter a Instagram, preto nájdite blok Vlož, ktorý zodpovedá vášmu príspevku v sociálnych médiách.

Klasický blok

Klasický blok vám umožňuje pokračovať vo vytváraní obsahu v programe WordPress pomocou klasického editora:

Gutenberg-Classic-Block

Klasický blok vstupuje do hry vždy, keď sa webová stránka presunie z klasického editora do editora Gutenberga. Gutenberg sa automaticky nepokúsi previesť text na svoje vlastné bloky. Jednoducho ich vloží do klasického editorského rozhrania.

Ak chcete previesť svoj klasický blok na bloky Gutenberg, prejdite na „Ďalšie možnosti“ a vyberte „Premeniť na bloky“:

Gutenberg konvertovať-Blocks

Bude sa snažiť previesť každý prvok vo vašom editore na zodpovedajúci blok:

Gutenberg-Prevedené-Blocks

Pred uložením zmien nezabudnite skontrolovať výstupné bloky, či neobsahujú chyby.

Bloky doplnkov WordPress

Väčšina populárnych doplnkov používaných používateľmi WordPress je kompatibilná s Gutenberg. V niektorých prípadoch tieto doplnky vytvorili špeciálne bloky, ktoré sa zobrazujú vo vašom editore.

Napríklad, ak používate doplnok kontaktného formulára, ako je napríklad WPForms, mali by ste nájsť zodpovedajúci blok:

WPForms-Block

Jednoducho si vytvorte formulár v doplnku a potom ho vyhľadajte v rozbaľovacej ponuke uvedenej tu. Už nemusíte sledovať a prilepovať svoje krátke kódy.

Yoast, populárny doplnok SEO, je ďalší, ktorý do Gutenbergu pridal nové bloky:

Yoast-Blocks

WooCommerce, Riešenie elektronického obchodu WordPress urobilo to isté:

WooCommerce-Blocks

Existujú aj „konečné“ pluginy Gutenberg, ktoré vášmu staviteľovi pridávajú veľa nových blokov Ultimate Addons for Gutenberg:

Konečným-Doplnky-Gutenberg

Tieto typy doplnkov rozširujú funkčnosť vášho nástroja na tvorbu blokov. Ak vytvárate webové stránky, ktoré potrebujú špeciálne prvky – napríklad Mapy Google, bloky referencie alebo funkčnosť elektronického obchodu – môžete ich pridať do služby Gutenberg pomocou podobných doplnkov..

Prehľad bočného panela dokumentu a bloku

Teraz, keď máte zablokovaného editora blokov, upriamime pozornosť na dokument a bočný panel blokovania.

Ak sa kurzor nachádza v nadpisovom bloku alebo niekde na stránke, kde blok neexistuje, postranný panel bude ukazovať na nastavenia dokumentu:

Bočný panel dokumentu

Umožňujú vám kontrolovať napríklad stav a vzhľad stránky.

Toto sú hlavné informácie, ktoré potrebujete vedieť:

Stav a viditeľnosť

Status-and-ViditeľnosťNa tomto paneli môžete upraviť, komu sa stránka môže zobraziť (verejná, súkromná alebo chránená heslom), ako aj kedy bude zverejnená (ak nie okamžite). Ak chcete stránku úplne odstrániť. Môžete to urobiť aj tu.

trvalýTento panel slúži na zmenu dátového toku (identifikačný kus adresy URL). Napríklad:

https://mywebsite.com/GUTENBERG-block-builder /

Vybavený-ImageOdporúčaný obrázok je miniatúra, ktorú ľudia uvidia, keď sa vaše príspevky blogu zobrazia v hlavnom zdroji blogu. Sú to tiež platformy sociálnych médií, ktoré sa používajú pri zobrazovaní ukážok vašich odkazov.

Kategórie

KategórieToto je k dispozícii iba pre blogové príspevky. Pomocou tohto môžete svoje témy usporiadať.

Tagy

TagyToto nastavenie je k dispozícii iba pre príspevky blogu. Pomocou tohto postupu môžete pridať kľúčové slová, ktoré sa objavia vo vašom príspevku, a pomôcť čitateľom nájsť obsah na súvisiace témy.

Ak je kurzor umiestnený vo vnútri ktoréhokoľvek z blokov na vašej stránke (okrem nadpisu), bočný panel sa prepne do editora blokov:

Block-Sidebar

Tento bočný panel poskytuje ďalšie možnosti úprav blokov, ak ich chcete. Bočný panel bloku sa zmení podľa typu bloku, na ktorom pracujete.

Napríklad v bočnom paneli odseku sú uvedené možnosti úprav:

Bod-Block-Sidebar

Môžete upraviť veľkosť textu, ako aj farbu textu alebo pozadia bloku. Ak viete, ako používať triedy CSS, môžete vzhľad bloku ďalej prispôsobiť pomocou položky „Rozšírené nastavenia“..

Na druhej strane bočný panel obrázka poskytuje tieto nastavenia:

Image-Block-Sidebar

K obrázku môžete pridať alternatívny text (dôležité pre SEO), zmeniť veľkosť obrázka a prepojiť obrázok s webovou stránkou..

Niektoré bloky neponúkajú na bočnom paneli žiadne ďalšie nastavenia, ako je napríklad vloženie Twitteru:

Twitter-Block-Sidebar

Jediné, čo môžete urobiť, je vytvoriť vlastnú triedu CSS v časti Rozšírené nastavenia..

Zrátané a podčiarknuté: ak máte niekedy pocit, že nemôžete blok úplne upraviť pomocou panela s nástrojmi blokovania, skontrolujte ďalšie možnosti na bočnom paneli..

Čo robiť s panelom s nástrojmi

Poslednou časťou editora, s ktorou sa musíte oboznámiť, je panel nástrojov, ktorý je umiestnený v hornej časti:

Gutenberg-Toolbar

Môže to vyzerať ako miesto na uloženie tlačidiel „Ukážka“ a „Zverejniť“, ale je toho omnoho viac a mali by používať panel nástrojov pre.

Pozrime sa na náležitosti:

Blocks

Prvé tlačidlo na paneli nástrojov je, kde máte prístup k novým blokom:

Gutenberg-Toolbar-Blocks

Undo / Redo

Nasledujúce dve tlačidlá umožňujú vrátiť späť (šípka smerujúca doľava) alebo znova (šípka smerujúca doprava) poslednú zmenu, ktorú ste na stránke urobili:

Gutenberg-Toolbar-Undo

Informácie o stránke

Pre tých z vás, ktorí chcú vytvárať stránky, ktoré sú ľahko dostupné pre vašich návštevníkov, pomocou tlačidla „i“ (informácie) získate prehľad o svojom obsahu:

Gutenberg-Toolbar-Info

Uvidíte:

  • Koľko slov ste napísali.
  • Koľko položiek existuje, s rozpisom názvov pod nimi.
  • Koľko je odsekov.
  • Koľko blokov ste použili.

Je to počet slov a nadpisov, ktoré sú najdôležitejšie informácie, na ktoré sa treba zamerať.

Štruktúra stránky

Ďalšia časť panela s nástrojmi odhaľuje všetky bloky, ktoré ste použili na vytvorenie svojej stránky:

Gutenberg-Block-Navigation

Pomocou tohto tlačidla môžete okamžite prejsť na blok, na ktorom chcete pracovať. Je to užitočné pri úprave obsahu na dlhších stránkach a príspevkoch.

Uložiť nastavenia

Tieto prvé tri tlačidlá budete používať pri každej vytvorenej stránke alebo príspevku:

Gutenberg-save-Nastavenia

Na uloženie zmien súkromne pri práci na stránke použite „Uložiť koncept“.

Na zobrazenie stránky na vašom webe použite „Ukážka“.

Pomocou stránky „Publikovať“ môžete svoju stránku poslať na živé webové stránky. Po zverejnení stránky sa toto tlačidlo zmení na „Aktualizovať“. Použite na uloženie a tlačenie nových verzií vašich stránok na web.

nastavenie

Po kliknutí na ikonu ozubeného kolieska (nastavenie) sa skryje alebo zobrazí bočný panel Gutenberg. Takto to vyzerá, keď je vypnutá:

Gutenberg-Toolbar-Nastavenie-Disabled

Takto to vyzerá, keď je povolená:

Gutenberg-Toolbar-Nastavenie-Enabled

Viac možností

Posledné tlačidlo na paneli nástrojov odhaľuje ďalšie možnosti a nástroje. Použite, ak chcete prispôsobiť svoj pracovný priestor Gutenberg.

Gutenberg-Toolbar-Viac-Options

vyhliadka

Prvá skupina možností týkajúcich sa „Zobraziť“:

Gutenberg-Toolbar-View

„Horný panel s nástrojmi“ presunie panel nástrojov z vašich blokov a prilepí ho k hornej časti obrazovky:

Gutenberg-Top-Toolbar

Možnosti úprav sa stále menia na základe vybratého bloku. Jediným rozdielom je, že sa teraz nachádza iba v hornej časti stránky.

Režim „Spotlight“ vybledne všetky bloky, ktoré sa nepoužívajú:

Gutenberg-Spotlight-Mode

Ak chcete pomôcť so zameraním na jeden blok naraz, je to užitočný nástroj, ktorý povolíte.

„Režim celej obrazovky“ je režim písania bez rozptyľovania od spoločnosti Gutenberg:

Gutenberg-Celá obrazovka-Mode

Odstráni ponuky WordPress v hornej a ľavej časti a tiež bočný panel Gutenberg vpravo.

Režim editora

Ďalšia sada možností je pre režim editora.

Gutenberg-Možnosti-Editor

V predvolenom nastavení umiestňuje Gutenberg používateľov do „Visual Editor“.

Ak chcete svoju stránku zostaviť vo formáte HTML, môžete prepnúť do editora kódov:

Gutenberg-Code-Editor

Efektívnejší a čistejší spôsob úpravy blokov v kóde HTML je však zaobchádzanie s nimi jednotlivo (pretože pravdepodobne nebudete musieť upravovať kód celej stránky).

Prístup k editoru kódu nájdete pod položkou „Upraviť ako HTML“:

Gutenberg-Edit-HTML

Týmto sa blok prevedie na HTML:

Gutenberg-HTML-Block

Upravte ho, ako uznáte za vhodné. Ak ju chcete previesť späť do vizuálneho režimu, otvorte možnosti bloku a vyberte možnosť „Vizuálne upraviť“:

Gutenberg-Edit-Vizuálne

náradie

Gutenberg tiež prichádza so sadou nástrojov, ktoré vám umožnia zefektívniť prácu v editore:

Gutenberg-Tools

Prvým nástrojom je „Správca blokov“:

Gutenberg-Block-Manager

Na rozdiel od nástroja na navigáciu s blokmi, ktorý sme videli predtým, vám tento umožňuje zakázať bloky, ktoré nepoužívate. Keď teda príde čas hľadať nový blok, nemusíte prechádzať blokmi, ktoré nikdy nepoužijete..

„Spravovať opakovane použiteľné bloky“ vás zavedie do editora opakovane použiteľných blokov:

Gutenberg jednorazovým-Blocks

Tu sa uložia vaše uložené bloky. Ak chcete upraviť rodičovskú kópiu bloku (alebo vytvoriť novú), urobte to tu.

Aj keď Gutenberg určite vytvoril obsah vo WordPress ľahšie, niektoré z akcií môžu byť únavné. Pomocou skratiek spoločnosti Gutenberg môžete robiť rôzne akcie, napríklad vrátiť späť svoju poslednú úpravu, duplikovať blok, zvýrazniť zvýraznený text kurzívou a uložiť zmeny pomocou klávesnice..

Gutenberg-klávesové skratky!

Všetky možnosti „Kopírovať obsah“ zvýrazňujú a skopírujú všetky bloky na stránke. Použite na vytvorenie novej stránky, ktorá má podobný obsah a vzhľad. Stačí prejsť na Stránky> Pridať nové a vložiť bloky do prázdnej stránky.

Posledná možnosť sa tu nazýva „Možnosti“. Skutočne to však umožňuje deaktivovať určité časti nastavení dokumentu na bočnom paneli:

Gutenberg-Sidebar-Options

Ak znova zistíte, že niektoré časti editora, ktoré nepoužívate, (napríklad atribúty stránky), znova ich vypnite, aby sa neodvádzali od prvkov, ktoré musíte použiť.

Zabaliť

Pretože program WordPress používal od 1. dňa toho istého editora, pri prvom uvedení Gutenberga došlo k určitej vôle.

Ale ak sa pozriete na súťaž „drag and drop“ okolo WordPress (Wix, Shopify, Squarespace, atď.), Nastal čas na zmenu.

Tento vývoj editorov sa oplatil a umožnil WordPressu slúžiť používateľom na všetkých úrovniach. Jeho používatelia teraz ťažia z výhod, ktoré prináša vytváranie webových stránok pomocou editora blokov:

  • Prispôsobené zobrazenie editora, vďaka ktorému budete produktívnejší.
  • Ľahšie sa vytvára a prispôsobuje obsah.
  • Pokročilejšie vytváranie obsahu bez toho, aby bolo predtým potrebné technické know-how.
  • Opakovane použiteľné bloky urýchľujú návrh a zaisťujú konzistentnosť na celom webe.
  • Ľahšie pridávať a konfigurovať prvky prevodu (napríklad tlačidlá a formuláre s výzvou na akciu).
  • Populárne doplnky a témy sú kompatibilné s Gutenberg.
  • Rýchlejšie spustenie.

Od roku 2022 už klasický editor nebude k dispozícii. Takže teraz je ten pravý čas, aby ste zistili, ako prinútite Gutenberga, aby pre vás pracoval.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me