Directory artaigil
Tòrr mòr网络 营销tagh daoineWordPressThiglàrach-lìn a chruthachadh, ach chan eil bàr seòlaidh cuid de na cuspairean a’ toirt taic do chlàran àrd-sgoile/ioma-ìre. Mura h-eil thu riaraichte, faodaidh tu feuchainn ri stoidhle clàr-taice a’ chuspair a chur ris no atharrachadh le làimh.
Bidh am mion-atharrachadh a’ tòiseachadh bho header.php.’S e gnìomh cudromach san fhaidhle teamplaid seo taisbeanadh a’ chlàr.
Ma chleachdas tu an còd gus an roinn a ghairm mar chlàr, tha e comasach cuideachd, ach chan eil e goireasach na nithean clàr a sheòrsachadh.
Chan eil an eòlaire le fo-roinnean furasta a làimhseachadh, agus mar sin tha mi cuideachd airson gnìomh clàr àbhaisteach a chuir ris a’ chuspair agam mar chuspairean eile.
Chan eil e duilich gnìomh gnàthachadh clàr a chuir ris a’ chuspair ùr, tha 2 cheum ann sa mhòr-chuid.
A’ chiad cheum, clàradh clàr-taice WordPress
Gus an clàr a chleachdadh, feumaidh tu an toiseach clàradh, am faidhle gnìomhan fhosgladh fon chuspair, agus cuir a-steach an còd a leanas ▼
<?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 h-eil faidhle functions.php fon chuspair, cruthaich fear ùr agus dèan lethbhreac den chòd gu h-àrd gus a shàbhaladh.
Log a-steachCùl-fhiosrachadh WordPress, agus an uairsin rachaibh gu Coltas → Clàr-taice.
Ma chì thu an sgrion gu h-ìosal, tha e a’ ciallachadh gu bheil thu air clàradh mar ▼
Tha na clàran gu h-àrd a’ clàradh 2 chlàr:
- Clàr-bìdh as àirde Top Menubar.
- prìomh chlàr Main clàr-taice.
An dàrna ceum, gairm clàr-taice WordPress
Às deidh don chlàr a bhith clàraichte, faodar a ghairm anns an fhaidhle teamplaid cuspair Cuir an còd a leanas anns an fhaidhle header.php, agus faodaidh tu a ghairm far a bheil thu airson an clàr a thaisbeanadh.
Anns an fhaidhle header.php, cuir fòn gu "mullach-chlàr" ▼
//顶部菜单调用 <?php wp_nav_menu(array('theme_location' => 'top_navi')); ?>
Anns an fhaidhle header.php, cuir fòn gu "prìomh chlà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>
'menu_navi')); ?>
Cuir fòn gu "clàr-taice bun" anns an fhaidhle footer.php ▼
//底部菜单调用
<?php wp_nav_menu(array('theme_location' => 'foot_navi')); ?>
Ceum XNUMX: Clàr-taice roghainnean
Às deidh don chlàr a bhith clàraichte agus suidheachadh taisbeanaidh a ’chlàr air a mhìneachadh anns an fhaidhle cuspair, faodaidh tu rud clàr ùr a chruthachadh air cùl WordPress.
An uairsin, sònraich an rud clàr a chaidh a chruthachadh às ùr don chlàr clàraichte, agus mol an dàimh iomchaidh ▼
Dèan bàr seòlaidh clàr ioma-ìre wordpress
A-nis bruidhnidh sinn mu mar a nì thu clàr ioma-ìre WordPress:
An toiseach cuir às don chòd clàr tùsail ann am faidhle gnìomhan a’ chuspair WordPress agad fhèin.
no cuir an còd seo gu dìreach ▼
<?php if ( function_exists('register_nav_menus') ) {register_nav_menus(array('primary' => '主导航菜单'));}?>
- Nota: feumaidh a bhith a-staighAir a chur ris a-muigh.
An uairsin lorg an còd PHP airson a ’chuspair gus a’ chlàr a ghairm, ma tha e amh, mar as trice bidh e mar seo ▼
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
thoir air falbh e agus cuir ▼ na àite
<div id="menu"><?php if(function_exists('wp_nav_menu')) { wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul')); } ?> </div>
- Nota: Dèan cinnteach nach eil divs eile anns a’ chòd seo, air neo bidh e air a chuartachadh leis an div a-muigh.
Is e an ath cheum an còd gnìomh JS tuiteam-sìos a chur ris agus an còd a leanas a chur ri faidhle JS a’ chuspair ▼
jQuery(document).ready(function($) { $('#nav li').hover(function() { $('ul', this).slideDown(200)}, function() {$('ul', this).slideUp(300)});});
Clàr-taice WordPress stoidhlichean CSS
Mu dheireadh, bòidhchead stoidhle CSS.
Dè an seòrsa buaidh a bu chòir a bhith, thoir làn chluich do do mhac-meanmna, faodaidh 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 gu h-àrd ri faidhle style.css a’ chuspair agus sàbhail e.
Às deidh dhut sàbhaladh, ùraich duilleag aghaidh an làrach-lìn agad, chì thu a’ bhuaidh, a bheil e gu math sìmplidh?
An dòchas blog Chen Weiliang ( https://www.chenweiliang.com/ ) co-roinnte “Ciamar a chanas WordPress clàr-taice gnàthaichte bàr seòlaidh àrd-sgoile / ioma-ìre? , gus do chuideachadh.
Fàilte gus ceangal an artaigil seo a cho-roinn:https://www.chenweiliang.com/cwl-1521.html
Fàilte don t-sianal Telegram de bhlog Chen Weiliang gus na h-ùrachaidhean as ùire fhaighinn!
📚 Tha luach mòr anns an stiùireadh seo, 🌟 Is e cothrom ainneamh a tha seo, na caill e! ⏰⌛💨
Roinn agus toil ma thogras tu!
Is e do roinneadh agus do rudan mar ar brosnachadh leantainneach!