知更鸟主题修改CSS:让凌乱的标签变得整洁清爽

wordpress17字数 561阅读模式

知更鸟主题自带了两种风格的标签风格,3D动态,和彩色静态风格。额,恕我直言,3D动态标签风格有浓浓的土腥味,一副油腻大叔的赶脚。

彩色静态风格标签,也是排序的很凌乱,作为有强迫症的我实在是不能忍啊,今天这篇文章就来整改下,让彩色静态标签变得整洁干净。

1、整改前

这里3D动态标签不在讨论的范围之类,我们之说彩色静态标签。没整改前的原生态如图:

知更鸟主题修改CSS:让凌乱的标签变得整洁清爽

就这,真是忍不了了……

2、开始整改

直接上代码,如下:

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

3、代码部署

如何部署,额,主题设置中自带了定制风格,我们把代码复制进去即可,看图:

知更鸟主题修改CSS:让凌乱的标签变得整洁清爽

4、效果

你保存之后,整个世界立马安静了。

知更鸟主题修改CSS:让凌乱的标签变得整洁清爽

5、最后

知更鸟主题的站长们,如果不喜欢默认的,又有强迫症,可以试试这样修改,把凌乱的标签拯救回来。

以上方法,绿色、简单,无污染,*^____^*

weinxin
我的微信
微信公众号
关注大鸟博客公众号
 
大鸟
评论  17  访客  17
    • 陌涛
      陌涛 3

      学到了

      • 坤泽教育
        坤泽教育 2

        很喜欢这种简洁的界面设计。

        • 墨雨
          墨雨 0

          写的真的好啊

          • 浮沉
            浮沉 3

            太感谢了 正好需要呢

            • 清隆
              清隆 2

              涨姿势了

              • 感恩
                感恩 0

                谢谢,很需要这个教程~~

                • 投资项目网
                  投资项目网 1

                  我来看看

                  • 12122
                    12122 1

                    6666666厉害了

                    • 12122
                      12122 1

                      为啥看不得到呢?????

                      • 凡蜕博客
                        凡蜕博客 0

                        这个算是很实用,谢谢博主

                        • 柳梦溪
                          柳梦溪 0

                          学到了

                          • wenzi
                            wenzi 1

                            正在探索的路上 学习了

                            • wenzi
                              wenzi 1

                              正在学习的路上 加油

                              • 球球伴侣
                                球球伴侣 0

                                学习一下

                                • 爱学习
                                  爱学习 0

                                  感谢,学习啦!

                                  • 站长屋VPS
                                    站长屋VPS 0

                                    看看好用不 我也是知更鸟主题

                                    • 今天捡了两毛五
                                      今天捡了两毛五 0

                                      感谢,学习啦!

                                    匿名

                                    发表评论

                                    匿名网友

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

                                    确定