颜色为自定义标签的红色

WordPress修改标签随机颜色教程

一般的WordPress主题都有一个标签，要么是纯色，要么是和主题一样的颜色，那么我们怎么把标签改成各种颜色呢？比如随机主题标签的颜色。

有时候一个帖子可能会有很多歌曲标签，不容易被发现。如果你改变标签的颜色，你不仅可以让别人注意到它们，还可以让它们变得漂亮！

展示效果

效果如下。这篇文章有许多标签，颜色是随机的，看起来多种多样。

WordPress标签随机颜色教程

既然第一件事就是修改样式，那肯定要找css。可以确定的是什么。CSS文件被你的主题全局调用。这里没有什么是dux主题。

Dux的css是main.css其他主题一般都是一样的，其他的都是style.css一般都在主题的css文件夹里。

将以下代码添加到名为globally的css文件中。

/**biaoji**/ .article-categories{ margin-bottom:10px } .article-categoriesa{ padding:4px10px; background-color:#19B5FE; color:white; font-size:12px; line-height:16px; font-weight:400; margin:05px5px0; border-radius:2px; display:inline-block } .article-categoriesa:nth-child(5n){ background-color:#4A4A4A; color:#FFF } .article-categoriesa:nth-child(5n+1){ background-color:#ff5e5c; color:#FFF } .article-categoriesa:nth-child(5n+2){ background-color:#ffbb50; color:#FFF } .article-categoriesa:nth-child(5n+3){ background-color:#1ac756; color:#FFF } .article-categoriesa:nth-child(5n+4){ background-color:#19B5FE; color:#FFF } .article-categoriesa:hover{ background-color:#1B1B1B; color:#FFF } .article-title{ position:relative; margin-bottom:15px; font-size:26px; line-height:1.3; display:block; font-weight:400; margin:0035px; padding:0030px; border-bottom:1pxsolid#e7e7e7; color:#FFF }

然后，我们打开标签输出的位置进行更改，通常是通过打开主题文件夹中名为single.php的文件。

查找标记
，您可以看到有一串以div开头的代码，如下所示:

 <divclass="article-tags"><?phpthe_tags('标签：','','');?></div>

将其修改为以下代码:

 <divclass="article-categories"><?phpthe_tags('标签：','','');?></div>

这里最后一个修改方法是dux主题的代码。对于其他主题，只需将class之后的文章标签更改为文章类别即可。css代码是通用的，就是随便修改一个id，只要找到主题的id名就可以直接修改。