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

2017年10月6日01:30:19 86 21,379
摘要

玩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啦!

 

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

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

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

目前评论:86   其中:访客  0   博主  0

    • 王小优 王小优 4 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省株洲市 电信

      路过学习

      • 七度 七度 0 来自天朝的朋友 谷歌浏览器 Windows 10 山东省济宁市 移动

        防守对方

        • 锟斤拷锟斤拷. 锟斤拷锟斤拷. 1 来自天朝的朋友 谷歌浏览器 Windows 7 河南省周口市 联通

          路过学习

          • 是的f 是的f 0 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省淮安市 电信

            学习学习

            • 1000 1000 2 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动

              于是点题男人

              • ASDFRRW ASDFRRW 2 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

                是噢

                • 锟斤拷锟斤拷站锟斤拷之锟斤拷 锟斤拷锟斤拷站锟斤拷之锟斤拷 1 来自天朝的朋友 谷歌浏览器 Windows 10 重庆市 电信

                  看看 好用不

                  • 1133333 1133333 2 来自天朝的朋友 谷歌浏览器 Windows 10 广东省深圳市宝安区 电信

                    哈哈哈

                    • 屌爆了 屌爆了 2 来自天朝的朋友 谷歌浏览器 Windows 10 陕西省西安市 联通

                      屌爆了

                      • 千夜 千夜 2 来自天朝的朋友 谷歌浏览器 Windows 10 山东省 移动

                        感谢分享

                        • tmcns tmcns 1 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 16_1 like Mac OS X) AppleWebKit 陕西省咸阳市 电信

                          感谢分享,随便看看

                          • tmcns tmcns 1 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 16_1 like Mac OS X) AppleWebKit 陕西省咸阳市 电信

                            哈哈哈哈哈哈

                            • damogo damogo 0 来自天朝的朋友 谷歌浏览器 Windows 10 贵州省贵阳市 电信

                              谢谢分享.

                              • 6718522 6718522 0 来自天朝的朋友 谷歌浏览器 Windows 10 四川省绵阳市 移动

                                走到哪里学习到哪里