Lekce 12 - Tvorba kontaktní stránky ve WordPressu

V předchozí lekci, Editor Gutenberg ve WordPressu, jsme si ukázali, jak pracovat s editorem Gutenberg, jak přidat nový prvek na stránku a jak jej následně upravit. Seznámili jsme se s osnovou stránky a prošli jsme si také nastavení editoru.

V tomto tutoriálu základů WordPressu si v editoru Gutenberg vytvoříme jednoduchý obsah kontaktní stránky. Ukážeme si práci s běžně používanými bloky, jako jsou odstavce, oddělovače, skupiny, sloupce nebo tlačítka, a naučíme se, jak do stránky vložit odkazy, akční odkazy i Google mapu pomocí HTML bloku a iframu.

Skupina v editoru Gutenberg

Blok Skupina slouží k seskupení více bloků do jednoho celku. Funguje jako kontejner, do kterého lze vložit různé typy obsahu – například text, obrázky, tlačítka nebo celé sloupce – a tyto prvky lze následně spravovat jako celek.

Pojmy skupina a kontejner se často používají jako synonyma, i když některé šablony nebo vizuální editory (např. Elementor, Spectra) mohou pod pojmem kontejner nabízet rozšířený blok s pokročilými možnostmi nastavení.

Mezi hlavní výhody bloku Skupina patří zejména:

• Vizuální přehlednost – Pomáhá logicky rozdělit obsah stránky na oddíly.
• Společná nastavení – Umožňuje hromadně měnit pozadí, barvu textu, okraje, šířku či zarovnání všech bloků uvnitř.
• Responzivita – Lépe se přizpůsobuje různým velikostem obrazovek.
• Znovupoužitelnost – Skupinu lze uložit jako vlastní blok a znovu ji použít na dalších stránkách.

Přidání skupiny

Skupinu si přidáme jako

...konec náhledu článku...
Pokračuj dál