Vypadají vaše webové stránky pro návštěvníky dostatečně atraktivně? Nebo je to jen obyčejný web mezi miliony jiných! Přejete si, aby váš web vyčníval z davu? Chcete, aby každá stránka vašeho webu vypadala odlišně a působila jiným dojmem? Co když řeknu, že klíč k řešení všech těchto problémů je ve vašich vlastních rukou? A tím klíčem je – Vlastní hlavička!!! Ano, čtete správně. Podívejme se, jak na to…

Záhlaví je nejdůležitější vizuální prvek vašeho webu, který zaujímá nejvyšší pozici. Je to první věc, kterou návštěvník uvidí, kdykoli přistane na vašem webu. Záhlaví vašeho webu je identitou vašeho webu, která zůstává stejná na všech stránkách webu. Můžete ji použít k tomu, abyste v mysli návštěvníků vytvořili dobrý a dlouhotrvající dojem. Vytvořením pozoruhodných sebeprezentujících vlastních záhlaví můžete vyniknout a získat si důvěru uživatele. Vlastní záhlaví ve WordPressu je funkce, která umožňuje přizpůsobit obrázek záhlaví spolu s přidáním textu, widgetu atd. do něj. Tyto prvky můžete také upravit podle své potřeby tak, aby představovaly co nejlepší obraz vašeho webu. Zde v softwaru pro tvorbu webových stránek Templatetoaster se podívejte, jak vytvořit vlastní záhlaví pomocí nástroje pro tvorbu témat WordPress.

Vlastní záhlaví WordPressu:

Záhlaví je jedním z nejdůležitějších prvků vašeho webu. Je to gesto, které o vašem webu sděluje mnohé. Obvykle se v něm nachází obrázek nebo video, které upoutá pozornost návštěvníka. Podle skupiny Nielsen Norman se návštěvník na vašich webových stránkách zdrží pouze 10-20 sekund. Záhlaví by tedy mělo být atraktivní, aby ho zaujalo.

Vlastní záhlaví ve WordPressu vám dává větší kontrolu a flexibilitu. Kromě změny umístění loga, textu nebo widgetů můžete obrázek záhlaví otáčet, měnit jeho velikost nebo jej oříznout. Můžete jej navrhnout tak, aby kontrastoval se vzhledem vašich webových stránek. Musíte jej použít jako nabídku pro cílové publikum. Zkuste ve vlastním záhlaví ve WordPressu citovat svůj slogan. Protože nemusíte mít druhou šanci udělat první dobrý dojem. Dobře strukturovaná hlavička by měla odpovídat na to, proč jste jedineční, co všechno váš web nabízí atd.

Vlastní hlavička je tedy důležitá, protože funguje jako tvář vašeho webu. Měla by být schopna sdělit publiku podstatu a náladu vašeho webu. Pro každou stránku můžete mít jiné vlastní záhlaví WordPressu. Například pro stránku O nás můžete do záhlaví přidat funkce vašeho produktu a zbytek stránek bez funkcí. Může to dělat zázraky !!!

Jak přidat vlastní záhlaví do WordPressu?

Výchozí témata WordPressu umožňují používat vlastní záhlaví. Můžete si vložit vlastní obrázky záhlaví podle svých preferencí. Nastavení vlastního obrázku záhlaví WordPressu vyžaduje několik úsilí. Přidání vlastního záhlaví do výchozích témat WordPressu zahrnuje v podstatě dva kroky, a to následující

1. Přidejte vlastní záhlaví do výchozích témat WordPressu. Zdroj a úprava obrázku

Nejprve vyberte lákavý obrázek. Měl by být jednoduchý a jedinečný. Na internetu můžete získat spoustu obrázků zdarma. Podrobnější informace si můžete přečíst o 16 webových stránkách pro získání obrázků zdarma. Jakmile získáte zdroj obrázku záhlaví, zbývá už jen jeho úprava.

Můžete použít některý z užitečných nástrojů pro úpravu na počítači nebo webové nástroje pro bezplatné úpravy. Vybraný obrázek můžete omladit pomocí programů GIMP, paint.net atd. GIMP je bezplatný a otevřený software pro úpravu obrázků. Poskytuje mnoho sofistikovaných nástrojů, které dodají vašemu obrázku zvláštní nádech. Zatímco paint.net usnadňuje nástroje pro úpravu obrázků v systému Windows. Připravte si vlastní obrázek záhlaví WordPress.

2. Nahrajte vlastní záhlaví

