隐藏wordpress侧边栏tag的方法

19条回复

很早以前我就将自己博客侧边栏的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标签的位置，在前面加上这样一段，大家请看图：

wordpress侧边栏tag修改

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

无鼠标指向时的显示
有鼠标指向此处时的显示
本文章纯手打完成，喜欢此方法的朋友可以拿去使用，希望可以看效果的朋友，可以进入我的博客查看。

《隐藏wordpress侧边栏tag的方法》有 19 个想法

  4. 站长网

    博主您好，我是站长中心推广人员,如果您有文章并被收录了，站长中心欢迎您去投稿，转载率一般，收录秒收。
    提交成功,刷新页面之前你可以

    回复 ↓

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注