如何给WordPress分类和页面导航当前显目显示

方法技巧 |  344人已阅 | 字体大小: 默认
本文共计389个汉字和字符,阅读时长预计2分钟左右。


每个网站都有自己的导航,菜单导航,页面导航等,WordPress也不例外,WordPress导航经常用的就是分类来做导航。但是如何控制导航当前的显示特指呢,也就是常说的高亮显示当前导航,比如点击视频分类这个导航,那么这个“视频”两个字就高亮显示特指你现在是在“视频”这个分类下,如果是点击视频分类导航下的某篇文章也让这篇文章所在的分类导航类目高亮显示,让访客知道自己在访问那个类别。
一般导航栏的代码都是发在头部header.php这个文件中,在这个文件中加入如下蓝色代码即可实现高亮特指分类导航效果:


<ul>
<li<?php if (is_home()) { echo ' class="current-cat"';} ?>><a title="Home" href="/">主页</a></li>
<li>
<?php $currentcategory = '';
// 以下这行代码用于在导航栏添加分类列表, 如果你不想添加分类到导航中, 请删除这行代码
if (is_category() || is_single()) { $catsy = get_the_category(); $myCat = $catsy[0]->cat_ID; $currentcategory = '&current_category='.$myCat; } wp_list_categories('depth=1&title_li=&show_count=0&hide_empty=0&child_of=0'.$currentcategory);
// 以下这行代码用于在导航栏添加页面列表 ,如果你不想添加页面到导航中,请删除下面这行代码
wp_list_pages('depth=1&title_li=&sort_column=menu_order'); ?>
</li>
</ul>

假如你要让某个分类或者页面导航高亮显示为黑色背景白色字体,那么你就可以通过CSS控制.current-cat样式就可以了,比如:


li.current-cat a {color:#ffffff;background:#000000;}

想要什么样的高亮显示的样式就靠自己去修改CSS了。

文章标签:
如需转载或复制本文请附带上 本文超链接 并注明出处: CHANBEE
本文标题: 如何给WordPress分类和页面导航当前显目显示
本文链接: https://www.chanbee.com/how-to-classify-and-navigate-wordpress.html
发布日期: 2020-02-21
您可以分享本文到以下社交:

上一篇:

下一篇:

相关文章推荐

  • 给WordPress文章列表页任意文章之间插入任何内容

  • 简单地让WordPress搜索结果页显示出搜索出来的文章数量

  • 纯代码让WordPress显示最新评论的文章

  • 告诉你如何给WordPress某个类目下的所有文章加上密码

  • 返回
    顶部