Articulu Directory
una mansa diMarketing Interneta ghjente sceglieWordPressVenitecustruisce un situ web, ma a barra di navigazione di certi temi ùn sustene micca menu secondari / multi-livellu.Se ùn site micca cuntentu, pudete pruvà à aghjunghje manualmente è mudificà u stilu di menu di u tema.
A mudificazione principia da header.php Una funzione impurtante in stu schedariu di mudellu hè a visualizazione di u menù.
Se utilizate u codice per chjamà a categuria cum'è menu, hè ancu pussibule, ma ùn hè micca cunvenutu per sorte l'articuli di menu.
I direttori cù sottocategorie ùn sò micca faciuli di trattà, cusì vogliu ancu aghjunghje funzioni di menu persunalizati à u mo tema cum'è l'altri temi.
Ùn hè micca difficiule di aghjunghje a funzione di persunalizazione di menu à u tema novu fattu, ci sò principalmente 2 passi.
U primu passu, a registrazione di u menu di WordPress
Per utilizà u menù, prima deve esse registratu, apre u schedariu di funzioni sottu u tema, è aghjunghje u seguente codice ▼
<?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' => __('底部菜单') ) ); } ?>
- Se ùn ci hè micca un schedariu functions.php sottu u tema, creanu un novu è copià u codice sopra per salvà.
Log inBackend di WordPress, e poi andate à Aspetto → Menu.
Se pudete vede u screnu sottu, significa chì avete registratu cum'è ▼
Quanto sopra registra 2 menu:
- Un menu superiore Top Menubar.
- un menu principale Main barra di menu.
U sicondu passu, a chjama di u menu di WordPress
Dopu chì u menù hè registratu, pò esse chjamatu in u schedariu di u mudellu di u tema.Ponte u codice seguente in u schedariu header.php, è pudete chjamà induve vulete vede u menù.
In u schedariu header.php, chjamate u "menu superiore" ▼
//顶部菜单调用 <?php wp_nav_menu(array('theme_location' => 'top_navi')); ?>
In u schedariu header.php, chjamate u "menu principale" ▼
//主菜单调用 <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')); ?>
Chjamate u "menu di fondu" in u schedariu footer.php▼
//底部菜单调用
<?php wp_nav_menu(array('theme_location' => 'foot_navi')); ?>
U terzu passu, u menu di paràmetri
Dopu chì u menù hè registratu è a pusizione di visualizazione di u menu hè definita in u schedariu di u tema, pudete creà un novu articulu di menu in u fondu di WordPress.
Allora, assignate l'elementu di menu appena creatu à u menu registratu, è suggerisce a relazione currispondente ▼
Crea a barra di navigazione di menu multi-livellu di wordpress
Avà parlemu di cumu fà un menu multi-livellu di WordPress:
Prima sguassate u codice di menu originale in u schedariu di funzioni di u vostru propiu tema di WordPress.
o aghjunghje stu codice direttamente ▼
<?php if ( function_exists('register_nav_menus') ) {register_nav_menus(array('primary' => '主导航菜单'));}?>
- Nota: deve esse inAggiuntu fora.
Allora truvate u codice PHP per u tema per chjamà u menu, s'ellu hè crudu, hè di solitu cusì ▼
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
sguassate è rimpiazzà cù ▼
<div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul')); } ?> </div>
- Nota: Assicuratevi chì stu codice ùn cuntene micca altri divs, altrimenti serà limitatu da u div esternu.
U prossimu passu hè di aghjunghje u codice di funzione JS dropdown è aghjunghje u codice seguente à u schedariu JS di u tema ▼
jQuery(document).ready(function($) { $('#nav li').hover(function() { $('ul', this).slideDown(200)}, function() {$('ul', this).slideUp(300)});});
Menu WordPress Stili CSS
Infine, bellezza in stile CSS.
Chì tippu d'effettu deve esse, dà u ghjocu pienu à a vostra imaginazione, CSS pò fà ▼
#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;}
- Aghjunghjite u codice CSS sopra à u schedariu style.css di u tema è salvà.
Dopu avè salvatu, rinfriscà a prima pagina di u vostru situ web, pudete vede l'effettu, hè assai simplice?
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) hà spartutu "Cumu WordPress chjama u menu persunalizatu di a barra di navigazione secondaria / multi-livellu? , per aiutà.
Benvenuti à sparte u ligame di stu articulu:https://www.chenweiliang.com/cwl-1521.html
Benvenuti à u canali Telegram di u blog di Chen Weiliang per avè l'ultime aghjurnamenti!
📚 Questa guida cuntene un valore enormu, 🌟Questa hè una rara opportunità, ùn mancate micca! ⏰⌛💨
Condividi è mi piace se ti piace!
A vostra spartera è Mi piace sò a nostra motivazione cuntinua!