如何为Wordpress中的链接添加活动css类
how to add active css class to a link in Wordpress
如何为Wordpress中的链接添加活动css类,以便在查看该链接时活动菜单li将具有不同的颜色。
<ul>
<li class=""><a href="/news">News</a></li>
<li class="devider"> </li>
<li class=""><a href="/about">About Us</a></li>
<li class="devider"> </li>
<li><a href="#">Partners</a></li>
<li class="devider"> </li>
<li><a href="/vacancy">Careers</a></li> <li class="devider"> </li>
<li><a target="_blank" href="/webmail">Email Login</a></li>
</ul>
你提供的代码不是WordPress它只是你添加到"header。php"中的代码但你可以尝试这样做:
$(function() {
$('ul a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});
如果你有一个默认的WordPress菜单,它的活动类被称为"。Current-menu-item "如果你想把它的名字改成"激活"找到名为"functions.php"的文件,并添加以下内容:
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
if( in_array('current-menu-item', $classes) ){
$classes[] = 'active ';
}
return $classes;
}
这是最简单的解决方法。没有javascript,只有Wordpress
使用Wordpress内置布尔函数
<li<?php if (is_page('services')) { echo ' class="current_page_item"'; } ?>><a href="<?php echo home_url();?>/services">Services</a></li>
这里是我得到这个想法的链接。http://www.vanseodesign.com/wordpress/hightlight-current-page-wordpress/
相关文章:
- 将js添加到wordpress中以突出显示css活动菜单
- 如何在非活动时间后添加随机输入
- 我正在使用php includes来构建一个多页面网站.使用jquery,我将如何添加一个类"活动的”;添加到
- Fullcalendar-我们可以将自定义数据添加到我们的活动Json数据中吗
- 如果X与Y的href=匹配,则添加class'活动'-jQuery
- 在广告词脚本中添加活动选择器
- 如何根据活动锚点自动将类添加到链接中
- 添加'活动'类添加到主选项卡列表中
- 将“活动”类添加到父元素和子元素
- 如何使用 JavaScript 代码在活动 li 上添加类
- 为什么我的代码无法添加活动
- 如何制作<李>在刷新页面后添加活动的css类
- 添加活动菜单类
- 在用户滚动时为链接中的导航添加活动状态
- AngularJS:为li添加活动效果和悬停效果
- 向当前标题添加活动标题类
- 如何为Wordpress中的链接添加活动css类
- 如何使用YUI asyncRequests追溯性地向代码库添加活动AJAX请求检测
- 添加活动状态锚
- 流星和完整的日历包:我可以'不要在我的日历中添加活动