Ako pridať vlastné navigačné ponuky do WordPress Témy

Chcete do svojej témy WordPress pridať vlastné navigačné ponuky? Navigačné ponuky sú horizontálny zoznam odkazov zobrazených v hornej časti väčšiny webových stránok.


Témy WordPress sú predvolene dodávané s preddefinovanými umiestneniami a rozloženiami ponuky, ale čo keby ste chceli pridať svoje vlastné navigačné ponuky.?

V tomto článku vám ukážeme, ako ľahko vytvárať a pridávať vlastné navigačné ponuky v programe WordPress, takže ich môžete zobraziť kdekoľvek na svojej téme.

Pridanie vlastných navigačných ponúk v témach WordPress

Kedy potrebujete tento návod na navigačnú ponuku WordPress?

Väčšina motívov WordPress je vybavená aspoň jedným miestom, kde môžete v ponuke zobraziť navigačné odkazy na svojich stránkach.

Položky ponuky môžete spravovať pomocou ľahko použiteľného rozhrania vo vašej administratívnej oblasti WordPress.

Ak chcete pridať iba navigačné ponuky na svoj web, jednoducho postupujte podľa sprievodcu pre začiatočníkov o tom, ako pridať navigačnú ponuku v programe WordPress..

Cieľom tohto tutoriálu je pomôcť majiteľom domácich majstrov alebo stredne pokročilým používateľom pridať vlastné navigačné ponuky do svojich tém WordPress.

