Kako dodati teme za navigacijo po meri v temah WordPress

Ali želite v svojo WordPress temo dodati navigacijske menije po meri? Navigacijski meniji so vodoravni seznam povezav, ki so prikazani na večini spletnih mest.


Teme WordPressa privzeto prihajajo z vnaprej določenimi menijami in postavitvami menija, kaj pa, če želite dodati svoje lastne navigacijske menije?

V tem članku vam bomo pokazali, kako preprosto ustvariti in dodati navigacijske menije po meri v WordPressu, tako da jih lahko prikažete kjer koli na svojo temo.

Dodajanje navigacijskih menijev po meri v teme WordPress

Kdaj potrebujete to vodilo za navigacijski meni WordPress?

Večina tem WordPress ima vsaj eno mesto, kjer lahko v meniju prikažete navigacijske povezave na svojem spletnem mestu.

V meniju, v katerem upravljate WordPress, lahko upravljate elemente v meniju, ki je enostaven za uporabo.

Če želite samo dodati menije za navigacijo na svojem spletnem mestu, preprosto sledite vodniku za začetnike o tem, kako dodati Wordov meni za krmarjenje.

Cilj te vadnice je pomagati DIY / vmesnim uporabnikom pri dodajanju navigacijskih menijev po meri v svoje teme WordPress.

