如何给WordPress分类和页面导航当前显目显示
本文共计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 = '¤t_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分类和页面导航当前显目显示
本文链接: http://www.chanbee.com/how-to-classify-and-navigate-wordpress.html
发布日期: 2020-02-21
您可以分享本文到以下社交:
本文标题: 如何给WordPress分类和页面导航当前显目显示
本文链接: http://www.chanbee.com/how-to-classify-and-navigate-wordpress.html
发布日期: 2020-02-21
您可以分享本文到以下社交: