一 介绍

如题所示,没改样式之前是这样的:

WordPress优化:修改文章标签为彩色标签_第1张图片

改了样式之后显示的效果是这样的:

WordPress优化:修改文章标签为彩色标签_第2张图片

       关于这个样式的修改是在一位朋友的帮助下找到了其定义的文件,然后他又给了我参考代码,真的非常感谢。我做的仅仅只是把颜色替换成我自己还算满意的颜色而已

二 修改样式

       这个样式文件定义在主题下的style.css文件中,更具体的说是“.footer-tag a”这一段,找到这一段样式定义然后替换成我下面的样式即可

.footer-tag a {background-color: #FF7F27;box-sizing: border-box;color: #fff;display: inline;font-size: 12px;height: auto;line-height: 10.5px;padding-bottom: 3px;padding-left: 7.2px;padding-right: 7.2px;padding-top: 3px;text-align: center;vertical-align: baseline;white-space: nowrap;width: auto;}.footer-tag a:nth-child(2){background-color: #00A2E8;}.footer-tag a:nth-child(3){background-color: #A349A4;}.footer-tag a:nth-child(4){background-color: #ED1C24;}.footer-tag a:nth-child(5){background-color: #B5E61D;}.footer-tag a:nth-child(6){background-color: #22B14C;}.footer-tag a:nth-child(7){background-color: #B97A57;}.footer-tag a:nth-child(8){background-color: #7F7F7F;}.footer-tag a:nth-child(9){background-color: #FFF200;}.footer-tag a:nth-child(10){background-color: #7092BE;}.footer-tag a:hover {cursor:pointer;}.footer-tag a.space{background-color: #BCBCBC;}.footer-tag a:before {
    content: "#";}.footer-tag a:hover {
    background: #999;}