V tem članku bomo obravnavali naslednje teme:

    Po tem si poglejmo, kako v svojo temo dodati navigacijske menije po programu WordPress.

    Ustvarjanje navigacijskih menijev po meri v temah WordPress

    Navigacijski meniji so funkcija WordPress teme. Vsaka tema lahko določi svoje lokacije v meniju in podporo v meniju.

    Če želite dodati navigacijski meni po meri, najprej morate registrirati nov navigacijski meni tako, da to kodo dodate v funkcijo svoje teme.php.

    funkcija wpb_custom_new_menu () {
    register_nav_menu (‘moj-po meri meni’, __ (‘Moj prilagojeni meni’));
    }
    dodajanje (‘init’, ‘wpb_custom_new_menu’);

    Zdaj lahko greš Videz »Meniji strani v vašem WordPress administratorju in poskusite ustvariti ali urediti nov meni. “Možnost mojega menija” bo prikazana kot možnost lokacije teme.

    Temu je dodan navigacijski meni po meri

    Če želite dodati več novih lokacij v navigacijskem meniju, morate uporabiti tako kodo:

    funkcija wpb_custom_new_menu () {
    register_nav_menus (
    matrika (
    ‘moj-custom-menu’ => __ (“Moj prilagojeni meni”),
    ‘dodatni meni’ => __ („Dodatni meni“)
    )
    );
    }
    dodajanje (‘init’, ‘wpb_custom_new_menu’);

    Ko dodate lokacijo menija, nadaljujte in dodajte nekaj menijskih elementov v skrbniku WordPress, tako da sledite naši vadnici o tem, kako dodati navigacijske menije za začetnike.

    To nam bo omogočilo prehod na naslednji korak, ki prikazuje meni v vaši temi.

    Prikaz navigacijskih menijev po meri v temah WordPress

    Nato moramo v svoji WordPress temi prikazati nov navigacijski meni. Najpogostejši kraj, kjer so običajno nameščeni navigacijski meniji, je v razdelku z naslovom spletnega mesta takoj za naslovom ali logotipom spletnega mesta.

    Vendar lahko svoj navigacijski meni dodate kamor koli želite.

    To kodo boste morali dodati v datoteko predloge teme, kjer želite prikazati svoj meni.

    <?php
    wp_nav_menu (matrika (
    ‘topic_location’ => “meni po meri”,
    ‘container_class’ => ‘menu-class po meri’));
    ?>

    Lokacija teme je ime, ki smo ga izbrali v prejšnjem koraku.

    Razred vsebnika je razred CSS, ki bo dodan v vaš navigacijski meni. Vaš meni bo prikazan kot navaden seznam na vašem spletnem mestu.

    Po meri prikazan kot navaden seznam

    Za oblikovanje menijev lahko uporabite razred CSS .custom_menu_class. Tukaj je vzorec CSS, ki vam bo pomagal začeti:

    div.custom-menu-class ul {
    marža: 20px 0px 20px 0px;
    seznam-style-type: noben;
    seznam-slog: noben;
    seznam-slog-slika: nobena;
    poravnava besedila: desno;
    }
    div.custom-menu-class li {
    oblazinjenje: 0px 20px 0px 0px;
    zaslon: inline;
    }
    div.custom-menu-class a {
    barva: #FFFFFF;
    }

    Meni po meri

    Če želite izvedeti več o oblikovanju navigacijskega menija, si oglejte podrobno vadbo o tem, kako oblikovati navigacijske menije WordPress

    Dodajanje navigacijskega menija po meri v WordPressu z uporabo strani za ustvarjanje strani

    Če ustvarjate postavitev ciljne strani ali domače strani po meri, bi z uporabo vtičnika za oblikovanje strani WordPress celotno stvar olajšali.

    Priporočamo uporabo orodja Beaver Builder, ki je najboljši WordPress oblikovalec strani na trgu. Omogoča vam ustvarjanje katere koli vrste postavitve strani z uporabo preprostih orodij za povleci in spusti (kodiranje ni potrebno).

    To vključuje tudi dodajanje navigacijskega menija po meri v postavitev strani.

    Najprej boste morali namestiti in aktivirati vtičnik Beaver Builder. Za več podrobnosti glejte naš korak za korakom navodila za namestitev vtičnika WordPress.

    Po aktiviranju morate ustvariti novo stran ali urediti obstoječo, na katero želite dodati navigacijski meni. Na zaslonu urejevalnika objav kliknite gumb »Zaženi Beaver Builder«.

    Zaženite Beaver Builder

    Če gre za novo stran, potem lahko uporabite eno od že pripravljenih predlog, ki so priložene programu Beaver Builder. Izhodno stran lahko tudi takoj uredite.

    Izberite predlogo

    Nato morate dodati menijski modul in ga povleciti na sliko na mesto, kjer želite prikazati meni.

    Na svojo stran dodajte menijski modul

    Prikazane bodo nastavitve menijskega modula v pojavnem oknu. Najprej morate izbrati navigacijski meni, ki ga želite uporabiti. Vedno lahko ustvarite nove menije ali uredite obstoječi meni, tako da obiščete Videz »Meniji stran v upravnem območju WordPress.

    Nastavitve menijskega modula

    Pregledate lahko tudi druge nastavitve. Beaver Builder omogoča izbiro barv, ozadja in drugih lastnosti sloga po meri za vaš meni.

    Ko končate, lahko kliknete gumb Shrani in si ogledate svoj meni.

    Predogled menija za navigacijo po meri dodan s programom Beaver Builder

    Ustvarjanje odzivnih menijev, prilagojenih mobilnim napravam v WordPressu

    S povečanjem uporabe mobilnih naprav boste morda želeli svoje menije narediti za mobilne, tako da jim dodate enega od številnih priljubljenih učinkov.

    Primer odzivnega menija

    Za mobilne menije lahko dodate učinek diapozitiva (zgoraj), spustni učinek in celo efekt preklopa.

    Imamo podroben vodnik po korakih, kako narediti odzivne menije WordPress za mobilne naprave.

    Naredite več z navigacijskimi meniji WordPress

    Navigacijski meniji so močno orodje za spletno oblikovanje. Omogočajo vam, da uporabnike usmerite na najpomembnejše dele svojega spletnega mesta.

    WordPress vam omogoča veliko več kot samo prikaz povezav v vašem meniju. Preizkusite te uporabne vadnice, da razširite funkcionalnost navigacijskih menijev na svojem mestu WordPress.

    • Kako v WordPress dodati ikone slik z navigacijskimi meniji
    • Kako dodati pogojno logiko v menije v WordPressu
    • Kako dodati teme opisov v svoji WordPress temi
    • Kako dodati WordPress meni, ki je odziven na celozaslon
    • Kako dodati mega meni na svoje WordPress spletno mesto

    To je vse, upamo, da vam je ta zadnji vodič pomagal, da se naučite, kako dodati Wordov meni za krmarjenje. Morda boste želeli videti tudi naš seznam 25 najbolj uporabnih pripomočkov za WordPress, naš seznam pa mora imeti WordPress vtičnike.

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