WordPress右侧边栏添加彩色标签

小柒博客 WordPress美化43138.6K5字数 1620阅读5分24秒阅读模式
摘要玩WordPress建博客的朋友都知道标签的重要性,虽然知更鸟的Begin主题自动了非常不错的3D动态标签,不过仍然有人喜欢静态的标签,不过我今天给大家推荐的《右侧边栏添加彩色标签...

1、代码部署

风格一、凌乱派

代码如下:

风格二、正经派

代码如下:

2、使用方法:

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

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

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

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

接着看图:

WordPress右侧边栏添加彩色标签如图所示,在这个"增强文本"小工具上面右键,然后点击"审查元素"

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

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如本文“对您有用”,欢迎随意打赏,谢谢!

继续阅读
Wechat
微信扫一扫,加我!
weinxin
微信公众号
微信扫一扫,关注我!
weinxin
小柒博客
  • 本文由 小柒博客 发表于 2019年6月23日11:03:16
  • 声明:本站所有文章,如无特殊说明或标注,本站文章均为原创。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。转载请务必保留本文链接:https://www.yangxingzhen.com/3979.html
评论  43  访客  40  作者  3
    • 1696962096
      1696962096 4

      赶紧试试

      • 滴滴打车
        滴滴打车 2

        写的真好

        • TruckGame
          TruckGame 0

          感谢,我试试

          • 小陈同学
            小陈同学 1

            还是看不到

            • 小陈同学
              小陈同学 1

              看不到

              • 小陈同学
                小陈同学 1

                支持!

                • 小陈同学
                  小陈同学 1

                  支持

                  • john看看先
                    john看看先 1

                    支持

                    • john看看先
                      john看看先 1

                      看啊

                      • 111
                        111 1

                        11111不错啊

                        • hank
                          hank 1

                          支持

                          • hank
                            hank 1

                            啊啊啊啊

                            • 1111111
                              1111111 1

                              11111111111111111111111不不错

                              • 1111111
                                1111111 1

                                不错不错不错11111111111111

                                • 发的罚款
                                  发的罚款 0

                                  哈哈 不错

                                  • □薄雪草
                                    □薄雪草 1

                                    支持..

                                    • 淳淳
                                      淳淳 0

                                      支持。

                                      • 111
                                        111 0

                                        感谢

                                        • 嗯.
                                          嗯. 0

                                          136666不错

                                          • 一个一个
                                            一个一个 0

                                            季节就

                                            • 学习
                                              学习 1

                                              学习

                                              • 心无上心
                                                心无上心 1

                                                111来学习学习

                                                • 林
                                                  0

                                                  看看一下

                                                  • 林
                                                    1

                                                    看看看看

                                                    • 1455
                                                      1455 0

                                                      vgfgfbg我看 看

                                                      • 交女友黑子
                                                        交女友黑子 0

                                                        我来看看

                                                        • 小丑鸭
                                                          小丑鸭 0

                                                          学习啦

                                                          • 等等
                                                            等等 0

                                                            呵呵呵 看看

                                                            • 这不是虾米
                                                              这不是虾米 1

                                                              看看

                                                              • 匿名用户
                                                                匿名用户 2

                                                                是是是试试

                                                                • 智幼未来
                                                                  智幼未来 1

                                                                  文章还是写的比较清楚,这点比较赞成。

                                                                  • 锟斤拷缘未锟斤拷
                                                                    锟斤拷缘未锟斤拷 1

                                                                    正需要,十分感谢

                                                                    • 锟斤拷缘未锟斤拷
                                                                      锟斤拷缘未锟斤拷 1

                                                                      习了,正需要

                                                                      • 彭于晏
                                                                        彭于晏 0

                                                                        学习了,正需要

                                                                        • 大师兄
                                                                          大师兄 1

                                                                          感觉很棒,谢谢分享

                                                                          • 运维老司机
                                                                            运维老司机 6

                                                                            亲测,写的不错 :razz:

                                                                            • 小柒博客
                                                                              小柒博客

                                                                              :razz: :razz: :razz:

                                                                              • 小柒博客
                                                                                小柒博客

                                                                                测试可用

                                                                                • 久仰大名
                                                                                  久仰大名 0

                                                                                  正在找呢

                                                                                匿名

                                                                                发表评论

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

                                                                                取消

                                                                                拖动滑块以完成验证