Halos bawat tema ng WordPress ay may isang default na menu ng nabigasyon. Ang ilang mga tema kahit na mayroong maraming mga menu para sa mas mahusay na pag-navigate. Minsan, nais ng mga gumagamit na magdagdag ng isang bagong menu ng nabigasyon sa kanilang umiiral na website.


Tulad ng alam nating lahat, ang WordPress ay isang bukas na platform ng mapagkukunan, at maaaring mai-edit ng sinuman ang code upang magdagdag ng karagdagang tampok. Nais mo bang magdagdag ng isang bagong menu ng nabigasyon sa iyong WordPress tema?

Kung gayon, ang hakbang na ito sa pamamagitan ng hakbang na tutorial ay para sa iyo. Bago kami magsimula, mahalagang maunawaan na ang pag-edit ng isang umiiral na website ng WordPress ay maaaring mapanganib. Dapat mong i-back up ang WordPress website at database nito gamit ang cPanel o isang plugin tulad ng UpdateraftPlus.

Kinokontrol ng tema nito ang disenyo ng isang website ng WordPress. Kaya, kailangan mong mag-edit ng isang espesyal na file ng tema ng iyong site. Mayroong iba’t ibang mga paraan upang gawin ito.

Maaari kang lumikha ng isang tema ng bata at i-edit ito, ngunit kung nais mong baguhin ang live na website, maaari mong i-download ang tema ng WordPress sa iyong computer, at gamitin ang XAMPP upang gawin ang pag-unlad.

Sa tutorial na ito, pupunta ako sa iyo sa pamamagitan ng isang madaling sundin na proseso kung saan matututo kang magdagdag ng isang bagong menu ng pag-navigate gamit ang cPanel.

Paano at Aling File ang Kailangan mong I-edit?

Nabanggit ko ang isang tukoy na file ng temang kailangan mong i-edit, ngunit alin? Tulad ng maaaring alam mo, function.php ay isa sa mga mahahalagang file para sa isang website ng WordPress; kailangan mong magdagdag ng isang pag-andar sa pagkakaroon ng menu ng WordPress nabigasyon Codex upang magrehistro ng isang bagong menu.

Upang gawin ito, kailangan mong malaman kung saan makakahanap ng tulad ng isang file.

Hayaan kitang lakarin:

Hakbang 1

Mag-log in sa iyong web hosting account at buksan ang file manager dahil doon ay magagamit ang lahat ng data ng iyong website.

Hakbang 2

Mula sa kaliwang sidebar, bukas public_html.

Tandaan: Kung nag-edit ka ng isang subdomain o ang iyong pag-install ng WordPress para sa iyong site ay nasa isa pang folder, kailangan mong buksan ito. Kung hindi, maaari mong makita ang lahat ng mga folder at mga file ng iyong root domain sa public_html.

Hakbang 3

Hanapin ang wp-nilalaman folder at i-click upang buksan. Ang lahat ng nilalaman ng isang website ng WordPress ay nakatira sa folder na ito.

Hakbang 4

Ngayon, maaari mong makita ang mga plugin, tema, pag-upload, atbp Tulad ng nabanggit ko kanina, kailangan mong mag-edit ng isang tema. Kaya, buksan ang "tema" folder.

Hakbang 5

Maaari mong makita ang lahat ng mga aktibo at hindi aktibo na mga tema ng WordPress na mayroon ka. Buksan ang iyong kasalukuyang folder ng tema. Halimbawa, nagbubukas ako "labing-walo".

Hakbang 6

Kung mag-scroll ka pababa, madali mong mahahanap ang function.php file – Mag-right-click Pumili I-edit.

Hakbang 7

Lumilitaw ang isang popup, pumili lamang I-edit at maaari kang makakita ng isang bagong tab upang mai-edit ang code ng mga function.php. Dito kailangan mong magdagdag ng isang bagong pag-andar.

gumana ng new_nav_menu () {
rehistro_nav_menu (‘my-new-menu’, __ (‘Pangunahing Menu’));
}
add_action (‘init’, ‘new_nav_menu’);

I-save ang file, at buksan ang iyong admin panel. Pumunta sa Hitsura>>Mga menu, at makikita mo "Pangunahing Menu". Nangangahulugan ito na matagumpay mong nakarehistro ito.

Paano Ipakita ang Navigation Menu?

Upang ipakita, kailangan mong magdagdag ng isa pang code sa file kung saan nais mong ipakita ang menu.

Halimbawa, kung nais mong magdagdag ng isang bagong menu ng nabigasyon sa lugar ng header sa ibaba ng isang umiiral na menu, kailangan mong ilagay ang code sa file na iyon.

Maraming mga tao rin ang nagdagdag ng maraming mga menu sa footer.

Depende sa iyong napili, buksan ang file. Para sa lugar ng header, bukas header.php, para sa footer, bukas footer.php at hanapin ang lokasyon kung saan nais mong ipakita ang iyong bagong menu ng nabigasyon.

Hayaan akong ipakita sa iyo ang code.

