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

自己在制作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)) ));
?>

时间: 2024-08-01 20:19:08

wordpress主题支持自定义菜单及修改css样式实现方法_Delphi的相关文章

JavaScript修改css样式style动态改变元素样式

 修改css样式style在某些情况下还是比较实用的,可以动态改变一些样式,接下来为大家介绍下使用JavaScript是如何做到的 一.局部改变样式  分为改变直接样式,改变className和改变cssText三种.需要注意的是:  注意大小写:  javascript对大小写十分敏感,className不能够把"N"写成"n",cssText也不能够把"T"写成"t",否则无法实现效果.  调用方法:  如果改变class

如何用JavaScript实现动态修改CSS样式表_javascript技巧

看过我写的<用JavaScript动态建立或增加CSS样式表的实现方法>之后,你就很容易想明白如何修改CSS样式表了. 正好今天在论坛碰到一位朋友问这样的一个问题: <style> .ls{width=120px;} </style> <script> //在这里加一句来改变.ls中width的值,如何写 </script> 有的朋友回答:"如果使用.ls的对象很多的话,用JS确实不方便, jquery方便,$(".ls&qu

js-看图 当复选框勾上就 修改css 样式 变成不可见 我改了 好多次

问题描述 看图 当复选框勾上就 修改css 样式 变成不可见 我改了 好多次 看图 当复选框勾上就 修改css 样式 变成不可见 我要改为当它勾上的时候变成只读状态 我改了好多次 一直不成功 readonly="true" background:expression(this.readOnly=true) 这些都没效果 请问怎么做??? 解决方案 设置disabled属性,MyCheckbox.disabled = true 解决方案二: displa : none;

jquery修改css样式函数

下面提供一款jquery修改css样式函数,他可以修改text password submit reset button radio textarea checkbox file以及focus  blur 事件等. */ $(document).ready(function(){  $("input[type='text']").addclass('input_blur');  $("input[type='password']").addclass('input_

js 动态修改css文件的方法_javascript技巧

_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selec

arcgis for js 修改infowindow样式的方法_javascript技巧

方法一: function popup() { $(".esriPopup .titlePane").css({ 'background-color':'rgba(64,64,64,0.8)' }) $(".esriPopup .contentPane").css({ 'background-color':'rgba(64,64,64,0.8)', 'color':'#FFFFFF' }) $(".esriPopup .actionsPane")

用JS动态设置CSS样式常见方法小结(推荐)_javascript技巧

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100);

JQuery中操作Css样式的方法

 本篇文章主要是对JQuery中操作Css样式的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: //1.获取和设置样式   $("#tow").attr("class")获取ID为tow的class属性   $("#two").attr("class","divClass")设置Id为two的class属性.   //2.追加样式   $("#two").ad

WordPress开发中自定义菜单的相关PHP函数使用简介_php技巧

函数意义wp_nav_menu () 自定义菜单显示函数 register_nav_menu () 自定义菜单注册函数 – 单数 register_nav_menus () 自定义菜单注册函数 – 复数 (很蛋疼的一个复数形式) 以下举例均用 register_nav_menus () 这个复数形式,以免混淆. 使用位置register_nav_menus () function.php 文件中,用于注册自定义菜单在后台的代码调用名称和后台显示名称. wp_nav_menu () 主题任意你想调