每一次折腾一个东西后,都会有冲动写成文,告诉或是分享给大家,可也每每发现这题目很难表述,说不清!所以,我们还是来看看到底是啥东东吧:

dh1.jpg

之前,只有鼠标移到“折腾WP”上时,才会出现此效果,这是利用CSS的hover属性实现。而现在是在“折腾WP”分页时就突出显示原hover样式,这利用了一句php的判断语句:

<?php if ( is_category(6) ) { echo ' class="nav_hover"'; } ?>

把此判断语句添加至导航的li标签中:

<li<?php if ( is_category(6) ) { echo ' class="nav_hover"'; } ?>><a href="<?php bloginfo('url'); ?>/wordpress">折腾WP</a></li>

添加后会有什么效果呢?就是检测当前是否为ID=6的分类页,是的则添加class属性”nav_hover” 到li标签中,这样就简单实现了“动态标识当前导航页”了!

更多其他判断语句:

is_page , is_home() , is_category() , is_archive() , is_search() , is_single() , is_date()

再以“关于”页面为例,简单说个步骤:

1.查询到关于页面的ID,到后台页面编辑中即可获知,我的关于页面ID为258;

2.添加判断语句至li标签中:

<?php if ( is_page(258) ) { echo ' class="nav_hover"'; } ?>
<li<?php if ( is_page(258) ) { echo ' class="nav_hover"'; } ?>><a href="<?php bloginfo('url'); ?>/about">关于此地</a></li>

3.更新文件即可!

文末说说个人感觉,这样做可以让访客清楚地明白自己在网站的哪个页面中,到底有啥好处呢?仁者见仁智者见智啦,各位童鞋!