Kā pievienot pielāgotas navigācijas izvēlnes WordPress motīvos

Vai vēlaties WordPress motīvā pievienot pielāgotas navigācijas izvēlnes? Navigācijas izvēlnes ir horizontālais saišu saraksts, kas tiek parādīts lielākajā daļā vietņu.


Pēc noklusējuma WordPress motīviem ir iepriekš definētas izvēlnes vietas un izkārtojumi, bet kas būtu, ja vēlaties pievienot savas pielāgotas navigācijas izvēlnes?

Šajā rakstā mēs jums parādīsim, kā WordPress var viegli izveidot un pievienot pielāgotas navigācijas izvēlnes, lai jūs tās varētu parādīt jebkur savā tēmā.

Pielāgotu navigācijas izvēlņu pievienošana WordPress motīviem

Kad jums ir nepieciešama šī WordPress navigācijas izvēlnes apmācība?

Lielākajai daļai WordPress motīvu ir vismaz viena vieta, kur izvēlnē varat parādīt vietnes navigācijas saites.

Jūs varat pārvaldīt izvēlnes vienumus, izmantojot ērti lietojamu interfeisu WordPress administratora apgabalā.

Ja jūs tikai vēlaties pievienot navigācijas izvēlnes savā vietnē, vienkārši sekojiet mūsu iesācēju ceļvedim par navigācijas izvēlnes pievienošanu WordPress.

Šīs apmācības mērķis ir palīdzēt DIY / starpposma lietotājiem pievienot pielāgotas navigācijas izvēlnes savās WordPress tēmās.