Chcete-li nahrát obrázek záhlaví, přihlaste se do ovládacího panelu WordPress. V levém panelu přejděte na Vzhled → Záhlaví.

Otevře se panel Média záhlaví v levé části obrazovky. Přejděte na položku Obrázek záhlaví a klikněte na tlačítko Přidat nový obrázek.

Otevře se galerie obrázků, kde můžete vybrat obrázek. Můžete zde také procházet vlastní obrázek. Vyberte obrázek a v případě potřeby jej ořízněte. Nastavte jej jako vlastní obrázek záhlaví. Hotovo.

Jak přizpůsobit záhlaví ve WordPressu?

Jakmile nahrajete vlastní obrázek záhlaví tématu WordPressu, můžete jej upravit pro použití videa, textu, widgetů, ikon sociálních sítí atd. Můžete použít libovolné výchozí téma WordPressu. Zde získáte příklad kódu pro úpravu vlastního záhlaví v tématu Twenty Seventeen.

1. Jak upravit vlastní záhlaví? Přidání textové oblasti do záhlaví

S výchozím tématem můžete změnit pouze název webu. Chcete-li však přidat textovou oblast, musíte do souboru header-image.php napsat určitý kód. Pro získání textové oblasti v záhlaví přidáte následující kód

Po přidání tohoto kódu se v záhlaví zobrazí samostatná textová oblast, jak je uvedeno níže

2. Přidání ikon sociálních sítí

Pro přidání ikon sociálních sítí do záhlaví přidáte do souboru site-branding.php za třídu wrap následující kód.

Musíte také zadat CSS, pokud chcete stylizovat sociální ikony ve svém vlastním jedinečném stylu.

Dá vám to požadovaný výsledek, jak je uvedeno na obrázku

3. Přidání widgetu do hlavičky

Pokud chcete, aby na vaší webové stránce byly nějaké widgety, definujete funkci v souboru function.php. Tento kód můžete přidat na konec souboru.

Jakmile to uděláte, přidáte tento HTML kód do souboru header-image.php, aby se konkrétní widget zobrazil na titulní straně.

Nyní se přesunete na Vzhled → Widgety. Odtud můžete do Vlastní pozice záhlaví přidat libovolný widget. Například widget Vyhledávání přidáte jednoduchým přetažením na pozici Vlastní záhlaví.

Výsledné záhlaví bude vypadat nějak takto

4. Změna pozice loga

Do výchozích možností WordPressu můžete přidat logo. Přejděte do sekce Vzhled → Záhlaví → Média záhlaví → Logo. Zde nastavte logo kliknutím na možnost Vybrat logo.

Chcete-li však logo přemístit, musíte napsat další CSS. V tématu Twenty Seventeen získáte logo ve výchozím nastavení na pozici vlevo dole, jak je uvedeno níže

Tady uvidíte příklad CSS pro přidání loga na středovou pozici. Stejně tak jej můžete nastavit kdekoli v záhlaví.

.custom-logo-link {padding-right: 2em;position: absolute;left: 500px;top: 0px;}

5. V záhlaví můžete logo umístit na libovolné místo. Přidání videa do záhlaví

Nakonec můžete do záhlaví WordPressu přidat také video. Naštěstí k tomu není třeba přidávat žádný kód. WordPress vám poskytuje výchozí možnost přidání videa nebo obrázku na pozadí.

Pro přidání videa do záhlaví přejděte na Vzhled → Záhlaví → Média v záhlaví → Video v záhlaví. Zde kliknete na tlačítko Vybrat video, jak je znázorněno níže. Poté můžete z počítače procházet video, které chcete mít v záhlaví. Případně můžete také zadat adresu URL videa, pokud je online. Stačí jej publikovat.

Vaše Video v záhlaví bude vypadat takto

Podobně můžete přidat obrázek v záhlaví na pozadí výběrem libovolného obrázku v záhlaví ze sekce Média v záhlaví.

Na každé stránce můžete mít různé vlastní záhlaví WordPressu, například některé s obrázkem na pozadí, některé s videem nebo Widgety atd. Vše záleží na vaší volbě a kreativitě.

Jak vytvořit vlastní záhlaví ve WordPressu od nuly pomocí TemplateToasteru?

Měli byste mít dobré znalosti PHP, HTML, CSS pro práci se soubory šablon. Pokud jste začátečník a neumíte psát kód, můžete se spolehnout na TemplateToaster WordPress Theme Builder. Nepotřebujete žádné kódování pro vytvoření vlastní šablony záhlaví WordPress. Stačí několik kliknutí na rozhraní přetažení & kapky a jste připraveni se svým vlastním záhlavím. Podívejme se, jak přidat vlastní záhlaví do WordPressu pomocí TemplateToaster

