Chcete vytvořit vlastní záhlaví na WordPress s Elementorem?
Záhlaví je jedním z klíčových prvků, které by každý web měl mít. Záhlaví obvykle obsahuje nabídku, která návštěvníkům usnadňuje navigaci na důležité stránky vašeho webu. Dalším prvkem, který se obvykle nachází v záhlaví webové stránky, je logo.
Discover Jak nainstalovat Elementor na WordPress
Většina Témata WordPress, ať už bezplatné nebo placené, vám umožní upravit záhlaví přidáním loga vašeho webu nebo navigační nabídky. Nějaký Témata WordPress, vám umožní přidat další prvky, jako je vyhledávací panel a ikony sociálních médií.
Je však možné vytvořit vlastní záhlaví ve WordPress, které nahradí záhlaví souboru WordPress téma aktivum?
Samozřejmě můžete vytvořit vlastní záhlaví, které přepíše výchozí záhlaví pro aktuálně aktivní téma na vašem webu WordPress.
Pokud máte znalosti programování (v tomto případě PHP), vytvořte si vlastní záhlaví pro a WordPress téma není velký problém. Pokud nemáte žádné programátorské dovednosti, Elementor vám umožní vytvořit vlastní záhlaví bez psaní jediného řádku kódu. Záhlaví můžete vytvořit pomocí vizuálního editoru drag-and-drop.
Poznámka: Theme Builder je k dispozici pouze na Elementor Pro.
Jak vytvořit vlastní záhlaví v WordPress s Elementor
Profesionální verze Elementoru přichází s funkcí nazvanou Tvůrce témat. Tato funkce umožňuje vytvořit a WordPress téma bez kódování. Mezi prvky motivu, které můžete vytvořit pomocí nástroje pro tvorbu motivů Elementor, patří:
- hlavička
- zápatí
- Šablona jednoho příspěvku
- Šablona stránky archivu
- Šablona stránky 404
V tomto článku vám ukážeme, jak vytvořit vlastní záhlaví pro vaše téma WordPress s Elementorem. Po publikování tato vlastní hlavička nahradí hlavičku vašeho aktuálního motivu.
Než začnete, ujistěte se, že jste nainstalovali Elementor Pro na vašem webu WordPress.
Nejprve přejděte na Šablony -> Tvůrce motivů.
Na stránce Theme Builder přejděte na kartu Hlavička a stiskněte tlačítko Add On vytvořit novou hlavičku.
Zobrazí se vyskakovací okno se žádostí o pojmenování šablony. Zadejte název svého modelu a klikněte na tlačítko VYTVOŘTE MODEL.
Elementor umožňuje vytvořit záhlaví ze šablony. Vyberte jeden z modelů dostupných v knihovně modelů a klikněte na tlačítko vložit načíst do editoru Elementor.
Můžete také vytvořit záhlaví od nuly. Pokud dáváte přednost vytvoření záhlaví od začátku, stačí zavřít knihovnu šablon a otevřít editor Elementor.
Technicky můžete do záhlaví přidat libovolný widget Elementor - který můžete prozkoumat na levém panelu. Ale ne všechny widgety jsou opravdu nutné, pokud jde o vytváření záhlaví webové stránky.
Přečtěte si našeho průvodce: Elementor Free vs Elementor Pro: Podrobné srovnání funkcí
V tomto článku vám ukážeme, jak přidat běžné prvky záhlaví: logo webu, navigační nabídku a vyhledávací lištu. V tomto případě budete potřebovat novou sekci se třemi sloupci. Klikněte na ikonu plus v editoru Elementor a vyberte strukturu tří sloupců.
Nastavte šířku každého sloupce přetažením rozdělovače doleva nebo doprava. Podívejte se na snímek níže.
- Přidejte logo webu
Chcete-li přidat logo webu, přetáhněte widget Logo webu z levého panelu do jednoho ze sloupců v editoru Elementor.
Widget Logo webu načte vaše logo webu. Pokud jste nezadali logo svého webu, můžete přejít na Vzhled -> Přizpůsobit přidat své logo.
Čtěte také: Jak importovat nebo exportovat modely v Elementoru
Logo můžete upravit pomocí levého panelu. Můžete definovat prvky, jako je zarovnání, odkaz, šířka atd.
Hrajte si s levým panelem, dokud nebudete s výsledkem spokojeni.
- Přidat navigační nabídku
Chcete-li přidat navigační nabídku, přetáhněte widget Navigační nabídka do jednoho ze sloupců v editoru Elementor.
Widget Navigační nabídka načte hlavní nabídku vašeho webu. Pokud jste na svém webu nevytvořili žádnou nabídku, můžete přejít na Vzhled -> Nabídky vytvořit. Pokud máte na svém webu více nabídek, můžete z rozbalovací nabídky možnosti určit, které z nich chcete zobrazit Menu levého panelu.
Opět si můžete pohrát s levým panelem a přizpůsobit si nabídku. Můžete nastavit rozvržení (horizontální, vertikální), zarovnání, efekt animace atd.
- Přidat vyhledávací lištu
Chcete-li přidat vyhledávací lištu, můžete widget přetáhnout Vyhledávací formulář ve zbývajícím sloupci.
Jakmile formulář přidáno, můžete přejít na levý panel a upravit jej.
Přizpůsobte záhlaví
Ve výchozím nastavení bude mít záhlaví bílé pozadí. Tuto barvu můžete změnit tak, aby odpovídala barvě motivu. Chcete-li tak učinit, aktivujte sekci kliknutím na ni v prohlížeči (Ctrl+i).
Přejděte na kartu Styl na levém panelu a kliknutím na výběr barvy v této možnosti vyberte svou oblíbenou barvu Barva části pozadí.
Pokud chcete mít lepivé záhlaví, můžete přejít na kartu Pokročilý. V možnosti Lepkavý, v sekci Pohybové efekty, nastavte umístění Sticky. Ve výchozím nastavení se efekt Sticky použije na všechny typy zařízení (stolní počítače, tablety a smartphony).
Čtěte také: Elementor Pro: 10 skvělých funkcí k odemčení - část I.
Pokud chcete vypnout efekt Lepicí na určitém typu zařízení, jednoduše zařízení z pole odeberte.
Publikujte vlastní záhlaví
Zatím jste úspěšně vytvořili vlastní záhlaví. Existuje mnoho dalších možností ladění, které můžete nastavit, a je nemožné je všechny v tomto příspěvku pokrýt.
Viz také: Jak vytvořit jedinečnou šablonu příspěvku s Elementor Pro
Hrajte si s levým panelem, dokud nebudete s výsledkem opravdu spokojeni. Až budete hotovi, klikněte na tlačítko VYDAVATEL v dolní části levého panelu publikujte svoji šablonu záhlaví.
V dalším kroku budete vyzváni k nastavení podmínek zobrazení. Klikněte na tlačítko PŘIDAT PODMÍNKU
Ve výchozím nastavení se vaše šablona záhlaví použije na celý web. Pokud tedy chcete, aby se vaše šablona záhlaví aplikovala na celý web, stačí kliknout na tlačítko ULOŽIT A ZAVŘÍT.
Čtěte také: Jak vytvořit zápatí ve WordPressu s Elementorem
Nebo chcete-li šablonu záhlaví použít na konkrétní stránku, můžete stránku určit kliknutím na rozevírací nabídku. Vyberte stránku z jiné rozevírací nabídky, která se zobrazí dále. Klikněte na tlačítko ULOŽIT A ZAVŘÍT jakmile zadáte stránku.
Získejte nyní prvek Elementor Pro!
Proč investovat do čističky vzduchu?
Tady ! To je pro tento článek, který vám ukáže, jak vytvořit vlastní záhlaví ve WordPressu s Elementorem. Pokud máte nějaké obavy, jak se tam dostat, dejte nám vědět v commentaires.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
