Bawo ni wodupiresi ṣe n pe akojọ aṣayan aṣa-atẹle/ọpọlọpọ ipele lilọ kiri?

ọpọlọpọ tiInternet Marketingeniyan yanWordPressWákọ kan aaye ayelujara, ṣugbọn ọpa lilọ kiri diẹ ninu awọn akori ko ṣe atilẹyin awọn akojọ aṣayan-atẹle/ọpọlọpọ. Ti o ko ba ni itẹlọrun, o le gbiyanju lati fikun-un tabi ṣe atunṣe aṣa akojọ aṣayan ti akori naa.

Iyipada naa bẹrẹ lati header.php Iṣẹ pataki kan ninu faili awoṣe yii ni ifihan akojọ aṣayan.

Ti o ba lo koodu lati pe ẹka bi akojọ aṣayan, o tun ṣee ṣe, ṣugbọn ko rọrun lati to awọn ohun akojọ aṣayan.

Itọsọna pẹlu awọn ẹka-kekere ko rọrun lati mu, nitorinaa Mo tun fẹ lati ṣafikun iṣẹ atokọ aṣa si akori mi bii awọn akori miiran.

Ko ṣoro lati ṣafikun iṣẹ isọdi akojọ aṣayan si akori tuntun ti a ṣe, awọn igbesẹ meji ni o wa.

Igbesẹ akọkọ, iforukọsilẹ akojọ aṣayan WordPress

Lati lo akojọ aṣayan, o gbọdọ kọkọ forukọsilẹ, ṣii faili awọn iṣẹ labẹ akori, ki o fi koodu atẹle naa ▼

<?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' => __('底部菜单') ) );
}
?>

• Ti ko ba si faili function.php labẹ akori, ṣẹda tuntun kan ki o daakọ koodu loke lati fipamọ.

wọleWordPress backend, ati lẹhinna lọ si Irisi→ Akojọ aṣyn.

Ti o ba le wo iboju ni isalẹ, o tumọ si pe o ti forukọsilẹ bi ▼

Awọn akojọ aṣayan 2 loke forukọsilẹ:

1. A oke akojọ Top Menubar.
2. akojọ aṣayan akọkọ Main akojọ aṣayan.

Igbesẹ keji, ipe akojọ aṣayan wodupiresi

Lẹhin ti akojọ aṣayan ti forukọsilẹ, o le pe ni faili awoṣe akori Fi koodu atẹle naa sinu faili header.php, ati pe o le pe ni ibiti o fẹ ṣafihan akojọ aṣayan.

Ninu faili header.php, pe "akojọ oke"▼

//顶部菜单调用
<?php wp_nav_menu(array('theme_location' => 'top_navi')); ?>

Ninu faili header.php, pe "akojọ akọkọ"▼

//主菜单调用
<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'));?>

Pe “akojọ-isalẹ” ninu faili footer.php▼

//底部菜单调用
<?php wp_nav_menu(array('theme_location' => 'foot_navi')); ?>

Igbesẹ kẹta, akojọ awọn eto

Lẹhin ti akojọ aṣayan ti forukọsilẹ ati ipo ifihan ti akojọ aṣayan jẹ asọye ninu faili akori, o le ṣẹda ohun akojọ aṣayan tuntun ni abẹlẹ Wodupiresi.

Lẹhinna, fi ohun akojọ aṣayan tuntun ti a ṣẹda si akojọ aṣayan ti a forukọsilẹ, ki o daba ibatan ti o baamu ▼

Ṣe awọn ti anpe ni olona-ipele akojọ lilọ bar

Bayi jẹ ki a sọrọ nipa bii o ṣe le ṣe akojọ aṣayan ipele-ọpọlọpọ WordPress:

Ni akọkọ paarẹ koodu akojọ aṣayan atilẹba ni faili awọn iṣẹ ti akori Wodupiresi tirẹ.

tabi fi koodu yii kun taara ▼

<?php if ( function_exists('register_nav_menus') ) {register_nav_menus(array('primary' => '主导航菜单'));}?>

• Akiyesi: gbọdọ wa ninuFi kun ita.

Lẹhinna wa koodu PHP fun akori lati pe akojọ aṣayan, ti o ba jẹ aise, o maa n dabi eyi ▼

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

yọ kuro ki o si fi ▼ rọpo rẹ

<div id="menu"><?php if(function_exists('wp_nav_menu')) {
wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul'));
} ?> </div>

• Akiyesi: Rii daju pe koodu yii ko ni awọn div miiran ninu, bibẹẹkọ yoo jẹ alaa nipasẹ div ita.

Igbesẹ ti n tẹle ni lati ṣafikun koodu iṣẹ jabọ silẹ JS ati ṣafikun koodu atẹle si faili JS akori ▼

jQuery(document).ready(function($) {
$('#nav li').hover(function() {
$('ul', this).slideDown(200)},
function() {$('ul', this).slideUp(300)});});

Wodupiresi akojọ CSS aza

Níkẹyìn, CSS ara ẹwa.

Iru ipa wo ni o yẹ ki o jẹ, fun ere ni kikun si oju inu rẹ, CSS le ṣe ▼

#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;}

• Ṣafikun koodu CSS ti o wa loke si faili style.css akori naa ki o fi pamọ.

Lẹhin fifipamọ, sọ oju-iwe iwaju ti oju opo wẹẹbu rẹ, o le rii ipa naa, ṣe o rọrun pupọ bi?