Quantcast
Channel: PHP Stone
Viewing all articles
Browse latest Browse all 30

在 WordPress 3.0 中使用菜单

$
0
0

新发布的 WordPress 3.0 中新增了一个实用的功能,将外观层所表现的边栏(sidebar)和页脚(footer)等通过内置函数实现,删减模块不需要再改动代码,可直接在控制板直观自由地添加和改动。

值得注意的是,3.0 版本的 WordPress 在发表此文章时还没有中文版本,我使用英文版升级后改动的部分没有翻译。

wordpress menus

在 functions.php 文件中注册 menus



if ( function_exists('register_nav_menus') ) {
register_nav_menus(
array(
'footer_menu' => 'My Custom Footer Menu',
'sidebar_menu' => 'Super Sidebar Menu'
)
);
}


用管理帐号创建 menu

进入 外观->Menus 进行创建,例如创建页脚菜单 Footer Menu:

创建好后保存你想要生效的 menu,然后将想要展示的模块“添加到 Menu”并保存。

在模板中插入 menu

例如刚才的 Footer Menu,可以插入到 footer.php 你想要显示的位置,代码如下


<?php wp_nav_menu( array('menu' => 'Footer Menu')); ?>


根据自己定义的 menu 名称更改以上代码,即可实现相应的 menu 功能。此 Footer Menu 的相应HTML 输出像如下代码


<div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu">
<li id="menu-item-423" class="menu-item menu-item-type-custom menu-item-423"><a href="http://phpstone.com">Home</a></li>
<li id="menu-item-424" class="menu-item menu-item-type-post_type menu-item-424"><a href="http://phpstone.com/archives/">Archives</a></li>
<li id="menu-item-425" class="menu-item menu-item-type-post_type menu-item-425"><a href="http://phpstone.com/about/">关于</a></li>
</ul></div>

根据这些 div 标记用 css 重新定义外观,即可得到想要的效果。


Viewing all articles
Browse latest Browse all 30

Trending Articles