Obsah
Súhlasíte s nami, že žiadna webová stránka nie je kompletná bez hlavičky. Vedeli ste, že vo WordPress máte dve rôzne možnosti vytvorenia hlavičky? V tomto návode si vysvetlíme jednotlivé rozdiely.
Originálny obrázok záhlavia
Klasická hlavička WordPress, ako ju poznáte, sa používa na všetkých rôznych stránkach. Zvyčajne je to široký obdĺžnikový box zo strany na stranu. Vo vnútri sa nachádza logo alebo názov webovej lokality, slogan a položky ponuky. Môžete tam tiež vložiť obrázok na pozadí, ktorý sa nazýva obrázok záhlavia. Obrázok záhlavia je skvelý na upútanie pozornosti návštevníkov a na vytvorenie celkového vzhľadu webovej stránky. Je na vašom rozhodnutí, či použijete nenápadný obrázok záhlavia alebo dominantný obrázok, ktorý upriami pozornosť návštevníkov na navigáciu webovej stránky.
Ako upraviť záhlavie v nástroji WordPress Customizer
V predvolenom nastavení je možné obrázok záhlavia zmeniť prostredníctvom nástroja WordPress Customizer. Prístup k nemu máte z administrátora WordPress aj z webovej stránky:
- Priamo z administrátora WP prejdite na Vzhľad -> Prispôsobenie
- Ak ste prihlásení, kliknite v hornej lište na položku "Prispôsobiť".
Prispôsobovač obsahuje všetky základné nastavenia vzhľadu aktuálne aktívnej témy. Preto to, kde nájdete nastavenia obrázku záhlavia, závisí od vašej aktívnej témy. V téme Citadela môžete obrázok záhlavia pridať a upraviť v Prispôsobenie stránky -> Vzhľad -> Pozadie hlavičky.
Nastavenia obrázku v záhlaví
Bez ohľadu na to, aký obrázok záhlavia si vyberiete, môžete ho nakonfigurovať podľa svojich potrieb. Zaujímavý efekt môžete dosiahnuť pomocou funkcie "Opakovanie obrázku záhlavia". Môžete nakonfigurovať nasledujúce možnosti:
- Dlaždice
- Vodorovné dlaždice
- Obkladajte vertikálne
- Žiadne opakovanie (ak nechcete obrázok opakovať)
Ďalšie nastavenia v systéme WordPress - Veľkosť obrázku hlavičky
Ďalšou možnosťou, ako upraviť záhlavie a prispôsobiť obrázok, je nastaviť vhodnú veľkosť. Veľkosť obrázku v záhlaví má tieto tri možnosti:
- Originál - zachová pôvodnú veľkosť obrázka
- Obal - nahraný obrázok bude zmenený tak, aby sa zmestil zo strany na stranu, obrázok môže byť tiež vystrihnutý na mieru
- Obsahuje - veľkosť záhlavia bude upravená tak, aby bol viditeľný celý obrázok
Môžete tiež nastaviť pozíciu obrázka v záhlaví a nastaviť fixáciu pozadia.
Krycí blok, ktorý funguje ako záhlavie
Ako sme už spomenuli na začiatku tohto článku, existuje niekoľko spôsobov, ako upraviť hlavičku v editore WordPress. Okrem použitia nástroja Customizer môžete použiť aj jeden zo základných blokov WordPress s názvom Blok obálky. V čom je teda rozdiel?
Klasická hlavička vytvorená pomocou nástroja Customizer sa týka celej webovej stránky, zatiaľ čo blok Cover vám umožňuje pridať obrázok obálky, ktorý v podstate funguje ako obrázok hlavičky na ľubovoľnú stránku alebo príspevok. Môžete ho dokonca použiť niekoľkokrát na jednej stránke alebo príspevku s rôznymi nastaveniami.
Kde použiť blok Cover
Obalový blok má širšie uplatnenie na celej webovej stránke v porovnaní s klasickým záhlavím webovej stránky. Obalový blok pridáva do obsahu široký titulný obrázok na celú šírku. Môžete ho použiť na vizuálne oddelenie obsahu v blogových príspevkoch. Každá časť príspevku dostane vlastný obrázok záhlavia, ktorý môže byť prepojený s nasledujúcim obsahom. Skvelou vlastnosťou je, že text môžete písať priamo vo vnútri bloku Cover. Tento text sa zobrazí nad obrázkom.
Záhlavie úvodnej stránky
Obalový blok môžete použiť aj namiesto hlavičky webovej stránky, ak chcete dosiahnuť originálny vzhľad. Pretože blok Cover poskytuje rôzne možnosti zarovnania, môžete ho nastaviť na šírku obsahu alebo na celú šírku. Záhlavie na celú šírku možno použiť aj ako veľký obrázok na pozadí. Nezabudnite však na vypnutie nadpisu stránky v téme Citadela. Tento krok je nevyhnutný, ak chcete blok Cover použiť ako hlavičku webovej stránky.
Ako vytvoriť záhlavie pomocou bloku Cover
Ako prvé je potrebné pridať blok Cover. Môžete ho pridať na akúkoľvek stránku alebo príspevok nasledujúcim spôsobom:
Kliknite na znak "+" v hornej lište alebo na znak "+" kdekoľvek v obsahu. Potom jednoducho vyhľadajte blok Cover.
Ďalším rýchlym spôsobom je pridať blok pomocou "/" za názvom bloku.
Po pridaní bloku Cover sa zobrazí priestor na nahratie obrázka alebo videa. Obrázok môžete vybrať aj z knižnice médií. Vybraný obrázok alebo video sa použije ako záhlavie.
Názov hlavičky
Zaujímavosťou je, že v záhlaví pridanom pomocou bloku Cover môžete nad obrázok napísať textový názov. Tento nadpis môžete použiť aj ako záhlavie sekcie, napríklad v blogových príspevkoch. Je tiež možné pridať tam ľubovoľnú adresu URL.
Zarovnanie krycieho bloku
Obalový blok možno zarovnať pomocou panela nástrojov bloku. V rámci oblasti obsahu ho možno zarovnať doľava, doprava alebo na stred. Možno ho tiež nastaviť ako široký alebo na celú šírku. Tieto možnosti musí podporovať aktívna téma, ktorú používate na vytvorenie webovej stránky.
Nastavenia obrázku na obálke
Vzhľad obrázka obálky možno upraviť v aplikácii Inšpektor. Ak ho nastavíte ako pevné pozadie, obrázok sa nebude posúvať spolu so zvyškom obsahu na stránke, ale zostane stále na svojom mieste.
Pomocou funkcie Focal Point Picker môžete vybrať, ktorá časť obrázka sa zobrazí v záhlaví. S obrázkom môžete pracovať ešte ďalej. Môžete napríklad nastaviť farbu prekrytia a nepriehľadnosť pozadia. Obe nastavenia vám pomôžu dotvoriť záhlavie. Ak použijete blok Obálka vo vnútri príspevku blogu, pomocou správnej farebnej schémy a priehľadnosti môžete príspevku dodať požadovanú atmosféru. Pri týchto nastaveniach buďte opatrní, pretože text nadpisu musí byť jasne viditeľný.
Tvorba hlavičky videa
Obalový blok možno použiť aj na prehrávanie videa v záhlaví webovej stránky. Môžete tak upútať pozornosť návštevníkov alebo propagovať produkt či službu. Existujú niekoľko podporovaných formátov videa, najčastejšie môžete použiť súbor .mp4.
Skvelé je, že môžete tiež napísať názov nad video, zarovnať ho, urobiť ho na celú šírku alebo nastaviť prekrytie farbou. Nastavenia pre blok Cover sú rovnaké pre všetky typy médií.
Aké sú vaše skúsenosti s hlavičkami? Vyskúšali ste už Cover blok na vytvorenie hlavičky? Dávate prednosť klasickej hlavičke webu pomocou nástroja WordPress customizer? Dajte nám vedieť v komentároch nižšie.