WordPress သည် အလယ်တန်း/အဆင့်ပေါင်းစုံ လမ်းညွှန်ဘား စိတ်ကြိုက်မီနူးကို မည်သို့ခေါ်ဆိုသနည်း။

အမြောက်အများ网络营销လူတွေက ရွေးတယ်။WordPressလာကြဝဘ်ဆိုဒ်တစ်ခုတည်ဆောက်ပါ။သို့သော် အချို့သော အပြင်အဆင်များ၏ လမ်းညွှန်ဘားသည် အလယ်တန်း/အဆင့်မီနူးများကို မပံ့ပိုးပါ။ စိတ်ကျေနပ်မှုမရှိပါက အပြင်အဆင်၏ မီနူးပုံစံကို ကိုယ်တိုင်ထည့်သွင်းရန် သို့မဟုတ် ပြင်ဆင်ရန် ကြိုးစားနိုင်ပါသည်။

ပြုပြင်မွမ်းမံမှုသည် header.php မှ စတင်သည်။ ဤ template ဖိုင်တွင် အရေးကြီးသော လုပ်ဆောင်မှုမှာ မီနူး၏ ပြသမှုဖြစ်သည်။

အမျိုးအစားကို မီနူးအဖြစ် ခေါ်ရန် ကုဒ်ကို အသုံးပြုပါက၊ ၎င်းသည် ဖြစ်နိုင်သော်လည်း မီနူးအရာများကို စီရန် အဆင်မပြေပါ။

အမျိုးအစားခွဲများပါရှိသော လမ်းညွှန်သည် ကိုင်တွယ်ရန် မလွယ်ကူသောကြောင့် အခြားအပြင်အဆင်များကဲ့သို့ ကျွန်ုပ်၏အပြင်အဆင်တွင် စိတ်ကြိုက်မီနူးလုပ်ဆောင်ချက်ကိုလည်း ထည့်သွင်းလိုပါသည်။

အသစ်လုပ်ထားသော theme တွင် မီနူးစိတ်ကြိုက်ပြင်ဆင်ခြင်းလုပ်ဆောင်ချက်ကို ထည့်ရန် မခက်ခဲပါ၊ အဓိကအားဖြင့် အဆင့် 2 ခုရှိသည်။

ပထမအဆင့်၊ WordPress မီနူးမှတ်ပုံတင်ခြင်း။

မီနူးကို အသုံးပြုရန်အတွက် သင်သည် ဦးစွာ စာရင်းသွင်းရမည်၊ ဆောင်ပုဒ်အောက်ရှိ လုပ်ဆောင်ချက်ဖိုင်ကို ဖွင့်ကာ အောက်ပါကုဒ်ကို ပေါင်းထည့်ရမည် ▼

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

• ဆောင်ပုဒ်အောက်တွင် functions.php ဖိုင်မရှိပါက၊ အသစ်တစ်ခုဖန်တီးပြီး ၎င်းကိုသိမ်းဆည်းရန် အထက်ပါကုဒ်ကို ကူးယူပါ။

အတွက် LogWordPress နောက်ခံပြီးနောက် ပုံပန်းသဏ္ဍာန် → မီနူးသို့ သွားပါ။

အောက်ပါစခရင်ကိုမြင်ရပါက၊ သင်သည် ▼အဖြစ် စာရင်းသွင်းထားသည်ဟု ဆိုလိုသည်။

အထက်ဖော်ပြပါ မီနူး ၂ ခုကို စာရင်းသွင်းသည်။

1. ထိပ်တန်းမီနူး Top Menubar
2. ပင်မမီနူး Main မီနူးဘား။

ဒုတိယအဆင့်အနေဖြင့် WordPress menu ကိုခေါ်ဆိုပါ။

