wordpress主题支持自定义菜单及修改css样式实现方法
更新时间：2020年6月30日 23:43 点击：1930
自己在制作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)) ));
?>
在主题中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)) ));
?>
上一篇: Delphi编程常用快捷键大全
下一篇: Delphi实现获取句柄并发送消息的方法
相关文章
- 自定义菜单可以在后台设置但如果你使用了开发者之后那么后台的自定义菜单功能就失效了，必须通过程序来创建了，下面一起来看一个简单的通过php创建自定义菜单的例子。...2016-11-25
- 微信公众平台服务号可申请自定义菜单了，其它的号暂时不支持自定义菜单了，这个不但可以使用api来操作，还可以直接在后台定义菜单与参数哦。 申请自定义菜单 服务号可...2016-11-25
- 这篇文章主要为大家详细解析了微信公众平台开发之自定义菜单.Net代码，感兴趣的小伙伴们可以参考一下...2021-09-22
wordpress主题支持自定义菜单及修改css样式实现方法
使用wordpress过程中会遇到主题支持自定义菜单以及修改css样式问题，本文将介绍详细解决方法，需要朋友可以参考下...2020-06-30- 这篇文章主要为大家详细介绍了微信自定义菜单的创建查询取消php示例代码，感兴趣的小伙伴们可以参考一下...2016-08-27
- 微信公众平台开发自定义菜单功能打开非常的简单只需要在微信网站后台进行一些简单的设置即可，具体来给各位演示一下。 一、自定义菜单概述 自定义菜单能够帮助公众...2016-11-25
- 这篇文章主要介绍了php创建微信公众平台账号自定义菜单类的方法，非常实用的技巧，感兴趣的小伙伴们可以参考一下...2016-08-27
- 微信公众平台推出一自定义菜单功能，我们可以简单的直接在后台编辑自定义菜单，也可以利用api来设置菜单，下面我来介绍一下操作方法 腾讯微信3月19日正式公布公众平台...2016-11-25
- vue项目中我们可以通过行内样式进行动态修改样式,下面这篇文章主要给大家介绍了关于vue中如何使用定义好的变量设置css样式的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下...2022-03-05