Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 11 - Editor Gutenberg ve WordPressu

V předešlém cvičení, Řešené úlohy k 8.-10. lekci základů WordPressu, 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.

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

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • 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.
Č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