wordpress高亮当前导航栏目
wordpress的导航栏目高亮有两种情况分别是页面page和分类category,高亮方法是通过判断当前页面是page还是category,再获取其父id。如果已经是最顶级id,则使用顶级id。最后通过获取的id使用js来对其标签新增类,来实现导航高亮

html

对于html只需要在要高亮的标签中添加nav+id这样一个类,如:<li id="nav8">

function

在functions.php中添加函数
//获取页面id,给导航高亮
function get_id(){
global $post,$getpage_id;
$postid = get_the_ID();//id
$parent_id = $post -> post_parent;//父id
return $getpage_id = $parent_id == 0 ? $postid : $parent_id;
}
//获取分类id
function get_cid($cat){
$c = get_category($cat);
while($c -> category_parent){
$c = get_category($c -> category_parent);
}
$c = $c -> term_id;
$cat = $c ==0 ? $cat : $c;
return $cat;
}

js

js中调用php函数获取当前页面的顶级id值
<script type="text/javascript">var navID = "<?php if(is_category()){echo get_cid($cat);}else{echo get_id();}?>";</script>
最后添加高亮的类名
$("#nav" + navID).addClass("on");
[声明]本站内容除特别声明外,均属原创内容。
1、本站所有原创文章、图片等资料,如需转载使用,必须附上来源出处及链接方式;
2、若本站侵犯到您的权益或任何版权问题,请立即告知本站,我们将及时删除并致以最深的歉意!
3、本站转载文章版权归原作者所有,内容为作者个人观点,本站只提供参考并不构成任何投资及应用建议。任何本站转载文章链接及得到的资讯、产品、服务,本站概不负责,亦不负任何法律责任。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