Šajā rakstā tiks apskatītas šādas tēmas:

    To sakot, apskatīsim, kā motīvam pievienot pielāgotas WordPress navigācijas izvēlnes.

    Pielāgotu navigācijas izvēlņu izveidošana WordPress motīvos

    Navigācijas izvēlnes ir WordPress motīvu iezīme. Katra tēma var noteikt savas izvēlnes atrašanās vietas un izvēlnes atbalstu.

    Lai pievienotu pielāgotu navigācijas izvēlni, vispirms jums jāreģistrē jaunā navigācijas izvēlne, pievienojot šo kodu motīva function.php failam..

    funkcija wpb_custom_new_menu () {
    register_nav_menu (‘mana individuālā izvēlne’, __ (‘Mana pielāgotā izvēlne’));
    }
    add_action (‘init’, ‘wpb_custom_new_menu’);

    Tagad jūs varat doties uz Izskats »Izvēlnes savā WordPress administratora lapā un mēģiniet izveidot vai rediģēt jaunu izvēlni. Par motīva atrašanās vietas opciju redzēsit “Mana pielāgotā izvēlne”.

    Motīvam pievienota pielāgota navigācijas izvēlne

    Ja vēlaties pievienot vairāk nekā vienu jaunu navigācijas izvēlnes vietu, jums būs jāizmanto šāds kods:

    funkcija wpb_custom_new_menu () {
    register_nav_menus (
    masīvs (
    ‘mana individuālā izvēlne’ => __ (‘Mana pielāgotā izvēlne’),
    ‘papildu izvēlne’ => __ (‘Papildizvēlne’)
    )
    );
    }
    add_action (‘init’, ‘wpb_custom_new_menu’);

    Kad esat pievienojis izvēlnes atrašanās vietu, dodieties uz priekšu un pievienojiet dažus izvēlnes vienumus WordPress adminā, sekojot mūsu apmācībai par to, kā pievienot navigācijas izvēlnes iesācējiem.

    Tas ļaus mums pāriet uz nākamo soli, kas parāda izvēlni jūsu tēmā.

    Pielāgotu navigācijas izvēlņu parādīšana WordPress motīvos

    Tālāk mums jāparāda jaunā navigācijas izvēlne jūsu WordPress motīvā. Visbiežākā navigācijas izvēlņu izvietošanas vieta ir vietnes galvenes sadaļā tūlīt pēc vietnes nosaukuma vai logotipa.

    Tomēr jūs varat pievienot savu navigācijas izvēlni visur, kur vēlaties.

    Šis kods būs jāpievieno motīva veidnes failā, kur vēlaties parādīt savu izvēlni.

    <?php
    wp_nav_menu (masīvs (
    ‘tēma_lokācija’ => ‘mana pasūtījuma izvēlne’,
    ‘container_class’ => ‘pasūtījuma izvēlnes klase’));
    ?>

    Motīva atrašanās vieta ir nosaukums, kuru mēs izvēlējāmies iepriekšējā solī.

    Konteinera klase ir CSS klase, kas tiks pievienota navigācijas izvēlnei. Jūsu izvēlne jūsu vietnē parādīsies kā parasts saraksts ar aizzīmēm.

    Custom parādīts kā vienkāršs saraksts

    Lai veidotu izvēlnes, varat izmantot CSS klasi .custom_menu_class. Šeit ir CSS paraugs, kas palīdzēs jums sākt:

    div.custom-menu-class ul {
    rezerve: 20 pikseļi 0 pikseļi 20 pikseļi 0 pikseļi;
    saraksta stila tips: nav;
    saraksta stils: nav;
    saraksta stila attēls: nav;
    text-align: pa labi;
    }
    div.custom-menu-class li {
    polsterējums: 0px 20px 0px 0px;
    displejs: inline;
    }
    div.custom-menu-class a {
    krāsa: #FFFFFF;
    }

    Pielāgota izvēlne veidota

    Lai uzzinātu vairāk par navigācijas izvēlnes veidošanu, skatiet mūsu detalizēto pamācību par WordPress navigācijas izvēlņu stila veidošanu

    Pielāgotas navigācijas izvēlnes pievienošana programmā WordPress, izmantojot lapu veidotāju

    Ja veidojat pielāgotu galveno lapu vai mājas lapas izkārtojumu, WordPress lapu veidotāja spraudņa izmantošana padarītu visu daudz vienkāršāku.

    Mēs iesakām izmantot Beaver Builder, kas ir labākais WordPress lapu veidotājs tirgū. Tas ļauj jums izveidot jebkura veida lappuses izkārtojumu, izmantojot vienkāršus velkšanas un nomešanas rīkus (kodēšana nav nepieciešama).

    Tas ietver arī pielāgotas navigācijas izvēlnes pievienošanu lapas izkārtojumam.

    Pirmkārt, jums būs jāinstalē un jāaktivizē spraudnis Beaver Builder. Lai iegūtu sīkāku informāciju, skatiet mūsu soli pa solim, kā instalēt WordPress spraudni.

    Pēc aktivizēšanas jums jāizveido jauna lapa vai jārediģē esoša lapa, kurai vēlaties pievienot navigācijas izvēlni. Ziņu redaktora ekrānā noklikšķiniet uz pogas “Launch Beaver Builder”.

    Palaidiet Beaver Builder

    Ja tā ir jauna lapa, tad varat izmantot vienu no gatavām veidnēm, kas nāk ar Beaver Builder. Jūs varat arī rediģēt savu izejošo lapu uzreiz.

    Izvēlieties veidni

    Pēc tam jāpievieno izvēlnes modulis un velciet un nometiet to savā lapā vietā, kur vēlaties parādīt izvēlni.

    Pievienojiet savai lapai izvēlnes moduli

    Tas uznirstošajā izvēlnē parādīs izvēlnes moduļa iestatījumus. Pirmkārt, jums jāizvēlas navigācijas izvēlne, kuru vēlaties izmantot. Apmeklējot vietni, jūs vienmēr varat izveidot jaunas izvēlnes vai rediģēt esošo izvēlni Izskats »Izvēlnes lapa WordPress administratora apgabalā.

    Izvēlnes moduļa iestatījumi

    Varat pārskatīt arī citus iestatījumus. Beaver Builder ļauj jūsu izvēlnei izvēlēties pielāgotas krāsas, fonu un citus stila rekvizītus.

    Kad esat pabeidzis, varat noklikšķināt uz pogas Saglabāt un priekšskatīt savu izvēlni.

    Priekšskatījums pielāgotajai navigācijas izvēlnei, kas pievienota, izmantojot Beaver Builder

    Izveidot mobilajām ierīcēm draudzīgas atsaucīgas izvēlnes programmā WordPress

    Pieaugot mobilo ierīču izmantošanai, iespējams, vēlēsities padarīt savas izvēlnes mobilam draudzīgākas, pievienojot vienu no daudzajiem populārajiem efektiem.

    Atsaucīgas izvēlnes piemērs

    Mobilajām izvēlnēm varat pievienot slīdēšanas efektu (iepriekš), nolaižamo efektu un pat pārslēgšanas efektu.

    Mums ir detalizēts ceļvedis par to, kā padarīt mobilajām ierīcēm gatavās atsaucīgas WordPress izvēlnes.

    Paveiciet vairāk, izmantojot WordPress navigācijas izvēlnes

    Navigācijas izvēlnes ir jaudīgs tīmekļa dizaina rīks. Tie ļauj jums norādīt lietotājus uz vissvarīgākajām jūsu vietnes sadaļām.

    WordPress ļauj jums izdarīt daudz vairāk, nekā tikai parādīt saites izvēlnē. Izmēģiniet šīs noderīgās pamācības, lai paplašinātu navigācijas izvēlņu funkcionalitāti savā WordPress vietnē.

    • Kā pievienot attēlu ikonas ar navigācijas izvēlnēm programmā WordPress
    • Kā pievienot nosacītu loģiku izvēlnēm programmā WordPress
    • Kā pievienot izvēlnes aprakstus WordPress motīvā
    • Kā pievienot pilnekrāna adaptīvo izvēlni programmā WordPress
    • Kā pievienot mega izvēlni savai WordPress vietnei

    Tas ir viss, mēs ceram, ka šis galīgais ceļvedis palīdzēja jums uzzināt, kā WordPress pievienot navigācijas izvēlni. Varat arī apskatīt mūsu 25 visnoderīgāko WordPress logrīku sarakstu, un mūsu sarakstā obligāti jābūt WordPress spraudņiem.

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