Jak vytvořit jednostránkový web zdarma na WordPressu
Ne vždy potřebujete složitý web s několika podstránkami. Pokud chcete jednoduchou online prezentaci – například pro službu, akci nebo projekt – postačí vám tzv. jednostránkový web (one-page).
Vysvětlíme vám, jak ho vytvořit zdarma, bez programování a během jednoho odpoledne.
Obsah článku:
Než začnete, připravte si:
- Doménu a webhosting od Endora.cz – doporučujeme tarif Free (zdarma) nebo Fun
- Šablonu pro jednostránkový web – např. Astra nebo One Page Express (zdarma)
- Plugin Elementor – nástroj pro vizuální tvorbu obsahu
Postup krok za krokem
1) Založte si hosting a nainstalujte WordPress
- Přejděte na www.endora.cz
- Vyberte tarif Free a registrujte doménu (nebo využijte subdoménu zdarma ve tvaru mojefirma.endora.site)
- V administraci MyEndora nainstalujte WordPress jedním klikem (návod zde)
- Přihlaste se do WordPressu
2) Aktivace vhodné šablony
- V levém menu klikněte na Vzhled > Šablony > Přidat nové
- Do vyhledávání zadejte např. Astra (doporučujeme) nebo One Page Express
- Klikněte na Instalovat a potom Aktivovat
3) Vytvoření hlavní stránky
- V menu zvolte Stránky > Přidat novou
- Nazvěte ji např. „Domů“ a publikujte ji
- Nastavte ji jako výchozí stránku:
- Nastavení > Čtení > Zobrazovat jako statickou stránku > Domů
4) Instalace a spuštění Elementoru
- V menu klikněte na Pluginy > Přidat nový
- Vyhledejte Elementor, nainstalujte a aktivujte
- Otevřete stránku „Domů“ a klikněte na Upravit pomocí Elementoru
5) Vytváření obsahu – jednotlivé sekce
Pomocí Elementoru přidejte a upravte tyto bloky:
- Úvod (hero sekce) – název, krátký popis a tlačítko s výzvou k akci
- O mně / O nás – co děláte, pro koho, proč
- Služby / Nabídka – přehled vašich služeb, cen nebo výhod
- Reference – loga klientů, citace, zkušenosti zákazníků
- Kontakt – e-mail, telefon nebo kontaktní formulář
- Patička webu – odkazy, sociální sítě, IČO, provozní doba apod.
Chcete přidat kontaktní formulář, mapu nebo rezervační systém? Podívejte se na samostatný návod: Jak přidat kontaktní formulář na přistávací stránku a další funkce zdarma.
6) Propojení menu se sekcemi (kotvy)
Díky kotvám propojeným s menu se návštěvník může snáze pohybovat po stránce. Po kliknutí na položku v menu se automaticky posune na danou sekci na vaší stránce.
- Každé sekci nastavte CSS ID (např. „kontakt“)
- V Elementoru: klikněte na sekci > Pokročilé > CSS ID
- Vytvořte menu s vlastními odkazy:
- Vzhled > Menu > Vlastní odkazy
- Do pole URL napište např. #kontakt, text odkazu např. „Kontakt“
Jak kotvy fungují si můžete vyzkoušet i v tomto článku – klikněte na odkazy na kapitoly nahoře v obsahu.
Hotovo! A co dál?
Váš jednostránkový web je připraven. Všechno důležité máte přehledně na jedné stránce, která dobře vypadá na mobilu i počítači. A co je nejlepší – zvládli jste to sami, bez kodéra.
WordPress je flexibilní. Můžete kdykoli přidat další podstránky, blog, e-shop nebo rozšíření podle potřeby.