V tomto článku sa budeme zaoberať nasledujúcimi témami:

    Po tom sa pozrime na to, ako do svojej témy pridať vlastné navigačné ponuky WordPress.

    Vytváranie vlastných navigačných ponúk v motívoch WordPress

    Navigačné ponuky sú funkciou tém WordPress. Každá téma môže definovať svoje vlastné umiestnenia ponuky a podporu ponuky.

    Ak chcete pridať vlastnú navigačnú ponuku, musíte najprv zaregistrovať svoju novú navigačnú ponuku pridaním tohto kódu do súboru funkcií topic.php..

    function wpb_custom_new_menu () {
    registerer_nav_menu (‘my-custom-menu’, __ (‘My Custom Menu’));
    }
    add_action (‘init’, ‘wpb_custom_new_menu’);

    Teraz môžete ísť na Vzhľad »Ponuky vo vašom správcovi WordPress a pokúste sa vytvoriť alebo upraviť novú ponuku. Ako možnosť umiestnenia témy sa zobrazí „Moja vlastná ponuka“.

    Do témy bola pridaná ponuka vlastnej navigácie

    Ak chcete pridať viac ako jedno nové umiestnenie v navigačnej ponuke, musíte použiť nasledujúci kód:

    function wpb_custom_new_menu () {
    register_nav_menus (
    pole (
    ‘my-custom-menu’ => __ („Moje vlastné menu“),
    ‘extra menu’ => __ („Extra menu“)
    )
    );
    }
    add_action (‘init’, ‘wpb_custom_new_menu’);

    Po pridaní umiestnenia ponuky pokračujte a pridajte niektoré položky ponuky v správcovi WordPress. Postupujte podľa nášho návodu, ako pridať navigačné ponuky pre začiatočníkov..

    To nám umožní prejsť na ďalší krok, ktorým je zobrazenie ponuky vo vašej téme.

    Zobrazenie vlastných navigačných ponúk v motívoch WordPress

    Ďalej musíme zobraziť novú navigačnú ponuku v téme WordPress. Najčastejšie miesto, kde sa zvyčajne nachádzajú navigačné ponuky, je v sekcii hlavičky webovej stránky hneď za názvom alebo logom stránky.

    Svoju navigačnú ponuku však môžete pridať kdekoľvek chcete.

    Tento kód budete musieť pridať do súboru šablóny témy, kde chcete zobraziť svoju ponuku.

    <?php
    wp_nav_menu (pole (
    ‘theme_location’ => ‘My-custom-Menu’,
    ‘includeer_class’ => „trieda s vlastným menu“));
    ?>

    Umiestnenie témy je názov, ktorý sme vybrali v predchádzajúcom kroku.

    Trieda kontajnera je trieda CSS, ktorá bude pridaná do vašej navigačnej ponuky. Vaša ponuka sa na vašom webe zobrazí ako obyčajný zoznam s odrážkami.

    Vlastné zobrazené ako obyčajný zoznam

    Na úpravu ponúk môžete použiť triedu CSS .custom_menu_class. Tu je ukážka CSS, ktorá vám pomôže začať:

    div.custom-menu-class ul {
    marža: 20px 0px 20px 0px;
    list-style-type: none;
    štýl zoznamu: žiadny;
    list-style-image: none;
    text-align: right;
    }
    div.custom-menu-class li {
    čalúnenie: 0px 20px 0px 0px;
    displej: inline;
    }
    div.custom-menu-class a {
    Farba: #FFFFFF;
    }

    Prispôsobené vlastné menu

    Ak sa chcete dozvedieť viac o navrhovaní navigačnej ponuky, prečítajte si náš podrobný návod, ako navrhnúť navigačné ponuky programu WordPress

    Pridanie ponuky vlastnej navigácie do programu WordPress pomocou nástroja na tvorbu stránok

    Ak vytvárate vlastné rozloženie cieľovej stránky alebo domovskej stránky, pomocou doplnku na tvorbu stránok WordPress by sa všetko zjednodušilo..

    Odporúčame používať Beaver Builder, ktorý je najlepším tvorcom stránok WordPress na trhu. Umožňuje vám vytvoriť akýkoľvek typ rozloženia stránky pomocou jednoduchých nástrojov drag and drop (nie je potrebné kódovanie).

    To tiež zahŕňa pridanie vlastnej navigačnej ponuky do rozloženia stránky.

    Najprv musíte nainštalovať a aktivovať doplnok Beaver Builder. Ďalšie informácie nájdete v našej podrobnej príručke o tom, ako nainštalovať doplnok WordPress.

    Po aktivácii musíte vytvoriť novú stránku alebo upraviť existujúcu stránku, do ktorej chcete pridať navigačnú ponuku. Na obrazovke editora príspevkov kliknite na tlačidlo „Spustiť Beaver Builder“.

    Spustite Beaver Builder

    Pokiaľ ide o novú stránku, môžete použiť jednu z pripravených šablón, ktoré sa dodávajú s Beaver Builderom. Okamžitú stránku môžete tiež upraviť.

    Vyberte šablónu

    Ďalej musíte pridať modul Ponuky a presunúť ho na svoju stránku na miesto, kde chcete zobraziť ponuku.

    Pridajte na svoju stránku modul ponuky

    Týmto sa v kontextovom okne zobrazí nastavenie modulu Menu. Najprv musíte vybrať navigačnú ponuku, ktorú chcete použiť. Vždy môžete vytvoriť nové ponuky alebo upraviť existujúcu ponuku na stránke Vzhľad »Ponuky stránka v oblasti správcu WordPress.

    Nastavenia modulu ponuky

    Môžete tiež skontrolovať ďalšie nastavenia. Beaver Builder vám umožňuje zvoliť si vlastné farby, pozadie a ďalšie vlastnosti štýlu pre svoju ponuku.

    Po dokončení môžete kliknúť na tlačidlo Uložiť a zobraziť ukážku svojej ponuky.

    Ukážka vlastnej navigačnej ponuky pridaná s Beaver Builderom

    Vytvorenie responzívnych ponúk vhodných pre mobilné zariadenia vo WordPress

    S rastúcim používaním mobilných zariadení možno budete chcieť, aby boli vaše ponuky prispôsobené pre mobilné zariadenia pridaním jedného z mnohých populárnych efektov.

    Príklad responzívneho menu

    Pre mobilné ponuky môžete pridať efekt vysúvania (vyššie), rozbaľovací efekt a dokonca prepínací efekt.

    Máme podrobného sprievodcu krok za krokom, ako vytvoriť ponuky WordPress, ktoré sú pripravené pre mobilné zariadenia.

    Robte viac s navigačnými ponukami WordPress

    Navigačné ponuky sú výkonným nástrojom na návrh webových stránok. Umožňujú používateľom nasmerovať používateľov na najdôležitejšie časti vášho webu.

    WordPress vám umožňuje robiť oveľa viac, než len zobrazovať odkazy v ponuke. Vyskúšajte tieto užitočné návody na rozšírenie funkcií navigačných ponúk na vašom webe WordPress.

    • Ako pridať obrázkové ikony s navigačnými ponukami v programe WordPress
    • Ako pridať podmenu do ponúk v systéme WordPress
    • Ako pridať popisy ponuky do témy WordPress
    • Ako pridať ponuku na celú obrazovku v programe WordPress
    • Ako pridať mega menu na vaše stránky WordPress

    To je všetko, dúfame, že vám tento konečný sprievodca pomohol naučiť sa, ako pridať navigačnú ponuku v programe WordPress. Môžete si tiež pozrieť zoznam 25 najužitočnejších miniaplikácií WordPress a náš zoznam povinných doplnkov WordPress..

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map