Kontakt po - pá 8 - 18 tel: 734 332 360 info@udelam-web.cz

Úvod » Blog » 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

Nedaří se vám vytvořit stránku ve WordPressu?

Pokud se v tom ztrácíte, nevíte, jak správně nastavit stránku, menu nebo strukturu webu, je to úplně běžné. WordPress na začátku může působit složitě a snadno se v něm dělají chyby.

  • Pomohu vám nastavit web správně hned od začátku
  • Vysvětlím vám co dělat a proč
  • Nebo vám web rovnou vytvořím, ať to nemusíte řešit sami

Pokud chcete mít web nastavený správně bez zbytečného tápání, ráda vám s tím pomohu v rámci spolupráce.

Naučit se WordPress | Chci pomoc s webem | Chci vytvořit web

Kdo vám může pomoci:

Jmenuji se Radka Jiránková a webům se věnuji více než 10 let. Pomáhám firmám i podnikatelům tvořit weby, které dávají smysl a přivádějí zákazníky. Zároveň učím WordPress tak, aby si lidé dokázali web spravovat sami – bez zbytečného tápání a chyb.

Více o mně | Kontakt