wordpress 导航菜单怎么添加自定义class

wordpress 导航菜单的调用，一般都使用自带的wp_nav_menu()函数，使用后发现，这个函数并没提供给我们给每一项导航菜单添加自定义class的接口功能！

搜索了下，最终在老外的一篇文章中发现了wordpress自身提供的解决方法！嗯，wordpress还是很强大的...

方法很简单：

依次进入wordpress后台->外观->菜单,然后在页面右侧的右上角点“显示选项”，我们看到“显示菜单高级属性”中有个“css类”选项，把它选中，再看菜单项中，已多出一个css类输入框，该框输入的内容即为导航菜单项自定义的class值！！再次见识到了wordpress的强大，擅抖吧，骚年!!哈...

 

时间： 2024-10-27 17:01:38

wordpress 导航菜单怎么添加自定义class的相关文章

WordPress导航菜单设置添加方法

wordpress3.0之前的版本是不支持导航菜单的,尽管如此很多3.0之前的 主题都集成了单导航菜单,但有些并没有导航菜单.而wodpress发展到3.0版本以后能够原生的支持导航菜单了,如果闲的蛋疼,那就修改一下自己的 主题,让它支持原生态的 wordpress导航菜单. 如果在 wordpress后台"外观/菜单"下看到"The current theme dose not natively support menus,but you can use the "

WordPress导航菜单的滚动和淡入淡出效果的实现要点_php技巧

滚动导航菜单滚动菜单, 顾名思义是以滚动的方式显示和隐藏菜单的. 其实跟淡入淡出菜单和滚动菜单的原理是一样的, 前者是在触发事件的时候改变菜单的透明度, 而后者则是改变菜单的高度. 那为什么后者的处理难度会比前者高呢? 这正因为菜单高度的处理比透明度有更高的技巧要求. 下面我们就讨论一下该如何处理, 并难在什么地方. 初期化处理 为了处理更加灵活, 我们需要为它定义一个作为参数的滑动速度, 也就是每一个单位时间间隔, 菜单高度的改变幅度. 另外, 我们需要将菜单的初始高度定为 0. // 速度来

给wordpress导航菜单添加个性图标

一.WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用. 二.到这里找到你需要的图标http://fortawesome.github.io/Font-Awesome/icons/ 三.找到合适的图标打开新页面会看到类似如下的标签 <i class="fa fa-home"></i> 四.WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,也可以直接在仪表盘中自定义您的站点.

WordPress自定义菜单实现当前导航高亮

我研究了一下wordpress的自定义菜单,发现用它来实现当前导航高亮方法其实是很简单了.首先我们要让你的主题支持自定义菜单,注意了wordpress自定义菜单是在3.0+版本以上才有的哦,我们要在你主题的functions.php的中间加一段代码:  代码如下 复制代码 //自定义菜单     if(function_exists('register_nav_menus')){         register_nav_menus( array(             'header-men

Wordpress中Ssmay主题导航菜单中子菜单设置教程

那么,Ssmay主题导航菜单下的副菜单如何设置?下面,就随高时银博客一起来看看吧.  上面灰色的是分类,下面彩色的是标签. 第一步:进后台设置选项.(如下图) 后台-->外观-->ssmay主题设置-->布局样式设置-->是否显示导航菜单下的附页菜单: 这两个功能默认是隐藏的,如果需要显示,选择display就可以了. 第二步:后台-->外观-->编辑 ,找到header_fuye.php和header_fuye_tag.php文件(如下图): 如是想显示分类,就打开h

纯CSS3实现带动画效果导航菜单无需js

随着互联网的发展,网页能表现的东西越来越多.由最开始单纯的文字和链接构成的网页,到后来的表格布局,再到div+css模式,现在发展到了 html+css3.网页能表达的东西越来越多,css3兴起已经很多年了,不多由于国内网站要求对IE的兼容,html5+css3的发展很缓慢. html5+css3的出现给前端开发者提供了更多的可能性,以前很多只能通过JS实现的效果用纯粹的css3就能实现了. 下面介绍一个博主在css3学习过程中写的一个纯css3实现的带动画效果的导航菜单. 下面是效果图:  

jquery 竖向二级下拉导航菜单

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery 竖向二级下拉导航菜单<

如何在博客园中自定义导航菜单

本文中所使用的方法时最原始的DOM节点方法,如果有jquery经验的朋友,还可以使用jquery. 如果有什么问题,请留言~转载请注明[xingoo] 最新版本导航代码 第一步:明确导航信息,在样式表中隐藏 #nav_rss{ display: none; } #nav_contact{ display: none; } #nav_newpost{ display: none; } #nav_myhome{ display: none; } #nav_sitehome{ display: non

出色的jQuery导航菜单的14个英文教程

你还没用 jQuery 写过导航菜单? 相信看到这些出色的jQuery导航菜单后,一定会为此而后悔没早点把 jQuery 应用到自己的Web开发中吧.jQuery 基本可以替代 Flash 实现Web常用的炫酷导航菜单,学习以下14篇教程,把它们应用到自己的网站项目中去吧. Codename Pufferfish 演示 Sliding Menu using jQuery 演示 How to make a smooth animated menu with jQuery 演示 Drop Down