Quomodo WordPress vocat secundarium/multi-level bar navigationis consuetudo menu?

multumInternet Marketingpopulus eligereWordPressVeniFac stationesed navigationis themata quaedam themata secundaria/multi-aequalia menus non sustinent. Si non satisfacit, conari potes manually addere et mutare stilum thematis menu.

Modificatio incipit ab header.php. Magni momenti munus in hoc template lima est ostentatio menu.

Si codice uteris ut categoriam ut menu vocare, fieri quoque potest, sed non convenit menuis uti.

Directoria cum sub-categoriis tractandi non sunt faciles, ita etiam consuetum munus menu addere ad propositum meum sicut alia themata.

Non difficile est munus css.

Primus gradus, WordPress menu registration

Ut in tabula utere, debes primo mandare, functiones fasciculi sub themate aperi et sequens codicem appende ▼

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

• Si nulla desit functiones.php lima sub themate, novam creare et supra codicem ad illam conservandam effingo.

Log inWordPress backendac deinde ad apparentiam → Menu.

Si screen infra videre potes, significat te descripserunt ut ▼

Haec supra descripta sunt 2 meniis;

1. A top menu Top Menubar.
2. elencho Main menubar.

Secundus gradus est, vocatus Verbi Press

Postquam menu descriptus est, in documento documenti lemmatis dici potest.-Pone sequenti codice in file header.php, et appellare potes ubi tabulam ostendere vis.

In lima header.php, "mensus top" ▼

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

In file header.php, vocant "mensus principalis" ▼

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

Voca "mensum fundum" in footer.php fasciculi ▼

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

Tertius gradus, obitus menu

Post menu est relatus et ostentatio positionis menu lima in argumento definitur, novum menu item in background WordPress creare potes.

Deinde, tabulam recentem creatam ad tabulam inscriptam adscribe, et congruentem relationem ▼e suggere

Fac wordpress multi-level menu talea navigationis

Nunc fama quomodo verbum pressorium multi-level tabulae faciamus:

Primum delere codicem originalem in functionibus fasciculi WordPress thematis tui.

aut hoc codice addere directe ▼

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

• Nota: debet esse inExtra addidi.

Tum pro themate PHP codicem invenias, ut menu, si crudum est, soleat hoc ▼

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

removere ac repone ▼*

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

• Nota: Fac hunc codicem alias divs non contineri, alioquin ab exteriore div terminabitur.

Proximum est, codicem functionis JS dropdown addere, et sequentem codicem addere ad limam JS thematis ▼

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

WordPress Menu CSS Styles

denique css styli ornatu.

Qualis autem effectus sit, plena imaginatione luditur, CSS facere possit

#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 codicem supra CSS ad lima stili thematis adde et eam serva.

Post salvificam, refice primam paginam paginae tuae, effectum videre potes, estne valde simplex?