WordPress修改右侧边栏彩色标签为固定显示

  • A+
所属分类:WordPress
摘要

玩WordPress建博客的朋友都知道标签的重要性,虽然知更鸟的Begin主题自带了非常不错的3D动态标签,不过仍然有人喜欢静态的标签,今天给大家推荐的是由仙踪小栈改编的侍魂部落站长爱都娱乐编写的代码。

1、代码部署:

风格一、凌乱派

WordPress修改右侧边栏彩色标签为固定显示

代码如下:

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

风格二、正经派

WordPress修改右侧边栏彩色标签为固定显示

代码如下:

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

2、使用方法:

1、首先之前开启了3D标签的,先去后台→外观→主题选项→基本设置,取消3D标签。或在“热门标签”下面的“显示3D特效”。

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

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

3、注意事项:

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

接着看图:WordPress修改右侧边栏彩色标签为固定显示

如图所示,在这个“增强文本”小工具上面右键,然后点击“审查元素”WordPress修改右侧边栏彩色标签为固定显示

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

改好的如下图:(不显示标题是不用划√的,博主此处弄错误了!)WordPress修改右侧边栏彩色标签为固定显示

 

weinxin
星光博客 站长语录
星光博客,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!

发表评论

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

目前评论:79   其中:访客  69   博主  10

    • RichardBee RichardBee 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 移动

      一直在找标签的代码

      • RichardBee RichardBee 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 移动

        博主,我用了这个代码,那些标签重叠了显示了 怎么调整啊

          • BG4PGR BG4PGR  博主 来自天朝的朋友 火狐浏览器 Windows 10 山东省潍坊市高密市 联通

            @RichardBee 你是什么主题,你说的这个情况没遇见过呢。

          • HSS HSS 0 来自天朝的朋友 谷歌浏览器 Windows 10 山东省青岛市 联通

            很好,正好找这个呢,感谢

            • qiu qiu 0 来自天朝的朋友 谷歌浏览器 Windows 7 广西河池市 电信

              正在找呢,

              • sky sky 0 来自天朝的朋友 谷歌浏览器 Windows 10 上海市杨浦区 电信

                哈哈 我来借点东西

                  • BG4PGR BG4PGR  博主 来自天朝的朋友 谷歌浏览器  EDI-AL10 Build/HUAWEIEDISON-AL10 中国 移动

                    @sky 欢迎欢迎,东西随意。

                  • 小猫钓鱼 小猫钓鱼 0 来自天朝的朋友 火狐浏览器 Windows 7 江西省南昌市 南昌大学北区学生宿舍

                    厉害了,我也想弄个这个标签

                    • ﹏"念|美人 ﹏"念|美人 0 来自天朝的朋友 谷歌浏览器 Windows 10 山东省菏泽市巨野县 联通

                      感谢分享!

                      • 沫白 沫白 0 来自天朝的朋友 谷歌浏览器 Windows 7 陕西省咸阳市 电信

                        看看应用哈 :grin:

                        • yasa98 yasa98 0 来自天朝的朋友 火狐浏览器 Windows 7 中国 移动

                          不错,但是我的标签云后面为什么多了一个()呢?

                            • BG4PGR BG4PGR  博主 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

                              @yasa98 再核对下代码看看,是不是多了或者少了

                            • 城南花已开 城南花已开 0 来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市 电信

                              学习学习学习学习