<?php
wp_nav_menu (array
‘theme_location’ => ‘my-new-menu’
‘container_class’ => ‘bagong-menu-klase’))
?>

Mula sa kanang sulok, i-save ang file at maaari mong makita ang iyong bagong menu.

Maaaring hindi ito lilitaw hangga’t gusto mo, dahil kailangan mong idisenyo ito upang maging mas maganda ang hitsura nito. Maaari mong gamitin ang klase ng lalagyan "bagong-menu-klase" upang gawin ito.

Hayaan akong magpakita sa iyo ng isang halimbawa ng CSS.

div.new-menu-class ul {
type-style-type: wala;
istilo ng listahan: wala;
}
div.new-menu-class li {
padding: 20px 25px;
display: inline;
}

Maaari mong ayusin ang CSS ayon sa iyong mga kinakailangan.

Paano Magdaragdag ng Maramihang Pag-navigate Menu?

Ang ilan sa iyo ay maaaring magkaroon din ng isang katanungan upang magdagdag ng maraming mga menu gamit ang parehong pag-andar. Maaari mong gamitin ang parehong pag-andar tulad ng dati mong magdagdag ng isang solong menu ng nabigasyon.

Ipagpalagay na nais mong magdagdag ng dalawang mga menu ng nabigasyon. Ang code ay bilang sundin:

gumana ng new_nav_menu () {
magparehistro_nav_menus (
laruan
‘my-new-menu’ => __( ‘Pangunahing Menu’ ),
‘another-new-menu’ => __ (‘Secondary Menu’)
)
);
}
add_action (‘init’, ‘new_nav_menu’);

Tulad ng nakikita mo, sa code na ito, gumamit ako ng isang array, sa loob kung saan makikita mo ang mga pangalan ng dalawang mga menu. Kung nai-save mo ang file at pumunta sa Hitsura>>Mga menu, maaari kang makakita ng dalawang bagong menu ng nabigasyon.

Katulad nito, upang ipakita, maaari mong gamitin ang tukoy na code tulad ng ginawa mo para sa nag-iisang menu. Sa code para sa pangalawang menu, kailangan mong baguhin ang ‘theme_location‘pagpipilian. Hayaan akong ipakita sa iyo kung paano:

<?php
wp_nav_menu (array
‘theme_location’ => ‘isa pang bagong-menu’,
‘container_class’ => ‘pangalawang-bagong-menu-klase’));
?>

Tulad ng nakikita mo, binago ko rin ang klase ng lalagyan upang magamit ang ibang CSS para sa pangalawang menu. Ang pagpipilian ay sa iyo. Maaari mong gamitin ang anumang klase na gusto mo. Lahat ito ay tungkol sa kaginhawaan.

Tandaan: Huwag kalimutan na kailangan mong magdagdag ng isang code upang magrehistro ng isang menu sa mga function.php at upang ipakita ang isang menu, kailangan mong piliin ang file sa iyong sarili.

Maaari mong gamitin ang klase ng CSS upang magdisenyo ng mga menu.

Hindi ba Madaling Magdagdag ng Bagong Menu ng Pag-navigate?

Kung ikaw ay isang newbie, inirerekumenda ka naming gawin ang mga nasabing eksperimento sa iyong lokal na server. Maaari mong gamitin ang XAMPP, WAMP, o MAMP upang gawin ito.

Ang pag-edit ng anumang file ng coding ng isang live na website ay mapanganib. Ang isang maliit na pagkakamali ay maaaring masira ang disenyo ng iyong buong site. Kaya, inirerekumenda din na paganahin ang mode ng pagpapanatili upang kung may mali, ang iyong mga mambabasa ay walang nakikita.

Sigurado ako na ang hakbang-hakbang ay madaling sundin, at maaari kang magdagdag ng isang bagong menu ng nabigasyon sa iyong WordPress tema nang walang oras. Mahalagang mapansin ang klase ng lalagyan sapagkat upang idisenyo ang iyong mga menu, kailangan mo ng isang klase.

Kinakailangan ang kaunting kadalubhasaan sa CSS. Nabanggit ko ang isang halimbawa na makakatulong sa iyo, ngunit hindi ito nalalapat sa lahat. Nais kong bigyan ka ng isang ideya.

Ang bawat developer ay may ibang estilo ng coding. Maaari kang gumamit ng ibang klase o kahit na isang bagong lokasyon ng tema.

Kung nakakaranas ka pa rin ng anumang problema, maaari kang makipag-ugnay sa amin

Kaugnay na Mga Artikulo Paano-Sa

  • Paano Magdagdag ng Partikular na Mga Post sa Navigation Menu sa WordPress
    nasa pagitan
  • Paano Magdagdag ng mga Imahe ng Imahe sa Iyong Mga Item sa Pag-navigate sa WordPress na Paggamit ng cPanel
    nasa pagitan
  • Paano Tamang Magdagdag ng isang CSS File sa isang Tema ng WordPress Gamit ang cPanel
    dalubhasa
  • Paano Tamang Magdagdag ng isang File ng JavaScript sa Tema ng WordPress Gamit ang cPanel
    dalubhasa
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me