Papa Kuhikuhi ʻatikala
nui 'inoHoʻolaha Pūnaewelekoho nā kānakaWordPressHele maikūkulu i kahi pūnaewele, akā, ʻaʻole kākoʻo ka pae hoʻokele o kekahi mau kumuhana i nā menus lua/nui.
Hoʻomaka ka hoʻololi ʻana mai ke poʻo.php. ʻO kahi hana koʻikoʻi o kēia faila template ka hōʻike ʻana o ka papa kuhikuhi.
Inā ʻoe e hoʻohana i ke code e kāhea i ka waeʻano ma ke ʻano he papa kuhikuhi, hiki nō hoʻi, akā ʻaʻole maʻalahi ke koho ʻana i nā mea papa inoa.
ʻAʻole maʻalahi nā papa kuhikuhi me nā sub-categories, no laila makemake wau e hoʻohui i nā hana papa kuhikuhi maʻamau i kaʻu kumuhana e like me nā kumuhana ʻē aʻe.
ʻAʻole paʻakikī ka hoʻohui ʻana i ka hana hana maʻamau i ke kumumanaʻo i hana ʻia, aia ka nui o 2 mau ʻanuʻu.
ʻO ka hana mua, hoʻopaʻa inoa papa inoa WordPress
No ka hoʻohana ʻana i ka papa kuhikuhi, pono ʻoe e hoʻopaʻa inoa mua, wehe i ka faila hana ma lalo o ke kumumanaʻo, a hoʻohui i kēia code ▼
<?php //自定义菜单 if (function_exists('register_nav_menus')) { register_nav_menus( array( 'top_navi' => __('顶部菜单') ) ); register_nav_menus( array( 'menu_navi' => __('站点导航') ) ); register_nav_menus( array( 'foot_navi' => __('底部菜单') ) ); } ?>
- Inā ʻaʻohe faila functions.php ma lalo o ke kumumanaʻo, e hana i kahi mea hou a kope i ke code ma luna e mālama ai.
i hoʻopaʻa 'iWordPress hope, a laila hele i ka Appearance→Menu.
Inā hiki iā ʻoe ke ʻike i ka pale ma lalo, ʻo ia hoʻi ua hoʻopaʻa inoa ʻoe ma ▼
Hoʻopaʻa inoa ʻia nā menus 2 i luna:
- ʻO kahi papa kuhikuhi luna Top Menubar.
- he papa kuhikuhi nui Main papa kuhikuhi.
ʻO ka lua o ka ʻanuʻu, ke kāhea menu WordPress
Ma hope o ka hoʻopaʻa inoa ʻia ʻana o ka papa kuhikuhi, hiki ke kapa ʻia ma ka faila template theme. E kau i kēia code ma ka faila header.php, a hiki iā ʻoe ke kāhea iā ia ma kahi āu e makemake ai e hōʻike i ka papa kuhikuhi.
Ma ka waihona header.php, e kāhea i ka "luna menu"▼
//顶部菜单调用 <?php wp_nav_menu(array('theme_location' => 'top_navi')); ?>
Ma ka waihona header.php, e kāhea i ka "papa kuhikuhi nui"▼
//主菜单调用 <div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'menu_navi','menu_id'=>'nav','container'=>'ul')); } ?> </div>
'menu_navi')); ?>
Kāhea i ka "papa kuhikuhi lalo" ma ka waihona footer.php▼
//底部菜单调用
<?php wp_nav_menu(array('theme_location' => 'foot_navi')); ?>
Pani XNUMX: Papa koho
Ma hope o ka hoʻopaʻa inoa ʻana o ka papa kuhikuhi a wehewehe ʻia ke kūlana hōʻike o ka papa kuhikuhi i ka faila kumuhana, hiki iā ʻoe ke hana i kahi mea papa inoa hou ma ka WordPress background.
A laila, e hāʻawi i ka mea i hana hou ʻia i ka papa inoa i hoʻopaʻa ʻia, a e kuhikuhi i ka pilina pili ▼
Hana i ka wordpress multi-level navigation bar
I kēia manawa, e kamaʻilio e pili ana i ka hana ʻana i kahi papa kuhikuhi multi-level WordPress:
E holoi mua i ka papa kuhikuhi papa kuhikuhi ma ka waihona hana o kāu kumuhana WordPress ponoʻī.
a i ʻole e hoʻohui pololei i kēia code ▼
<?php if ( function_exists('register_nav_menus') ) {register_nav_menus(array('primary' => '主导航菜单'));}?>
- Nānā: pono e komo i lokoHoʻohui ʻia ma waho.
A laila e ʻimi i ke code PHP no ke kumumanaʻo e kāhea i ka papa kuhikuhi, inā he maka, e like me kēia ▼
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
wehe a hoʻololi me ▼
<div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul')); } ?> </div>
- 'Ōlelo Aʻo: E hōʻoia i kēia code ʻaʻole i loaʻa nā div ʻē aʻe, i ʻole e hoʻopaʻa ʻia ia e ka div waho.
ʻO ka hana aʻe e hoʻohui i ke code hana JS dropdown a hoʻohui i kēia code i ka faila JS o ke kumuhana ▼
jQuery(document).ready(function($) { $('#nav li').hover(function() { $('ul', this).slideDown(200)}, function() {$('ul', this).slideUp(300)});});
Nā ʻano CSS menu WordPress
ʻO ka hope, ka hoʻonani ʻana i ke ʻano CSS.
He aha ke ʻano o ka hopena, hāʻawi i ka pāʻani piha i kou noʻonoʻo, hiki iā CSS ke hana ▼
#menu {position:relative;width:99%;margin:0 5px 0 5px;height:36px;background: #f6f6f6 url("images/jtyu.jpg");} #menu li{border-right:0px #ace solid;} #nav{margin-left:30px;width:900px;height:36px;} #nav li{font-size:14px;width:100px;line-height:30px;float:left;background: #f6f6f6 url("images/iol.jpg");border-bottom:0px #fff solid} #nav li a{line-height:36px;color:#fff;text-align:center;display:block;background:url("images/beg.png") no-repeat;margin:0;} #nav li a:hover{background:url("images/oilu.png") no-repeat center;color:#f03;} .sub-menu {height:36px;float:left;position:absolute;text-align:center;display:none;} .sub-menu a {border-top:0px #fff solid;height:36px;color:#fff; text-decoration:none; line-height:36px; text-align:center; padding:0 20px; display:block; _width:48px;}
- Hoʻohui i ke code CSS ma luna i ka faila style.css o ke kumuhana a mālama iā ia.
Ma hope o ka mālama ʻana, hōʻano hou i ka ʻaoʻao mua o kāu pūnaewele, hiki iā ʻoe ke ʻike i ka hopena, maʻalahi loa?
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kaʻana like "Pehea ʻo WordPress e kāhea ai i ka papa kuhikuhi maʻamau o ka papa hoʻokele lua/nui? , e kokua ia oe.
Welina mai e kaʻana like i ka loulou o kēia ʻatikala:https://www.chenweiliang.com/cwl-1521.html
Welina mai i ke kahawai Telegram o ka moʻomanaʻo ʻo Chen Weiliang e kiʻi i nā mea hou loa!
📚 He waiwai nui kēia alakaʻi, 🌟He manawa kakaikahi kēia, mai poina! ⏰⌛💨
Kaʻana like a like inā makemake ʻoe!
ʻO kāu kaʻana like a me kou makemake ʻo kā mākou hoʻoikaika mau!