右侧边栏添加彩色标签 —— WordPress美化

2017年10月6日01:30:19 47 2,054
摘要

玩WordPress建博客的朋友都知道标签的重要性,虽然知更鸟的Begin主题自动了非常不错的3D动态标签,不过仍然有人喜欢静态的标签,不过我今天给大家推荐的《右侧边栏添加彩色标签 —— WordPress美化》是由侍魂部落站长爱都娱乐编写的代码。

 

右侧边栏添加彩色标签 —— WordPress美化

 

代码部署:

风格一、凌乱派

 

右侧边栏添加彩色标签 —— WordPress美化

代码如下:

此处为隐藏的内容!
发表评论并刷新,方可查看

 

风格二、正经派

 

右侧边栏添加彩色标签 —— WordPress美化

 

代码如下:

此处为隐藏的内容!
发表评论并刷新,方可查看

 

使用方法:

1、首先之前开启了3D标签的,先去后台→外观→主题选项→基本设置,取消3D标签。

2、后台→外观→小工具→选择正文侧边栏,然后从左边拖拽:热门标签(小工具)放到正文侧边栏下面,显示数量33(凌乱派风格随便填,正经派建议是3的倍数,多少自己看着舒服就OK)

3、再从左边拖拽:增强文本(小工具)放到刚刚的“热门标签”下方。标题命名:彩色标签,然后复制上方任一风格的代码,放到“增强文本”(小工具)的内容框里面OK。

 

注意事项:

有细心的站长会发现,使用后在热门标签下方会有个细长的白色框框(就是刚刚的“增强文本”小工具),怎么隐藏呢?

接着看图:

右侧边栏添加彩色标签 —— WordPress美化

 

如图所示,在这个“增强文本”小工具上面右键,然后点击“审查元素”

 

右侧边栏添加彩色标签 —— WordPress美化

 

找到图中红色框中的ID(就是“增强文本”小工具的区位ID),复制下来,换掉上述2个风格代码中的红色部分php-text-3就OK啦!

 

应该讲的比较清楚了,如果你还是没有隐藏这个,可以在下方留言,我上线再给予帮助。

 

 

  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:47   其中:访客  44   博主  3

    • @ @ 来自天朝的朋友 重庆市 电信 2

      多谢分享

      • 小笨 小笨 来自天朝的朋友 广东省广州市 电信 3

        谢谢

        • ASD ASD 来自天朝的朋友 河南省郑州市 联通 1

          学习学习学习!!

          • 番号福利 番号福利 来自天朝的朋友 河北省邢台市 电信 3

            再次来学习

            • dfgsdfgz dfgsdfgz 来自天朝的朋友 浙江省宁波市 联通 1

              adsfasdfagadfgadfg3日 00:31 沙发
              再次来学习

              • afaf afaf 来自天朝的朋友 浙江省宁波市 电信 0

                afsdf 载革

                • 2342334 2342334 来自天朝的朋友 浙江省杭州市 鹏博士长城宽带 0

                  rwerwerewrewr非官方大哥

                  • 谢谢分享 谢谢分享 来自天朝的朋友 中国 移动 2

                    谢谢分享啊

                    • 小媳妇 小媳妇 来自天朝的朋友 中国 移动 2

                      新分析法学

                      • wang wang 来自天朝的朋友 四川省宜宾市 电信 2

                        59985898了

                        • 九流社区 九流社区 来自天朝的朋友 浙江省绍兴市 移动 1

                          这个效果杠杠的

                          • 爱 来自天朝的朋友 湖北省武汉市 电信 2

                            好 正需要

                            • 雨辰 雨辰 来自天朝的朋友 江苏省 移动 2

                              感谢分享,收藏了

                              • jiaowa.ren jiaowa.ren 来自天朝的朋友 江苏省南京市 移动 3

                                • 清云 清云 来自天朝的朋友 辽宁省 联通 2

                                  感谢分享,收藏了

                                  • 23 23 来自天朝的朋友 谷歌浏览器 Windows 10 陕西省西安市 电信 2

                                    不错

                                      • 仙踪小栈 仙踪小栈 博主 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

                                        @23 喜欢就好,欢迎常来逛逛哦

                                      • 哦豁 哦豁 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省苏州市 电信 0

                                        学习学习