Slovník pojmů > Pojem - Gutenberg

Pojem - Gutenberg

« Back to Glossary Index

Gutenberg, neboli „Gutenberg editor“ je označení pro nový editor obsahu, který byl představen již ve verzi WordPressu 5.0, která byla vydaná v prosinci 2018. Tento editor zásadně změnil způsob, jakým uživatelé vytvářejí a upravují obsah na svých webových stránkách ve WordPressu.

Co je Gutenberg editor a jak funguje?


Gutenberg editor v dnešní době nahrazuje tradiční původní editor WordPressu, který byl spíše jednoduchým textovým editorem. Gutenberg nově umožňuje mnohem flexibilnější práci s obsahem prostřednictvím bloků. Funguje to tak, že máme k dispozici několik základních bloků, ze kterých můžeme web postavit. Tyto bloky by se daly zařadit do následujících skupin:

Textové bloky

  1. Odstavec (Paragraph): Základní textový blok pro psaní odstavců.
  2. Nadpis (Heading): Blok pro přidání nadpisů (H1 až H6).
  3. Seznam (List): Umožňuje vytvořit číslované nebo nečíslované seznamy.
  4. Citace (Quote): Umožňuje přidat citace.
  5. Kód (Code): Umožňuje přidat textový obsah, který je formátovaný jako kód.
  6. Preformátovaný text (Preformatted): Blok pro text, který zachovává formátování, včetně mezer a zalomení řádků.
  7. Náhled kódu (Code Snippet): Pro přidání bloků kódu s možností zvýraznění syntaxe.

Mediální bloky

  1. Obrázek (Image): Blok pro přidání obrázku.
  2. Galerie (Gallery): Umožňuje vytvořit galerii z více obrázků.
  3. Audio (Audio): Blok pro přidání zvukového souboru.
  4. Video (Video): Umožňuje vložit video soubor.
  5. Obrázek s textem (Media & Text): Kombinace obrázku a textu vedle sebe.
  6. Tlačítko (Button): Vytvoření tlačítka s odkazem.
  7. Obal (Cover): Blok pro obrázek s textem (přes něj), často použitý pro hlavičky sekcí.
  8. Ikona webu (Site Icon): Umožňuje přidat ikonu webu.

Bloky pro design a rozvržení

  1. Oddělovač (Separator): Přidává horizontální čáru pro oddělení obsahu.
  2. Mezera (Spacer): Přidává prázdné místo mezi bloky.
  3. Sloupec (Columns): Umožňuje rozdělit obsah do více sloupců.
  4. Skupina (Group): Blok, který umožňuje seskupit více bloků dohromady.
  5. Řádek (Row): Flexibilní horizontální rozložení pro bloky.
  6. Obal (Cover): Pro kombinaci obrázku a překryvného textu.

Bloky pro vkládání obsahu

  1. Vložený obsah (Embed): Obecný blok pro vkládání obsahu z externích zdrojů (např. YouTube, Twitter, Spotify atd.).
  2. YouTube: Specifický blok pro vkládání videí z YouTube.
  3. Twitter: Blok pro vkládání tweetů.
  4. Facebook: Blok pro vložení příspěvků z Facebooku.
  5. Instagram: Blok pro vložení příspěvků z Instagramu.
  6. Spotify: Blok pro vkládání skladeb ze Spotify.
  7. SoundCloud: Blok pro vkládání hudby ze SoundCloudu.

Bloky pro widgety a funkce webu

Zkrácený kód (Shortcode): Blok pro vložení krátkých kódů (shortcodes).
Nedávné příspěvky (Latest Posts): Zobrazí seznam nejnovějších příspěvků.
Nedávné komentáře (Latest Comments): Zobrazí nejnovější komentáře.
Archiv (Archives): Zobrazí seznam archivovaných měsíců.
Kalendář (Calendar): Zobrazí kalendář s odkazy na příspěvky podle data.
Kategorie (Categories): Zobrazí seznam kategorií příspěvků.
Shluk štítků (Tag Cloud): Zobrazí mrak štítků/tagů použitých na webu.
Vyhledávání (Search): Umožňuje přidat vyhledávací pole na web.

Pokročilé a další bloky

  • Vlastní HTML (Custom HTML): Blok pro vložení vlastního HTML kódu.
  • Vlastní CSS (Custom CSS): Umožňuje přidat vlastní styly CSS.
  • Tabulka (Table): Vytvoření jednoduchých tabulek.
  • Ikony sociálníxh sítí (Social Icons): Blok pro přidání ikon sociálních médií.
  • Komentáře (Comments): Umožňuje zobrazit sekci s komentáři.

V současné době je Gutenberg editor nedílnou součástí WordPressu a neustále se vyvíjí a zlepšuje, aby vyhovoval potřebám moderních webových stránek.

« Zpět do slovníku