Gutenberg editor

Vytvoření stránky - základní editor ve WordPressu Gutenberg

V administraci vašeho webu půjdete na Stránky -> Přehled stránek -> Přidat stránku.

Otevře se vám prázdná stránka. Nahoře je pole s názvem "Zadejte název" tam napíšete text (např. „Pronájem penzionu Jižní Čechy“). To se automaticky stane hlavním H1 nadpisem stránky.

Všimněte si URL adresy, která se vytvořila to je URL adresa dané stránky, tu můžete případně změnit a pokud takto vytvoříte více stránek, tak z jedné stránky můžete např. tlačítky odkazovat na druhou Ukážeme si to v dalších krocích níže kdy budeme dělat tlačítko, tam budeme zadávat URL stránky "Kontakt"

Vložte první blok "Odstavec", pod nadpisem kliknete do prázdného řádku je tam text "Napište / pro výběr bloku" objeví se ikona plus „+“. Kliknete na ikonku plus "+" a vyberete Odstavec.

Napište třeba: Náš penzion poskytuje spolehlivé ubytování už od roku 2010…

Přidejte obrázek, klikněte na plus "+" a vyberte obrázek /pokud nevidíte plus, klikněte někam do volného místa. Nahrajete obrázek z počítače nebo vyberete z knihovny médií.

Soubory můžete nahrát: přímo z knihovny (tlačítko „Přidat nový“) nebo přímo při psaní článku/stránky (např. vložením obrázku a nahrání přímo z počítače, takové obrázky se automaticky uloží i do knihovny médií).

Knihovna médií = místo v administraci WordPressu, kam se ukládají všechny obrázky, videa, PDF nebo jiné soubory, které na web nahrajete. Najdete ji vlevo v menu jako Média -> Knihovna médií.

Vložte nadpis sekce, klikněte na „+“ -> vyhledejte "Nadpis". Zadejte třeba: "Vybavení penzionu". Vpravo vyberte úroveň nadpisu H2 (sekundární nadpis pod hlavním H1 správně dle SEO)..

Přidejte seznam (např. co penzion pokytuje za vybavení) Klikněte na „+“ -> vyhledejte "Seznam" a napište vybavení pod sebe, tlačítkem Enter vytvoříte další položku v seznamu, tlačítkem Delete zase mažete položky.

Vložte tlačítko opět přes ikonu "+" vyhledáte "Tlačítka" kliknete do přidaného tlačítka uvidíte tam text "Zadejte text" a napíšete třeba "Kontaktujte nás" do pole odkaz vložíte např. odkaz /kontakt/ a stisknete ENTER a vpravo si můžete zvolit např. barvu tlačítka.

nastavení barvy tlačítka a textu.

Uložíte -> klikněte vpravo nahoře na Publikovat. Potvrďte ještě jednou.

Klikněte na tlačítko "Zobrazit stránku" -> uvidíte, jak vypadá vytvořená stránka na webu.

U mě to vypadá takto.

Jak se dostat z Gutenberg editoru, z editace stránky zpět do administrace WordPress? Kliknete na tlačítko s ikonkou "W".

Důležitá tlačítka v Gutenbergu ikonka čtverce a šipky = dostanete se na náhled stránky. Ikonka s počítačem = můžete si přepnout jak vypadá stránka na mobilu, tabletu. Ikonka "Uložit" pro uložení vaší práce.