dede 推荐标题变成红色-DEDE建站-盈思创科技

通过修改模板文件 (直接修改HTML，适合新手)

这种方法最直接，不需要额外的CSS知识，直接在模板文件里给“推荐”标签加上颜色样式。

操作步骤：

找到对应的模板文件 您需要修改显示文章列表的模板文件,这个文件通常位于您的模板目录下，
- /templets/default/list_article.htm (首页或列表页)
- /templets/default/article_article.htm (文章内容页)
- /templets/default/plus/list.htm (通用列表页,如自定义列表)
您可以根据网站的实际路径找到正确的文件。

定位“推荐”标签 在模板文件中，找到显示“推荐”字样的代码,它通常是这样的形式：

[field:array runphp='yes']
    if(@me['iscommend']==1) @me = "<span class=\"commend\">推荐</span>";
    else @me = "";
[/field:array]

或者更简单的一种：

{dede:field name='iscommend' runphp='yes'}
    if(@me) @me = "<span class=\"commend\">推荐</span>";
    else @me = "";
{/dede:field}

添加红色样式 找到类似上面的代码后，修改 <span> 标签，为其添加 style 属性来定义颜色。

修改前：
```
<span class="commend">推荐</span>
```
修改后 (选择其中一种即可)：
- 直接内联样式 (最简单):
```
<span style="color: red;">推荐</span>
```
  或者使用十六进制颜色代码 #FF0000,效果一样：
```
<span style="color: #FF0000;">推荐</span>
```
- 使用CSS类 (推荐，更灵活): 如果您的网站已经有CSS文件，建议使用类的方式,方便统一管理。
  1. 在模板文件中，找到 <head> 和 </head> 标签之间，添加一个 <style> 定义。
```
<style type="text/css">
.commend {
    color: red;
}
</style>
```
  2. 保持原来的 <span class="commend">推荐</span> 代码不变即可。
保存并刷新 保存您修改的模板文件，然后刷新您的网站页面，就能看到“推荐”两个字已经变成红色了。

这种方法不修改模板文件，而是通过添加或修改CSS样式来实现，更符合网站开发的规范,方便后续维护。

操作步骤：

找到CSS文件 DedeCMS的CSS文件通常位于 /templets/default/style/ 目录下，主要文件是 dedecms.css 或 main.css。
添加CSS样式 打开这个CSS文件,在文件末尾添加以下代码：
```
/* 为推荐标签添加红色样式 */
.commend {
    color: red; /* 直接使用红色 */
    /* 或者使用其他红色调， */
    /* color: #e74c3c; */
    /* color: #ff4d4d; */
}
```
说明：
- .commend 是一个CSS类选择器，它会寻找所有 class="commend" 的HTML标签。
- color: red; 是设置文字颜色为红色。
- 使用十六进制颜色代码（如 #e74c3c）可以提供更精确的颜色控制。
确保模板文件有正确的类名 回到您的模板文件（如 list_article.htm），确保“推荐”标签的代码中使用了 class="commend"，通常默认模板已经这么做了，如果没有,请参考方法一中的第3步进行修改。

模板文件中的代码应保持为：
```
[field:array runphp='yes']
    if(@me['iscommend']==1) @me = "<span class=\"commend\">推荐</span>";
    else @me = "";
[/field:array]
```
保存并刷新 保存CSS文件，然后刷新网站页面,样式会自动生效。

如果还是没变色？
1. 清除缓存： DedeCMS有强大的缓存机制，请登录后台，点击 “系统” -> “一键更新网站” -> “更新HTML”，并勾选“更新所有文件”，然后执行，有时候浏览器缓存也需要按 Ctrl + F5 强制刷新。
2. 检查类名： 确认模板文件中的 class 名称（如 commend）和CSS文件中的选择器名称完全一致,包括大小写。
3. 检查优先级： 如果其他CSS样式优先级更高（比如更具体的选择器），可能会覆盖您的样式，可以尝试在CSS选择器前加上 !important（不推荐滥用，但可以用于调试）：
```
.commend {
    color: red !important;
}
```
如何只让首页的推荐变红？ 如果您只想在首页显示红色推荐，在其他页面不显示，那么方法一和方法二都可以，但需要确保您修改的是首页的模板文件（通常是 /templets/default/index.htm）,而不是列表页的模板文件。
如何修改其他标签的颜色？ 原理完全相同，比如您想修改“头条”、“特荐”等标签，只需要找到对应的标签代码（通常是 {dede:field name='isheadline'} 等），然后为它定义一个新的CSS类（如 .headline）,并在CSS中设置颜色即可。

总结建议：