wordpress主题支持自定义菜单及修改css样式实现方法

英峰昊慈

自己在制作wordpress主题的时候遇到这个问题，并且遇到了css样式错误，其实很简单，操作如下：
在主题中functions.php中加入：
register_nav_menus( array( 'menu' => __( 'menu', '' ), ) );
在主题导航栏贴上导航代码： <?php wp_nav_menu( 'id=navbar' ); ?>
但是出现了css样式错误：
原来这个函数输出的是下面的格式：

复制代码 代码如下:

<div id="menubar">
<ul class="menus">
<li class="..."><a href="http://.../">Home</a></li>
<li class="..."><a href="http://.../">菜单项1</a></li>
<li class="..."><a href="http://.../">菜单项2</a></li>
<li class="..."><a href="http://.../">菜单项3</a></li>
...
</ul>
</div>

没事，过滤下就ok啦：
将代码改成：

复制代码 代码如下:

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

您可能感兴趣的文章:

• 在WordPress的后台中添加顶级菜单和子菜单的函数详解
• 在WordPress中获取数据库字段内容和添加主题设置菜单
• WordPress开发中自定义菜单的相关PHP函数使用简介
• WordPress中注册菜单与调用菜单的方法详解
• 以JavaScript来实现WordPress中的二级导航菜单的方法
• WordPress导航菜单的滚动和淡入淡出效果的实现要点
• WordPress中制作导航菜单的PHP核心方法讲解
• 使用 Conditional Menus 插件让 WordPress 在不同页面显示不同菜单