HALLOWEEN JE TADY: Získej 66 % extra kreditů zdarma při nákupu od 1199 kreditů s promo kódem NEBOJSEIT66. Zjisti více:
NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:

Lekce 11 - Editor Gutenberg ve WordPressu

V předešlém cvičení, Řešené úlohy k 8.-10. lekci základů WordPress, jsme si procvičili nabyté zkušenosti z předchozích lekcí.

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

Znalosti v hodnotě stovek tisíc získáš za pár korun

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

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh a certifikátem za pouhých 1 800 Kč
Aktuální stav konta 0 Kč
Koupí tohoto balíčku získáš přístup ke všem 49 článkům (32 lekcí, 10 testů, 7 praktických cvičení) tohoto kurzu.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • 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íť.

Článek pro vás napsala Jana Zimčíková
Avatar
Autorka se věnuje IT a technologiím. Ovládá Javu, Spring Boot, SQL i frontend a chce pomáhat lidem objevit svůj potenciál v IT světě.
Aktivity