Téma Astra patrí medzi najobľúbenejšie WordPress témy vďaka rýchlosti, jednoduchým nastaveniam a skvelej kompatibilite s editormi ako Gutenberg či Elementor. V tomto návode si krok za krokom ukážeme, ako v Astre správne vytvoriť novú stránku, nastaviť jej rozloženie, pridať ju do menu a doladiť vzhľad tak, aby bola rýchla, responzívna a pripravená pre SEO.
Ak potrebujete pomoc s nastavením témy Astra, rýchlosťou webu alebo dizajnom podstránok, pozrite správu webstránok alebo nám napíšte cez kontakt.
1) Vytvorenie novej stránky
- V administrácii WordPress choďte na Stránky → Pridať novú.
- Zadajte Názov stránky (napr. „Služby“, „O nás“, „Kontakt“).
- Vyberte editor:
- Gutenberg (blokový editor) – ľahký, rýchly, bez extra pluginov.
- Elementor – vizuálny editor s väčšou kontrolou nad layoutom.
- Uložte ako Koncept alebo kliknite na Publikovať, ak chcete stránku sprístupniť.
Astra Settings (panel na pravej strane)
Po nainštalovaní Astry (a prípadne Astra Pro) nájdete pri stránke panel Astra Settings. Tu viete na úrovni jednej stránky meniť:
- Container (šírka stránky: Full Width, Contained),
- Sidebar (žiadny/ľavý/pravý),
- Disable Elements (skryť titulok, breadcrumbs, featured image),
- Page Header (ak používate modul v Astre Pro),
- Spacing (vnútorné okraje sekcií – v Astre Pro).
Vďaka týmto voľbám viete pre konkrétnu stránku spraviť fullwidth layout bez sidebaru, skryť predvolený nadpis a nechať dizajn riešiť editorom (Gutenberg/Elementor).
2) Výber šablóny stránok a rozloženia
V paneli Šablóna (Template) máte podľa použitého editora tieto možnosti:
- Default – štandardná šírka podľa témy,
- Full Width / Stretched – roztiahne obsah cez celú šírku (vhodné pre vizuálne sekcie),
- Elementor Full Width (ak máte Elementor) – ideál pre landing stránky,
- Canvas (Elementor Canvas) – odstráni hlavičku/pätičku, čisté plátno na custom landing.
Pre bežné podstránky (O nás, Služby) odporúčame Full Width bez sidebaru. Pre špeciálne kampane (landing page) môžete použiť Canvas, aby nič nerušilo konverzie.
3) Tvorba obsahu v Gutenbergu (blokovom editore)
- Vkladajte bloky: Odstavec, Nadpis, Obrázok, Stĺpce, Galéria, Tlačidlo, Tabuľka.
- Pre lepšiu organizáciu používajte Skupinu a Kontajner (Patterns alebo blok „Group“).
- V Nastaveniach bloku nastavujte okraje, výplne, farby a typografiu tak, aby ladili s Global Settings Astry.
- Pre CTA (výzvu k akcii) používajte blok Tlačidlo s výraznou farbou z vašej palety.
Tipy pre dizajn v Gutenbergu
- Držte sa Global Colors a Global Typography (Customizer → Global),
- Používajte preddefinované Patterns (vzory sekcií) pre konzistentný vzhľad,
- Obrázky nahrávajte už optimalizované (WebP, správne rozmery),
- Nazývajte sekcie jasne (Nadpis H2/H3, žiadne preskakovanie úrovní).
4) Tvorba obsahu v Elementore
- Kliknite na Upraviť pomocou Elementoru.
- V Settings (ozubené koliesko) nastavte Page Layout: Elementor Full Width alebo Canvas podľa potreby.
- Stavajte stránku z sekcií a stĺpcov, používajte Global Colors/Fonts (Site Settings) pre konzistentnosť.
- CTA tlačidlá, ikony, „Icon List“, oddeľovače a „Spacer“ bloky používajte striedmo a s jasnou hierarchiou.
Ak používate Astra + Elementor, odporúčame v Astra Settings vypnúť Page Title a zobraziť nadpis priamo ako widget v Elementore – získate plnú vizuálnu kontrolu nad hero sekciou.
5) Pridanie stránky do menu
Po publikovaní stránky ju treba zaradiť do navigácie:
- Choďte na Vzhľad → Menu (alebo Vzhľad → Prispôsobiť → Menu).
- Vyberte existujúce menu (napr. Primary) alebo vytvorte nové.
- Pridajte stránku cez „Stránky → Pridané nedávno“ (zaškrtnite a „Pridať do menu“).
- Presuňte položky drag&drop, nastavte názov položky a uložte.
V Customizer → Header Builder viete priradiť Primary Menu do hlavičky, doladiť rozostupy a štýl.
6) Nastavenia v Astra Customizeri (vzhľad celého webu)
V Vzhľad → Prispôsobiť odporúčame skontrolovať:
- Global → Farby, Typografia, Kontajner (šírka, rozostupy),
- Header Builder → logo, menu, CTA tlačidlo,
- Footer Builder → pätička, odkazy, kontaktné údaje,
- Blog / Single (ak ide o blogové stránky),
- Sidebar (globálne vypnutie pre stránky),
- Performance (Astra Pro) – optimalizácie načítania CSS/JS.
Starter Templates (voliteľné)
Astra ponúka plugin Starter Templates – hotové dizajny stránok. Môžete importovať len jednu podstránku (napr. „O nás“) a upraviť ju. Pozor, aby ste zbytočne neimportovali množstvo nepotrebného obsahu.
7) Obrázky, výkon a SEO
- Obrázky nahrávajte vo WebP (alebo AVIF), s rozumnými rozmermi (napr. 1600×900 pre hero).
- Zapnite lazy-load (plugin cache alebo natívne WP) a kompresiu.
- Vyplňte alt texty (zrozumiteľné, nie kľúčové slová nasilu).
- Meta dáta spravujte v SEO plugine (napr. Rank Math) – vyplňte Meta Title a Description, zapnite breadcrumbs.
- Dodržujte hierarchiu nadpisov (H1 len jeden, potom H2/H3).
Pre kontrolu výkonu odporúčame priebežne testovať v PageSpeed Insights a dávať si pozor na LCP/CLS/INP. Ak chcete zrýchliť WordPress, pozrite náš článok Ako zrýchliť WordPress web.
8) Časté scenáre a odporúčania
„O nás“ / „Služby“
- Container: Full Width, bez sidebaru.
- Vypnúť Page Title (Astra Settings) a vytvoriť hero v editore.
- CTA tlačidlo na kontakt alebo dopyt.
Landing page (kampaň)
- Šablóna: Canvas / Elementor Full Width.
- Vypnúť menu/pätičku (rušivé prvky), výrazné CTA, krátke formuláre.
Kontakt
- Jednoduchý formulár (meno, e-mail, správa), mapa ako statický obrázok (kvôli výkonu).
- Jasné info: telefón, e-mail, IČO, prevádzka; odkaz na GDPR a podmienky.
9) Kontrola pred publikovaním
- Je H1 prítomné a jedinečné?
- Sú H2/H3 logicky zoradené?
- Má stránka meta titulok a popis (SEO)?
- Je stránka v menu a dostupná na mobile?
- Sú obrázky optimalizované a majú alt atribúty?
10) Triky pre rýchlejší workflow
- Uložte si sekcie (hero, CTA, referencie) ako reusable blocks alebo Elementor Templates.
- Používajte Global Colors/Fonts, neupravujte každú sekciu zvlášť.
- Pre landingy využite Canvas a vlastné záhlavia/päty cez Header/Footer Builder (Astra Pro).
Potrebujete pomôcť s Astra témou?
Pozrite si našu správu webstránok alebo nám napíšte cez kontakt. Pripravíme dizajn podstránok, rýchlosť aj SEO.
FAQ – často kladené otázky
Nechcem sidebar. Kde ho vypnem?
Na úrovni stránky (Astra Settings → Sidebar: None) alebo globálne v Prispôsobiť → Sidebar.
Prečo sa mi zobrazuje nadpis dvakrát?
V Astre je Page Title a zároveň nadpis v obsahu. Vypnite Page Title v Astra Settings a nadpis zobrazte editorom.
Stránka je úzka, ako ju roztiahnem?
V Astra Settings zvoľte Container: Full Width / Stretched a v editore nastavte šírku sekcií na 100 %.
Môžem použiť predpripravené šablóny?
Áno, cez Starter Templates. Vždy ich však upravte a odstráňte nepotrebné pluginy.