Přejít k hlavnímu obsahu

Jak vytvořit vlastní záhlaví v WordPress s Elementor

Divi: nejjednodušší téma WordPress k použití

Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma. [Doporučeno]

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émat WordPress, ať už bezplatných nebo placených, vám umožňuje přizpůsobit záhlaví přidáním loga vašeho webu nebo navigační nabídky. Některá témata WordPress umožňují přidat další prvky, jako je lišta vyhledávání a ikony sociálních médií.

Je ale možné ve WordPressu vytvořit vlastní záhlaví, které nahradí záhlaví aktivního tématu WordPress?

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), vytváření vlastní hlavičky pro téma WordPress není velký problém. Pokud nemáte žádné znalosti programování, 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 přetažením.

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 Theme Builder. Tato funkce umožňuje vytvořit téma WordPress bez kódování. Prvky motivů, které můžete vytvořit pomocí nástroje pro vytváření motivů Elementor, jsou následující:

  • 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.

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní snadno vytvořit jakýkoli design webových stránek s profesionálním vzhledem. Přestaňte platit drahé za to, co můžete udělat sami. [Zdarma]

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.

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ů.

přidat sekci sloupce

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.

Hledáte ty nejlepší témata a pluginy aplikace WordPress?

Stáhněte si ty nejlepší pluginy a témata aplikace WordPress na Envato a snadno si vytvořte své webové stránky. Již více než stahování 49.720.000. [EXCLUSIVE]

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 je formulář přidán, můžete jej upravit na levém panelu.

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í.

Jak vytvořit záhlaví v WordPress s Elementor

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.

Jak vytvořit záhlaví v WordPress s Elementor

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.

Snadno vytvořte svůj online obchod

Stáhněte si zdarma WooCommerce, nejlepší e-commerce pluginy pro prodej vašich fyzických a digitálních produktů na WordPress. [Doporučeno]

Č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.

Jak vytvořit záhlaví v WordPress s Elementor

Získejte nyní prvek Elementor Pro!

závěr

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.

...

Tento článek obsahuje komentáře 0

Zanechat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

Tato stránka používá společnost Akismet ke snížení nežádoucích účinků. Přečtěte si další informace o tom, jak se používají vaše komentáře.

Zpět na začátek
0 akcie
podíl
tweet
Zadat