隐藏wordpress侧边栏tag的方法
2019-03-28 11:36:49来源: zhangliseo.com 阅读 ()
很早以前我就将自己博客侧边栏的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,转载请注明网址,谢谢!
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 如何选择和使用wordpress主题制作特色网站 2019-04-10
- WordPress网站搭建如何购买域名及域名绑定 2019-04-10
- 两款插件快速实现,wordpress全站开启https 2019-04-10
- 为什么选择 WordPress CMS来建站的9个理由 2019-04-10
- 涨姿势!原来索引量与site展现量不一致的背后隐藏这么多玄机 2019-04-10
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash