Prajete si vytvoriť vlastnú hlavičku na WordPress s Elementor?
Hlavička je jedným z rozhodujúcich prvkov, ktoré by mala mať každá webová stránka. Hlavička zvyčajne obsahuje ponuku, ktorá uľahčuje vašim návštevníkom navigáciu na dôležité stránky na vašom webe. Ďalším prvkom, ktorý sa zvyčajne nachádza v hlavičke webovej stránky, je logo.
Discover Ako nainštalovať Elementor na WordPress
väčšina Témy WordPress, či už sú bezplatné alebo platené, vám umožňujú prispôsobiť hlavičku pridaním loga vašej webovej stránky alebo navigačnej ponuky. Niektorí Témy WordPress, vám umožní pridať ďalšie prvky, ako napríklad vyhľadávací panel a ikony sociálnych médií.
Je však možné vytvoriť vlastnú hlavičku vo WordPress, ktorá nahradí hlavičku súboru WordPress tému aktívum ?
Môžete si samozrejme vytvoriť vlastnú hlavičku, ktorá prepíše predvolenú hlavičku pre aktuálne aktívnu tému na vašom webe WordPress.
Ak máte programátorské zručnosti (v tomto prípade PHP), vytvorte si vlastnú hlavičku pre a WordPress tému nie je veľký problém. Ak nemáte žiadne programátorské zručnosti, Elementor vám umožní vytvoriť vlastnú hlavičku bez písania jediného riadku kódu. Hlavičku môžete vytvoriť pomocou vizuálneho editora drag-and-drop.
Poznámka: Theme Builder je k dispozícii iba na Elementor Pro.
Ako vytvoriť vlastnú hlavičku vo WordPress s Elementorom
Pro verzia Elementoru prichádza s funkciou tzv Tvorca tém. Táto funkcia vám umožňuje vytvoriť a WordPress tému bez kódovania. Prvky tém, ktoré môžete vytvoriť pomocou nástroja na tvorbu tém Elementor, zahŕňajú:
- hlavička
- zápätie
- Šablóna jedného príspevku
- Šablóna stránky archívu
- 404 šablóna stránky
V tomto článku vám ukážeme, ako vytvoriť vlastnú hlavičku pre vašu tému WordPress s Elementorom. Po zverejnení táto vlastná hlavička nahradí hlavičku vašej aktuálnej témy.
Skôr ako začnete, uistite sa, že ste nainštalovali Elementor Pro na vašom webe WordPress.
Najprv choďte na Šablóny -> Tvorca tém.
Na stránke Tvorca tém prejdite na kartu Hlavička a stlačte tlačidlo Add On vytvoriť novú hlavičku.
Zobrazí sa vyskakovacie okno so žiadosťou o pomenovanie šablóny. Zadajte názov svojho modelu a kliknite na tlačidlo VYTVORTE MODEL.
Elementor vám umožňuje vytvoriť hlavičku zo šablóny. Vyberte jeden z modelov dostupných v knižnici modelov a kliknite na tlačidlo vložiť načítať do editora Elementor.
Hlavičku môžete vytvoriť aj úplne od začiatku. Ak chcete hlavičku vytvoriť úplne od začiatku, stačí zavrieť knižnicu šablón a otvoriť editor Elementor.
Technicky môžete do svojej hlavičky pridať ľubovoľný widget Elementor, ktorý môžete preskúmať na ľavom paneli. Nie všetky widgety sú však skutočne potrebné pri vytváraní hlavičky webovej stránky.
Prečítajte si nášho sprievodcu: Elementor Free vs Elementor Pro: Podrobné porovnanie funkcií
V tomto článku si ukážeme, ako pridať bežné prvky hlavičky: logo webu, navigačná ponuka a vyhľadávací panel. V takom prípade budete potrebovať novú sekciu s tromi stĺpcami. Kliknite na ikonu plus v editore Elementor a vyberte štruktúru troch stĺpcov.
Šírku každého stĺpca nastavíte presunutím rozdeľovača doľava alebo doprava. Zoznámte sa s obrázkom nižšie.
- Pridajte logo webových stránok
Ak chcete pridať logo webovej stránky, potiahnite miniaplikáciu Logo stránky z ľavého panela do jedného zo stĺpcov v editore Elementor.
widget Logo stránky nahrá vaše logo webu. Ak ste nezadali logo svojej webovej stránky, môžete prejsť na Vzhľad -> Prispôsobiť pridať svoje logo.
Čítajte tiež: Ako importovať alebo exportovať modely v aplikácii Elementor
Svoje logo môžete prispôsobiť prostredníctvom ľavého panela. Môžete definovať prvky ako zarovnanie, odkaz, šírka atď.
Len sa pohrajte s ľavým panelom, kým nebudete spokojní s výsledkom.
- Pridajte navigačnú ponuku
Ak chcete pridať navigačnú ponuku, potiahnite miniaplikáciu Navigačné menu do jedného zo stĺpcov v editore Elementor.
widget Navigačné menu načíta hlavné menu vášho webu. Ak ste na svojom webe ešte nevytvorili žiadnu ponuku, môžete prejsť na adresu Vzhľad -> Ponuky vytvoriť jeden. Ak máte na svojom webe viac ponúk, môžete z rozbaľovacej ponuky určiť, ktoré z nich chcete zobraziť Menu ľavého panelu.
Opäť sa môžete pohrať s ľavým panelom a prispôsobiť si ponuku. Môžete nastaviť rozloženie (horizontálne, vertikálne), zarovnanie, efekt animácie atď.
- Pridajte vyhľadávací panel
Ak chcete pridať vyhľadávací panel, môžete miniaplikáciu potiahnuť Vyhľadávací formulár v zostávajúcom stĺpci.
Raz formulár pridané, môžete prejsť na ľavý panel a prispôsobiť ho.
Prispôsobte hlavičku
Predvolene bude mať hlavička biele pozadie. Túto farbu môžete zmeniť tak, aby zodpovedala farbe motívu. Ak to chcete urobiť, aktivujte sekciu kliknutím na ňu v prehliadači (Ctrl+i).
Prejdite na kartu Štýl na ľavom paneli a kliknutím na výber farieb v príslušnej farbe vyberte svoju obľúbenú farbu Farba časti pozadia.
Ak chcete mať lepkavú hlavičku, môžete prejsť na kartu Pokročilé. V možnosti Lepkavý, pod sekciou Pohybové efekty, nastavte prilepené umiestnenie. Predvolene sa efekt Sticky použije na všetky typy zariadení (desktop, tablet a smartphone).
Prečítajte si tiež: Elementor Pro: 10 úžasných funkcií na odblokovanie - časť I.
Ak chcete vypnúť lepivý efekt na určitom type zariadenia, jednoducho ho vyberte z poľa.
Zverejnite svoju vlastnú hlavičku
Zatiaľ ste úspešne vytvorili vlastnú hlavičku. Existuje mnoho ďalších možností ladenia, ktoré môžete nastaviť, a je nemožné pokryť ich všetky v tomto príspevku.
Pozri tiež: Ako vytvoriť jedinečnú šablónu príspevku s Elementor Pro
Len sa pohrajte s ľavým panelom, kým nebudete s výsledkom naozaj spokojní. Po dokončení kliknite na tlačidlo PUBLISH v dolnej časti ľavého panela zverejníte svoju šablónu hlavičky.
V ďalšom kroku budete požiadaní o nastavenie podmienok zobrazenia. Kliknite na tlačidlo PRIDAJTE PODMIENKU
Predvolene sa vaša šablóna hlavičky použije na celý web. Ak teda chcete, aby sa vaša šablóna hlavičky použila na celú webovú stránku, stačí kliknúť na tlačidlo ULOŽIŤ A ZATVORIŤ.
Čítajte tiež: Ako vytvoriť pätu na WordPress s Elementorom
Alebo ak chcete svoju šablónu hlavičky použiť na konkrétnu stránku, môžete stránku určiť kliknutím na rozbaľovaciu ponuku. Vyberte stránku z inej rozbaľovacej ponuky, ktorá sa zobrazí ďalej. Kliknite na tlačidlo ULOŽIŤ A ZATVORIŤ po dokončení zadania stránky.
Získajte teraz prvok Elementor!
záver
Tu ! To je všetko pre tento článok, ktorý vám ukáže, ako vytvoriť vlastnú hlavičku na WordPress s Elementorom. Ak máte nejaké obavy, ako sa tam dostať, dajte nám vedieť v Komentáre.
Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
