Чӣ тавр WordPress менюи фармоишии сатри навигатсионии дуюмдараҷа/бисёрсатҳиро даъват мекунад?

бисёрМаркетинги Интернетмардум интихоб мекунандWordPressБиёяк вебсайт созед, аммо сатри паймоиши баъзе мавзӯъҳо менюҳои дуюмдараҷа/бисёрсатҳиро дастгирӣ намекунад.Агар шумо қаноатманд набошед, шумо метавонед кӯшиш кунед, ки услуби менюи мавзӯъро дастӣ илова ва тағир диҳед.

Тағирот аз header.php оғоз мешавад.Функсияи муҳим дар ин файли қолабӣ намоиши меню мебошад.

Агар шумо кодро барои даъват кардани категория ҳамчун меню истифода баред, он низ имконпазир аст, аммо барои ҷудо кардани ҷузъҳои меню қулай нест.

Идоракунии директорияҳо бо зеркатегорияҳо осон нест, аз ин рӯ ман мехоҳам ба мавзӯи худ мисли дигар мавзӯъҳо функсияҳои менюи фармоиширо илова кунам.

Илова кардани функсияи мутобиқсозии меню ба мавзӯи нав сохташуда душвор нест, асосан 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 мавҷуд набошад, файли нав эҷод кунед ва рамзи дар боло зикршударо нусхабардорӣ кунед, то онро захира кунед.

Воридшавӣпуштибонии WordPress, ва он гоҳ ба намуди зоҳирӣ→ Меню гузаред.

Агар шумо экрани зерро бубинед, ин маънои онро дорад, ки шумо ҳамчун ▼ сабти ном шудаед

Дар боло 2 меню сабт шудааст:

1. Менюи боло Менюи боло.
2. менюи асосӣ Мain панели меню.

Қадами дуюм, занги менюи WordPress

Пас аз бақайдгирии меню онро дар файли шаблони мавзӯъ даъват кардан мумкин аст Рамзи зеринро ба файли header.php гузоред ва шумо метавонед онро ба ҷое, ки мехоҳед менюро намоиш диҳед, даъват кунед.

Дар файли header.php, ба "менюи боло" занг занед▼

//顶部菜单调用
<?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 созед

Акнун биёед дар бораи чӣ гуна сохтани менюи бисёрсатҳи WordPress сӯҳбат кунем:

Аввал рамзи менюи аслии худро дар файли функсияҳои мавзӯи 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>

• Эзоҳ: Боварӣ ҳосил кунед, ки ин код дигар divҳоро дар бар намегирад, вагарна он бо div берунӣ маҳдуд мешавад.

Қадами навбатӣ ин илова кардани рамзи функсионалии 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-и дар боло зикршударо ба файли style.css мавзӯъ илова кунед ва онро захира кунед.

Пас аз захиракунӣ, саҳифаи пеши вебсайти худро нав кунед, шумо метавонед эффектро бинед, оё ин хеле содда аст?