首页 > 网站 > 建站经验 > 正文

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

2024-04-25 20:48:11
字体:
来源:转载
供稿:网友
使用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教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表