Úvod » Tvorba stránky WordPress

Tvorba první stránky ve WordPressu

Jak vytvořit první stránku ve WordPressu krok za krokem: rozdíl mezi stránkou a příspěvkem, vložení textu a obrázků, nastavení URL, publikace. Hotovo za pár minut.

Stránka vs. příspěvek – co kdy použít

  • Stránka: stálý obsah (Domů, Služby, O mně, Kontakt). Neobsahuje datum.
  • Příspěvek: blogové články, novinky, tipy. Má datum a patří do rubrik/štítků.

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

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

Jak vytvořit první stránku ve WordPressu - 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"

Jak funguje editor Gutenberg, nadpis bude H1, URL adresa se vytvoří nejprve automaticky

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…

Jak funguje editor Gutenberg - přidání odstavce

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í).

Přidání obrázku na stránku v Gutenberg editoru

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í.

Knihovna médií - přidání obrázku

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řidání H2 nadpisu v Gutenberg editoru

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.

Vytvoření seznamu v Gutenberg editoru

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.

Přidání odkazu k tlačítku v Gutenberg editoru

nastavení barvy tlačítka a textu.

Nastavení tlačítka - barva- v Gutenberg editoru

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

Uložení vytvořené stránky

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

Zobrazení vytvořené stránky

U mě to vypadá takto.

Náhled první vytvořené stránky v Gutenberg editoru

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

Jak se vrátit z Gutenberg editoru do administrace WordPress

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.

Důležitá tlačítka při vytvoření stránky a editace v Gutenbergu

Kdo píše tyto texty:

Jmenuji se Radka Jiránková, specialistka na WordPress a online marketing s praxí od roku 2013. Tvořím webové stránky pro firmy i podnikatele, často opravuji nefunkční weby a propojuji techniku, grafiku a marketing tak, aby weby skutečně přiváděly nové zákazníky.

Firmám pomáhám nejen s tvorbou webových stránek, ale také s tím, aby je zákazníci našli – díky SEO, PPC reklamě a chytrému obsahu. Učila jsem tvorbu webových stránek na SŠ a nadále se WordPress kurzům pro firmy i jednotlivce aktivně věnuji.

Více jak 15 let píši pro vás návody, abyste mohli snadno tvořit a upravovat vaše webové stránky. Některé odkazy na tomto webu mohou být partnerské. Když je využijete, nic vás to nestojí a podpoříte tím tvorbu dalších článků a návodů. Děkuji, že pomáháte udržovat tento web bez agresivních a rušivých reklam.

Více o mně | Kurzy WordPress | Opravy webů | Kontakt