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

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

 代码如下 复制代码

//自定义菜单
    if(function_exists('register_nav_menus')){
        register_nav_menus( array(
            'header-menu' => __('顶部导航')
            ));
    }

这段代码就是为了你的主题支持wordpress自定义菜单的,然后在把原来的那个分类导航替换,代码如下

 代码如下 复制代码

<!--?php wp_nav_menu( array( 'theme_location' =--> 'header-menu')); ?>

如果你的主题已经支持了自定义菜单这步就可以跳过了,然后下面才是今天要讲的重点,据我的观察,你点击自定义菜单后都会在你点击的那个菜单下加了一个类别选择器,wordpress自己进行了判断,所以我们只要对那个类别选择器写样式即可实现导航的高亮,下面的代码写在style.css上的,当然了按照你的需要来更改吧

 代码如下 复制代码

.current-menu-item,.current-menu-parent{
    background:#333;
    border-radius:4px;
    color:#eee;
}

今天的教程很简单,但是很实用,wordpress这点上做得不错,自己就评断了,不需要用户自己进行评断。是时候闪人了

时间: 2024-09-23 09:01:10

WordPress自定义菜单实现当前导航高亮的相关文章

WordPress自定义菜单启用新窗口打开

但在WordPress我们不需要修改模板页面,直接在后台即可完成,具体方法如下. 首先,登录后台管理界面,选择"外观" » "菜单"选项: 然后,点击管理界面右上角的"显示选项"在弹出的页面中我个把"链接目标"这个选项打勾,再刷新网页看看是不 是打开新窗口了.

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

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

微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解_基础知识

微信公众号开发 自定义菜单 请先读完本文再进行配置开发 请先前往微信平台开发者文档阅读"网页授权获取用户基本信息"的接口说明 在微信公众账号开发中,往往有定义一个菜单,然后用户点击该菜单就进入用户个人中心的功能,通常应用于各个公众账号中的会员服务. 如何在微信自定义菜单中将用户导航到个人中心页面呢? 首选需要通过用户点击获取用户openid,而通过用户的点击跳转获取用户openid就必须在菜单中动态绑定用户的openid,或者在菜单的跳转URL中填写微信提供的链接,官方给了两个链接类型

wordpress中自定义菜单制作详细教程

.要想实现自定义菜单,需要用到的函数是wp_nav_menu(),给这个函数传递一些参数就可以输出自定义菜单菜单,下面简单讲讲如何使用使用这个函数.      首先,在主题目录下的functions.php的 <?php -.. ?> 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用wp_nav_menu函数了:  // This theme uses wp_nav_menu() in one location. register_nav_menus();      接着我们在主题的导

2Photoshop CS2 custom menu自定义菜单功能

菜单 文/5D多媒体 出处:云绯流 Photoshop CS2 增加了很多新功能,其中就有很多为了方便用户使用而设立的功能.现在就讲其中一个custom menu自定义菜单功能的使用方法. 打开photoshop CS2,选择 编辑--菜单(Edit > Menus)或者按 Ctrl + Alt + Shift + M,打开对话框. 这里面ADOBE已经做了一些菜单的预设供你选择,这些预设的默认保存路径是Photoshop CS2 > Presets > Menu Customizati

Photoshop CS2 custom menu自定义菜单功能

菜单 Photoshop CS2 增加了很多新功能,其中就有很多为了方便用户使用而设立的功能.现在就讲其中一个custom menu自定义菜单功能的使用方法. 打开photoshop CS2,选择 编辑--菜单(Edit > Menus)或者按 Ctrl + Alt + Shift + M,打开对话框. 这里面ADOBE已经做了一些菜单的预设供你选择,这些预设的默认保存路径是Photoshop CS2 > Presets > Menu Customization. 在这个对话框里不但可以

硕思闪客菜单制作flash导航条图文教程

如何利用硕思闪客菜单制作flash导航条?具体步骤是怎样的呢? 一:创建完全自定义的flash导航条. 1.打开硕思闪客菜单软件,新建"水平菜单"或者"垂直菜单", 菜单编辑界面将会出现原始菜单按钮. 2.对菜单项按钮属性进行设置.在右侧的任务栏内可以对原始菜单的字体.边框.背景颜色.样式等各项元素属性进行设置.各选项你点击进去就会设置,友好的用户界面让你能够轻松使用硕思闪客菜单的任意功能! 3.为flash导航条添加子菜单项.在菜单项前后插入分隔条等. 在菜单编辑

javascript-jquery实现导航高亮问题

问题描述 jquery实现导航高亮问题 代码如下,想实现的效果:打开页面时第一个链接高亮,之后点击任意一个链接,有且只有该链接高亮.目前存在的问题是,会同时存在上下两个链接高亮. <!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN"" ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&quo

微信公众平台开发(104) 自定义菜单扫一扫、发图片、发地理位置

关键字:微信公众平台 自定义菜单 扫一扫 发图片 发地理位置作者:方倍工作室原文:http://www.cnblogs.com/txw1958/p/weixin-menu-new-type.html    自定义菜单能够帮助公众号丰富界面,让用户更好更快地理解公众号的重要功能.微信增加了点击菜单后调起扫一扫(支持二维码/一维码).发图片.发地理位置的能力,需开发实现.原有自定义菜单开发权限的公众号,均可获得以上能力. 在这篇微信公众平台开发教程中,我们将介绍如何在自定义菜单上开发扫一扫.发图片.