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

2017年10月6日01:30:19 63 3,904
摘要

玩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:

目前评论:63   其中:访客  59   博主  4

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

      看看谢谢分享~

      • 原梓番 原梓番 0 来自天朝的朋友 谷歌浏览器 Windows 10 陕西省西安市 电信

        知更鸟群来的

        • 青海分享 青海分享 3 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

          看下

          • 青海分享 青海分享 3 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

            来了

            • 群友 群友 0 来自天朝的朋友 谷歌浏览器 Windows 10 河南省郑州市 联通

              感谢分享。不错不错

              • 青海分享 青海分享 3 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

                查看

                • 青海分享 青海分享 3 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

                  查看下 学校

                  • 青海分享 青海分享 3 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

                    每天来一次!!!!!!!!!

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

                      感谢大佬分享

                      • xichengwan xichengwan 4 来自天朝的朋友 火狐浏览器 Windows 10 河南省郑州市 联通

                        谢谢分享

                        • 你不需要知道 你不需要知道 0 来自天朝的朋友 谷歌浏览器 Mac OS X 10_14_6 江苏省苏州市 电信

                          看看谢谢分享~222

                          • 等等 等等 3 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

                            看看行不行啊