枫芸志

【WordPress】为Inove主题增加自定义菜单功能的支持

Inove主题晴枫修改版已增加了对自定义菜单功能的支持，点击这里查看。

WordPress 3.0推出已有三个多月了，关于给博客主题增加3.0新功能——自定义菜单支持的文章也已经很多了，按着操作下来感觉还是有一些地方没有写得很清楚，于是也来整理一笔。

这两天无意中，看到后台管理》外观》目录界面有如下提示：

当前的主题不提供原生的自定义目录支持。您可以用“自定义目录”小工具将您在这里创建的目录添加至主题的侧边栏。

英文版提示是

The current theme does not natively support menus, but you can use the “Custom Menu” widget to add any menus you create here to the theme’s sidebar.

想想还是给博客主题增加这个功能的支持。

记录下修改步骤：





1、修改主题的functions.php文件，末尾增加如下代码：

<?php
if (function_exists('register_nav_menus')){
register_nav_menus( array(
'menubar' => __('Inove Menubar', 'inove')
) );
}
?>

说明：此段代码意为注册菜单位置。menubar为位置标识，自定义，对应到菜单设置界面的主题位置，如下图；Inove Menubar是显示的描述文字。array数组便是在主题中使用的菜单位置，可以指定多个元素来使得主题中同时使用多个自定义菜单。更多关于 register_nav_menus 函数的使用可参看官网说明文档。



自定义菜单设置

2、增加主题配置项（即后台管理》外观》当前主题选项）对自定义菜单功能的可选的支持，各个主题修改方法会有不同；当然如果主题没有配置项，可略过此步。

iNove主题配置项修改位于functions.php文件中，涉及修改代码较多，不细细罗列，有兴趣修改的同学模仿原有的配置项进行添加。只是中间如有中文的话需要用__()或_e()函数替换下，然后在languages下的对应语言文件中增加条目，语言文件的编辑用到WordPress主题插件语言包制作工具。

3、修改主题菜单项的输出代码

Inove主题菜单项对应代码位于templates/header.php第30行处，如下，根据自己的需要进行修改或替换：

<?php
if($options['menu_type'] == 'categories') {
wp_list_categories('title_li=0&orderby=name&show_count=0');
} else {
wp_list_pages('title_li=0&sort_column=menu_order');
}
?>

自定义菜单的输出使用如下代码 ：

wp_nav_menu(array('theme_location' => 'menubar'));

说明：以上函数是将menubar对应的菜单项转换为菜单列表输出，输出代码类似如下：

<div class="menu-xxx-container"><ul id="menu-xxx" class="menu"><li id="menu-item-xxx" class="menu-item menu-item-type-custom menu-item-xxx"><a href="xxx">xxx</a></li>
<li id="menu-item-xxx" class="menu-item menu-item-type-post_type menu-item-xxx"><a href="xxx">xxx</a></li>
</ul></div>

由于Inove主题菜单设计原因，不希望输出菜单代码中的div标签和ul标签，于是采用了如下代码：

echo str_replace("</ul></div>", "", ereg_replace("<div[^>]*><ul[^>]*>", "", wp_nav_menu(array('theme_location' => 'menubar', 'echo' => false)) ));

即通过正则表达式的替换，去掉div标签和ul标签，只留下li标签。

更多关于 wp_nav_menu 函数的使用请参考官方说明文档。

4、添加、配置菜单

在WordPress后台管理》外观》目录中进行设置，如前面的图所示，增加菜单、添加菜单项、将菜单选定到主题的菜单位置上。如菜单位置处不选择任何菜单，主题输出时会将页面列表作为默认菜单列表输出。

p.s. 自定义菜单虽然灵活，但就效率而言不及直接输出页面列表或是分类列表，各位看官自己选择。

[完毕]




本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自枫芸志，原文地址《【WordPress】为Inove主题增加自定义菜单功能的支持》
标签： Inove • WordPress
分享：