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

2017年11月30日21:33:00 39 4,507
摘要

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

1、代码部署:

风格一、凌乱派

代码如下:

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

风格二、正经派

代码如下:

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

2、使用方法:

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

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

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

3、注意事项:

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

接着看图:

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

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

改好的如下图:(不显示标题是不用划√的,博主此处弄错误了!)

 

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

发表评论

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

目前评论:39   其中:访客  35   博主  4

    • 伊阳 伊阳 1 来自天朝的朋友 火狐浏览器 Windows 10 陕西省西安市 联通

      代码我就拿走了,谢谢分享

      • qq一在地地地在是 qq一在地地地在是 0 来自天朝的朋友 Netscape Navigator iPhone iPhone OS 10_3_3 like Mac OS X 广东省广州市 移动

        谢谢分享地在地

        • sfe sfe 0 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 移动

          谢谢分享地在地

          • wordpress wordpress 0 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省 联通

            下载的默认主题没得标签调用

            • ″轨迹 ″轨迹 0 来自天朝的朋友 谷歌浏览器 Windows 7 河北省张家口市 电信

              谢谢分享谢谢分享

              • Society Society 0 来自天朝的朋友 谷歌浏览器 Mac OS X 10_14_3 上海市 联通

                正好需要!!!