Lekce 11 - Editor Gutenberg ve WordPressu
V předchozí lekci, Úprava patičky a práce s widgety ve WordPressu, jsme si ukázali, co jsou zástupné značky, upravili jsme si patičku stránky a copyright, podívali jsme se také na widgety a na to, jak je používat. Také jsme si přidali ikonky pro sociální sítě.
V dnešním tutoriálu základů WordPressu se naučíme pracovat s editorem Gutenberg, ukážeme si, jak v něm přidat a upravit nový prvek. Podíváme se také na to, jak pracovat s osnovou stránky, a nahlédneme do nastavení editoru.
Editor Gutenberg
Gutenberg je vizuální blokový editor, který je od verze WordPress 5.0 výchozím nástrojem pro tvorbu a úpravu obsahu. Je navržen tak, aby byl intuitivní a uživatelé si mohli sestavit vlastní stránku nebo příspěvek jako stavebnici z jednotlivých bloků – podobně jako skládání lega.
Každý prvek stránky (nadpis, odstavec, obrázek, tlačítko, galerie, video, citace atd.) představuje samostatný blok, který můžeme přetahovat, upravovat, mazat nebo přidávat, kamkoli potřebujeme.
Výhody Gutenberg editoru:
- Vizuální náhled – Při úpravách hned vidíme, jak bude stránka vypadat.
- Žádné znalosti kódu – Celý obsah skládáme pomocí klikání a nastavení bloků.
- Flexibilita – Bloky můžeme kombinovat, upravovat jejich barvy, zarovnání, mezery a mnoho dalšího.
- Znovupoužitelné bloky – Můžeme si uložit blok (např. výzvu k akci) a používat ho opakovaně na různých stránkách.
- Stále se rozšiřuje – Postupně přibývají nové nástroje a možnosti, které rozšiřují způsoby, jak s obsahem pracovat.
Gutenberg je výborný pro začátečníky, protože nevyžaduje žádné technické znalosti. Zároveň je ale dostatečně výkonný i pro pokročilé uživatele a designéry, kteří s ním zvládnou vytvářet moderní weby, které vypadají dobře na mobilech, tabletech i počítačích.
Kontaktní stránka
Možnosti editoru si ukážeme na příkladu kontaktní stránky, na které postupně uvidíme několik předem vložených prvků. Ty zde slouží jen jako ukázka – obsah kontaktní stránky budeme upravovat až později. Zatím si projdeme prostředí editoru a vysvětlíme si, co kde najdeme a jak s jednotlivými nástroji pracovat.
V menu WordPressu klikneme
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu základů WordPressu si ukážeme, jak funguje editor Gutenberg a jak v něm pracovat s bloky, osnovou a nastaveními stránky.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
