隐藏wordpress侧边栏tag的方法

王朝学院·作者佚名  2016-04-30
窄屏简体版  字體: 小  |  中  |  大  |  超大  

很早以前我就将自己博客侧边栏的tag标签做了隐藏,做成了鼠标指向此处时才显示。后面有很多来我博客的朋友看到后,也希望将侧边栏的tag做下隐 藏,毕竟那些tag标签用户基本是很少去点的,而那只是为了给搜索引擎蜘蛛来爬取的,所以很多朋友都希望可以把它隐藏掉。一是为了让侧边栏显得不是那么 满,二是可以让网站整体看起来美观一些。

这篇文章就是给大家分享一下如何隐藏WordPRess侧边栏tag标签为鼠标指向此处时可见。闲话不多说,直接跟大家说步骤。

第一步:我们需要在模板头部文件处加上一段CSS,如下:

<style type=”text/css”><!–

.box-163css {}

.box-163css p {display:none }

–></style>

第二步:将两段JS文件放在底部文件前,为什么是放在底部文件呢?放在底部文件下只是为了不影响网站打开速度。JS文件如下:

<script type=”text/javascript” src=”http://zhangliSEO.com/wp-content/themes/WP-didiao/includes/jquery.min.js”></script><script type=”text/Javascript”>// <![CDATA[

$(function(){

$(".box-163css").hover(function(){

$(this).find("p").show();

},function(){

$(this).find("p").hide();

});

});

// ]]></script>

注:上面第一段JS文件,建议大家下载下来上传到自己的空间目录下做调用,以免影响加载速度。

第三步:进入后台外观编辑,找到侧边栏文件,找到tag标签的位置,在前面加上这样一段,大家请看图:

最后我们点击更新文件就可以了,这样我们隐藏tag的修改就完成了,我们只需要再去首页看看效果。

本文章纯手打完成,喜欢此方法的朋友可以拿去使用。本文由张力原创写作,原文地址:http://zhangliseo.com/499.html,转载请注明网址,谢谢!

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航