wordpress主题支持自定义菜单及修改css样式实现方法
- 作者: 乌拉拉小国王
- 来源: 51数据库
- 2020-08-06
使用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 >Home</a></li>
<li class="..."><a >菜单项1</a></li>
<li class="..."><a >菜单项2</a></li>
<li class="..."><a >菜单项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)) ));
?>
在主题中functions.php中加入：
register_nav_menus( array( 'menu' => __( 'menu', '' ), ) );
在主题导航栏贴上导航代码： <?php wp_nav_menu( 'id=navbar' ); ?>
但是出现了css样式错误：
原来这个函数输出的是下面的格式：
复制代码 代码如下:
<div id="menubar">
<ul class="menus">
<li class="..."><a >Home</a></li>
<li class="..."><a >菜单项1</a></li>
<li class="..."><a >菜单项2</a></li>
<li class="..."><a >菜单项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)) ));
?>
推荐阅读
