英峰昊慈 發表於 2012-12-6 14:16:05

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

自己在制作wordpress主题的时候遇到这个问题,并且遇到了css样式错误,其实很简单,操作如下: <BR>在主题中functions.php中加入: <BR>register_nav_menus( array( 'menu' =&gt; __( 'menu', '' ), ) ); <BR>在主题导航栏贴上导航代码: &lt;?php wp_nav_menu( 'id=navbar' ); ?&gt; <BR><STRONG>但是出现了css样式错误</STRONG>: <BR>原来这个函数输出的是下面的格式: <BR><div class="codetitle"><span><U>复制代码</U></span> 代码如下:</div><div class="codebody" id="code84275"> <BR>&lt;div id="menubar"&gt; <BR>&lt;ul class="menus"&gt; <BR>&lt;li class="..."&gt;&lt;a href="http://.../"&gt;Home&lt;/a&gt;&lt;/li&gt; <BR>&lt;li class="..."&gt;&lt;a href="http://.../"&gt;菜单项1&lt;/a&gt;&lt;/li&gt; <BR>&lt;li class="..."&gt;&lt;a href="http://.../"&gt;菜单项2&lt;/a&gt;&lt;/li&gt; <BR>&lt;li class="..."&gt;&lt;a href="http://.../"&gt;菜单项3&lt;/a&gt;&lt;/li&gt; <BR>... <BR>&lt;/ul&gt; <BR>&lt;/div&gt; <BR></div> <BR>没事,过滤下就ok啦: <BR>将代码改成: <BR><div class="codetitle"><span><U>复制代码</U></span> 代码如下:</div><div class="codebody" id="code75989"> <BR>&lt;?php <BR>echo str_replace("&lt;/ul&gt;&lt;/div&gt;", "", ereg_replace("&lt;div[^&gt;]*&gt;&lt;ul[^&gt;]*&gt;", "", wp_nav_menu(array('theme_location' =&gt; 'primary', 'echo' =&gt; false)) )); <BR>?&gt; <BR></div>
                           
                            <div class="art_xg">
                              <b>您可能感兴趣的文章:</b><ul><li>在WordPress的后台中添加顶级菜单和子菜单的函数详解</li><li>在WordPress中获取数据库字段内容和添加主题设置菜单</li><li>WordPress开发中自定义菜单的相关PHP函数使用简介</li><li>WordPress中注册菜单与调用菜单的方法详解</li><li>以JavaScript来实现WordPress中的二级导航菜单的方法</li><li>WordPress导航菜单的滚动和淡入淡出效果的实现要点</li><li>WordPress中制作导航菜单的PHP核心方法讲解</li><li>使用 Conditional Menus 插件让 WordPress 在不同页面显示不同菜单</li></ul>
                            </div>

                        </div>
                        <!--endmain-->
頁: [1]
查看完整版本: wordpress主题支持自定义菜单及修改css样式实现方法