网站美化:右侧边栏添加彩色标签

2018年1月14日21:51:13 发表评论 925 °C
摘要

虽然知更鸟主题自带的3D标签很酷炫,但是加载起来比较耗时,所以准备换个静态彩色标签。

网站美化:右侧边栏添加彩色标签

一、前言

虽然知更鸟主题自带的3D标签很酷炫,但是加载起来比较耗时,所以准备换个静态彩色标签。

彩色标签效果如下:

网站美化:右侧边栏添加彩色标签

二、代码部署

1、首先之前开启了3D标签的,先去后台→外观→主题选项→基本设置,取消3D标签。

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

3、再从左边拖拽:增强文本(小工具)放到刚刚的“热门标签”下方。复制下方代码,放到“增强文本”(小工具)的内容框里面OK。

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

网站美化:右侧边栏添加彩色标签

在白色框框位置右键审查元素,找到这个div的id。

网站美化:右侧边栏添加彩色标签

比如我的这个id为php_text-2。将这个id复制下来,换掉上述代码中的php-text-3就可以啦!

三、总结

我的做法是,主页不放3D标签,在其他小页面放上,例如将3D标签放在网页收藏侧边栏中。

 

本站整理自:

http://www.ixianzong.com/388.html

weinxin
微信公众号
分享技术,乐享生活:微信公众号搜索「JackCui-AI」关注一个在互联网摸爬滚打的潜行者。
Jack Cui

发表评论

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