Začni jednou stránkou a jedním cílem. Připrav texty, postav jednoduchou strukturu a teprve potom řeš detaily. Na první vyzkoušení není nutné automaticky kupovat placený tarif.
Než otevřeš editor
Napiš si jednu větu: „Návštěvník má po přečtení stránky udělat…“ U autoservisu to může být objednání termínu, u fotografa prohlédnutí portfolia. Když se o pozornost perou čtyři stejně výrazná tlačítka, návštěvník často nezvolí žádné.
Připrav nadpis, krátký popis nabídky, důvody k důvěře, fotografie s vyřešenými právy a kontakt. Rozděl obsah na úvod, nabídku, ukázky práce a další krok. Toto je pracovní osnova, ne povinná šablona pro každý obor.
Připrav WordPress a první stránku
Pracuj na testovací instalaci nebo nejdřív vytvoř obnovitelnou zálohu. V administraci WordPressu otevři Pluginy → Instalace pluginů, vyhledej Elementor Website Builder a zkontroluj autora i kompatibilitu. Plugin nainstaluj a aktivuj. Vyhni se neoficiálním balíčkům slibujícím placené funkce zdarma.
V části Stránky vytvoř novou stránku a otevři ji v Elementoru. Pojmenuj ji podle účelu. Jestli máš hlavičku a patičku ze šablony, ponech je; prázdné plátno bez navigace používej záměrně, nikoli jako výchozí opravu všeho.
Postav strukturu z kontejnerů
Kontejner seskupuje obsah a řídí jeho rozložení. Pro úvod s textem a obrázkem vytvoř vnější kontejner a v něm dvě obsahové skupiny. Na desktopu je uspořádej vedle sebe, na mobilu pod sebe. Názvy ovládacích prvků se mohou podle verze editoru lišit; aktuální postup je v odkazované dokumentaci.
Jako výchozí návrh zkus maximální šířku obsahu kolem 1 160 px, boční odsazení 24 px a mezeru mezi skupinami 32 px. Nejsou to technické požadavky Elementoru, ale rozumný start k úpravě podle obsahu. Mezery řeš na kontejneru, ne řadou prázdných odstavců.
Potřebuješ opravdu Pro?
Zjisti, kdy placená licence šetří práci a kdy je zbytečná.
Sjednoť písmo, barvy a tlačítka
Zvol jedno dobře čitelné písmo, jednu barvu pro hlavní akci a neutrální barvy pro zbytek. Základní text začni na 16–18 px s dostatečným řádkováním. Používej společná nastavení, aby změna barvy neznamenala ruční opravu třiceti tlačítek.
Hlavnímu nadpisu přiřaď H1 a názvům navazujících sekcí H2. Velikost písma nastavuj vizuálně, nikoli přeskakováním úrovní nadpisů. Tlačítko „Domluvit konzultaci“ říká víc než univerzální „Více“.
Mobil a kontrola před spuštěním
Přepni do mobilního náhledu. Zkontroluj pořadí obsahu, délku nadpisů, okraje a to, zda tlačítka zůstávají pohodlně dostupná. Neřeš přetékající obsah skrytím celé sekce: nejdřív najdi pevnou šířku, velké odsazení nebo dlouhé slovo.
- Otevři stránku i mimo přihlášenou administraci.
- Proklikej menu a všechny výzvy k akci.
- Pokud máš formulář, odešli skutečný test a ověř přijetí.
- Prohlédni stránku na fyzickém telefonu.
- Nastav titulek a popis a odstraň výchozí ukázkový obsah.
Další krok: zjisti, jestli placený Elementor vůbec potřebuješ. Nekupuj licenci jen kvůli označení „Pro“.
Na co se často ptáš
Musím hned kupovat Elementor Pro?
Ne. Nejprve ověř, jestli požadovaný návrh zvládne základní editor. Placený plán vybírej až podle konkrétní chybějící funkce a počtu webů.
Můžu upravovat rovnou ostrý web?
Technicky ano, ale bezpečnější je testovací kopie a ověřená záloha. Změny šablony nebo zásadní aktualizace mohou ovlivnit více stránek najednou.
Štěpán Ševčík
Grafický a webový designér s více než sedmiletou praxí na stovkách projektů. Věnuje se webdesignu, UX/UI a vizuálním identitám a je společníkem ADS VENTURE.
Zkušenosti, projekty a metodika ↗Zdroje a kontrola aktuálnosti
Funkce a nabídky se mění. Článek uvádí datum poslední kontroly a neslibuje výsledek, který nebyl změřený. Metodika doporučení.