Eolaire Eolaire
a lánMargaíocht IdirlínRoghnaíonn daoine úsáid a bhaint asWordPressTarláithreán gréasáin a thógáil, ach ní thacaíonn barra nascleanúna roinnt téamaí le roghchláir dhá leibhéal/illeibhéil. Mura bhfuil tú sásta, is féidir leat triail a bhaint as stíl roghchláir an téama a chur leis nó a mhodhnú de láimh.
Ba chóir go dtosódh an modhnú ó header.php Feidhm thábhachtach sa chomhad teimpléad seo ná taispeáint an roghchláir.
Is féidir freisin cód a úsáid chun catagóirí a ghlaoch mar bhiachláir, ach tá sé deacair míreanna roghchláir a shórtáil.
Tá sé deacair déileáil le eolaire le fochatagóirí freisin, agus mar sin ba mhaith liom feidhm roghchláir saincheaptha a chur le mo théama cosúil le téamaí daoine eile.
Níl sé deacair feidhmeanna saincheaptha roghchláir a chur le téama nuachruthaithe.Tá dhá phríomhchéim ann.
An chéad chéim, clárú roghchlár WordPress
Chun an roghchlár a úsáid, ní mór duit clárú ar dtús, an comhad feidhmeanna a oscailt faoin téama, agus an cód seo a leanas a chur i gceangal ▼
<?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' => __('底部菜单') ) ); } ?>
- Mura bhfuil aon chomhad functions.php faoin téama, cruthaigh ceann nua, cóipeáil an cód thuas isteach agus sábháil é.
登录Inneall WordPress, cuir isteach " Dealramh " → "Roghchlár" in ord.
Más féidir leat an scáileán seo a leanas a fheiceáil, ciallaíonn sé go bhfuil an clárú rathúil ▼
Tá 2 roghchlár cláraithe thuas:
- Barr-roghchlár Barra Roghchláir.
- Príomh-roghchlár Main barra roghchláir.
Céim 2: Glao roghchlár WordPress
Tar éis don roghchlár a bheith cláraithe, is féidir é a ghlaoch sa chomhad teimpléad téama Cuir an cód seo a leanas sa chomhad header.php agus glaoigh air cibé áit is mian leat an roghchlár a thaispeáint.
Sa chomhad header.php, cuir glaoch ar "Top Menu"▼
//顶部菜单调用 <?php wp_nav_menu(array('theme_location' => 'top_navi')); ?>
Sa chomhad header.php, cuir glaoch ar "Príomh-Roghchlár"▼
//主菜单调用 <div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'menu_navi','menu_id'=>'nav','container'=>'ul')); } ?> </div>
'roghchlár_navi'));?>
Glaoigh ar "Bun-Roghchlár" sa chomhad footer.php▼
//底部菜单调用
<?php wp_nav_menu(array('theme_location' => 'foot_navi')); ?>
Céim 3. Roghchlár Socrú
Nuair a bheidh an roghchlár cláraithe agus suíomh taispeána an roghchláir sainithe sa chomhad téama, is féidir leat mír roghchláir nua a chruthú i Inneall WordPress.
Ansin, sann an mhír roghchláir nuachruthaithe don roghchlár cláraithe agus mol an gaol comhfhreagrach ▼
Déan barra nascleanúna roghchláir il-leibhéil wordpress
Anois, déanaimis labhairt faoi conas roghchlár illeibhéil WordPress a dhéanamh:
Tosaigh tríd an gcód roghchláir bunaidh a scriosadh i gcomhad feidhmeanna do théama WordPress féin.
Nó cuir an cód seo go díreach ▼
<?php if ( function_exists('register_nav_menus') ) {register_nav_menus(array('primary' => '主导航菜单'));}?>
- Nóta: Ní mór a bheith i Curtha leis lasmuigh.
Ansin faigh an cód PHP nuair a ghlaonn an téama an roghchlár, más rud é go bhfuil sé bunaidh beidh sé mar seo de ghnáth ▼
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
Scrios é agus cuir ▼ ina ionad
<div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul')); } ?> </div>
- Nóta: Déan cinnte nach bhfuil divs eile sa chód seo, nó beidh sé teorantach ag an div seachtrach.
Is é an chéad chéim eile ná an cód feidhme JS anuas a chur leis agus an cód seo a leanas a chur le comhad JS an téama ▼
jQuery(document).ready(function($) { $('#nav li').hover(function() { $('ul', this).slideDown(200)}, function() {$('ul', this).slideUp(300)});});
Stíleanna CSS roghchlár WordPress
Ar deireadh, áilleacht stíl CSS.
Cén cineál éifeacht ba chóir a bheith ann Tabhair spraoi iomlán do do shamhlaíocht. Is féidir le CSS é a dhéanamh ▼
#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;}
- Cuir an cód CSS thuas le comhad style.css an téama agus sábháil é.
Tar éis duit a bheith sábháilte, athnuaigh leathanach tosaigh do shuíomh Gréasáin agus is féidir leat an éifeacht a fheiceáil. Nach bhfuil sé an-simplí?
Tá súil agam Blag Chen Weiliang ( https://www.chenweiliang.com/ ) shared "Conas glao a chur ar an roghchlár saincheaptha barra nascleanúna tánaisteach/il-leibhéil i WordPress?" 》, cabhrach duit.
Fáilte romhat nasc an ailt seo a roinnt:https://www.chenweiliang.com/cwl-1521.html
Fáilte chuig cainéal Telegram de bhlag Chen Weiliang chun na nuashonruithe is déanaí a fháil!
📚 Tá luach ollmhór sa treoir seo, 🌟 Seo deis annamh, ná caill é! ⏰⌛💨
Roinnigí agus más maith libh!
Is iad do chomhroinnt agus do thaitin ár spreagadh leanúnach!