မီနူးကို စာရင်းသွင်းပြီးပါက ၎င်းကို ဆောင်ပုဒ်ပုံစံ နမူနာဖိုင်တွင် ခေါ်နိုင်သည်။ အောက်ပါကုဒ်ကို header.php ဖိုင်တွင် ထည့်သွင်းပြီး မီနူးကို ပြသလိုသည့်နေရာတွင် ၎င်းကို သင်ခေါ်နိုင်သည်။

header.php ဖိုင်တွင် "top menu"▼ ကိုခေါ်ပါ။

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

header.php ဖိုင်တွင်၊ "ပင်မမီနူး"▼ ကိုခေါ်ပါ။

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

footer.php ဖိုင်▼ရှိ "အောက်ခြေမီနူး" ကိုခေါ်ဆိုပါ။

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

အဆင့် XNUMX: ဆက်တင်များ မီနူး

မီနူးကို စာရင်းသွင်းပြီး မီနူး၏ပြသမှုအနေအထားကို ဆောင်ပုဒ်ဖိုင်တွင် သတ်မှတ်ထားပြီးနောက်၊ WordPress နောက်ခံတွင် မီနူးအသစ်တစ်ခုကို သင်ဖန်တီးနိုင်ပါသည်။

ထို့နောက် အသစ်ဖန်တီးထားသော မီနူးကို မှတ်ပုံတင်ထားသော မီနူးတွင် သတ်မှတ်ပေးပြီး သက်ဆိုင်ရာ ဆက်နွယ်မှုကို အကြံပြုပါ ▼

wordpress multi-level menu navigation bar ပြုလုပ်ပါ။

ယခု WordPress Multi-level Menu ကို ပြုလုပ်နည်းကို ဆွေးနွေးကြပါစို့။

သင့်ကိုယ်ပိုင် WordPress အပြင်အဆင်၏ လုပ်ဆောင်ချက်များဖိုင်ရှိ မူရင်းမီနူးကုဒ်ကို ဖျက်ပါ။

သို့မဟုတ် ဤကုဒ်ကို တိုက်ရိုက် ▼ ထည့်ပါ။

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

• မှတ်ချက်- တွင်ရှိရမည်။အပြင်မှာထည့်ထားတယ်။

ထို့နောက် မီနူးကိုခေါ်ရန် ဆောင်ပုဒ်အတွက် PHP ကုဒ်ကို ရှာပါ၊ ၎င်းသည် အစိမ်းဖြစ်နေပါက၊ ၎င်းသည် များသောအားဖြင့် ဤကဲ့သို့ဖြစ်သည် ▼

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

၎င်းကိုဖယ်ရှားပြီး ▼ ဖြင့်အစားထိုးပါ။

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

• မှတ်ချက်။

နောက်တစ်ဆင့်မှာ dropdown JS လုပ်ဆောင်ချက်ကုဒ်ကို ထည့်ရန်နှင့် အပြင်အဆင်၏ JS ဖိုင်သို့ အောက်ပါကုဒ်ကို ထည့်ရန် ▼

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

WordPress မီနူး CSS စတိုင်များ

နောက်ဆုံးအနေနဲ့ CSS စတိုင် အလှပြုပြင်ခြင်း

ဘယ်လိုအကျိုးသက်ရောက်မှုရှိသင့်သလဲ၊ သင့်စိတ်ကူးစိတ်သန်းအတွက် အပြည့်အ၀ကစားပါ၊ CSS က ၎င်းကိုလုပ်ဆောင်နိုင်သည် ▼

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

• အထက်ပါ CSS ကုဒ်ကို theme ၏ style.css ဖိုင်တွင် ထည့်ပြီး သိမ်းဆည်းပါ။

သိမ်းဆည်းပြီးနောက်၊ သင့်ဝဘ်ဆိုဒ်၏ ရှေ့စာမျက်နှာကို ပြန်လည်ဆန်းသစ်ပါ၊ အကျိုးသက်ရောက်မှုကို သင်မြင်နိုင်သည်၊ ၎င်းသည် အလွန်ရိုးရှင်းပါသလား။