Nejprve si stáhněte a nainstalujte nástroj pro tvorbu webových stránek TemplateToaster. Po jeho úspěšné instalaci se zobrazí obrazovka pro výběr CMS, jak je uvedeno níže. Zde vyberte WordPress

Poté se zobrazí další obrazovka pro vytvoření šablony od začátku nebo použití vzorové šablony. Vyberete možnost Začít od nuly a kliknete na tlačítko Upravit.

Poté budete přesměrováni do hlavního rozhraní programu, odkud můžete začít navrhovat vlastní záhlaví.

1. Zvolte možnost Začít od nuly. Vlastní záhlaví na celou šířku

Zobrazí se obrazovka hlavního rozhraní softwaru, jak je uvedeno níže. Zde můžete nastavit záhlaví na celou šířku. Přejděte na Záhlaví → Šířka → Na celou šířku.

2. Změna polohy loga

Na kartě Záhlaví klikněte na možnost Logo. Otevře se galerie ikon loga. Můžete vybrat obrázek loga z knihovny vzorů nebo můžete procházet vlastní obrázek. Nastaví se logo.

Pokud dvakrát kliknete na obrázek loga, otevře se karta Formát, jak je znázorněno níže. Zde můžete zadat odkaz na obrázek loga nebo nastavit jeho pozici. Pozici můžete změnit zadáním vlastní levé a horní pozice nebo výběrem zástupce pozice. Zde je například pro logo vybrána pozice svisle na střed.

3. Přidání obrázku na pozadí

Na kartě Záhlaví vyberete možnost Pozadí a nastavíte obrázek na pozadí záhlaví. Otevře se galerie obrázků. Můžete také procházet vlastní obrázek záhlaví z možnosti Další obrázky.

Podobně můžete přidat obrázek záhlaví na popředí kliknutím na možnost Obrázek z karty Záhlaví.

4. Přidání textové oblasti do záhlaví

Pokud chcete v záhlaví zobrazit slogan a příslušné informace, můžete použít textovou oblast. Do textové oblasti můžete přidat prostý text, tlačítko, seznam atd. Klikněte na možnost Textové oblasti.

Přidejte obsah a nastylizujte jej poklepáním. Jako dvojklik se otevře karta Editor, na které můžete obsah upravovat.

5. Klepněte na ikonu . Přidání widgetu do záhlaví

Jedním kliknutím můžete do záhlaví přidat oblast widgetů. Přejděte na kartu Plochy widgetů a klikněte na možnost Plochy widgetů → Záhlaví. Pro tento widget můžete také nastavit typografii a pouhým přetažením jej můžete přemístit kamkoli v záhlaví. Po exportu do něj můžete přidat obsah.

6. Přidání ikon sociálních sítí do záhlaví

Přidání ikon sociálních sítí do záhlaví je opravdu jednoduché. Na kartě Záhlaví klikněte na možnost Ikony sociálních sítí. Otevře se galerie ikon sociálních sítí, kde si můžete vybrat obrázek podle svých potřeb. Můžete zde také procházet vlastní ikony.

Všechny ikony sociálních médií jsou k dispozici zde. Ikony si můžete ponechat podle svých požadavků. Zde umístíte ikony sociálních médií na Facebooku, Twitteru a Google+.

7. Přidání videa do záhlaví

Chcete-li přidat video, klikněte na možnost Přidat video. Odtud můžete snadno nahrát video na pozadí záhlaví.

Závěrečná slova

Teď jste se dozvěděli, jak vytvořit vlastní záhlaví ve WordPressu. Rozhodně to změní vzhled vašich webových stránek. Řešení, pro které se rozhodnete, je zcela na vás. Doufejme, že se vám příspěvek líbil. Pokud máte dotazy, můžete napsat do níže uvedeného komentáře.

Související čtení: WordPress 101 návod

Nejlepší poskytovatelé hostingu pro WordPress

Jak zkontrolovat verzi WordPressu

Jak zjistit přihlašovací url adresu WordPressu

Jak nainstalovat WordPress

Co je to téma WordPressu? že

Jak změnit jazyk WordPressu

Jak vytvořit vlastní přihlašovací stránku WordPressu

Jak vytvořit téma WordPressu od začátku

Jak opravit nefunkční aktualizaci stránek WordPressu

.