织梦CMS的核心是PHP模板,你需要在模板文件（通常是 .htm 文件）中编写HTML代码，设置字体颜色的方法主要有两种：HTML标签内联样式 和 CSS类选择器，在现代Web开发中，强烈推荐使用CSS类选择器，因为它更灵活、更易于维护。
使用内联样式（简单直接，但不推荐用于大量重复样式）
这是最直接的方法,直接在HTML标签中使用 style 属性来设置颜色。
使用颜色名称
直接使用英文颜色名称,如 red, blue, green 等。
示例代码：
<p style="color: red;">这段文字是红色的。</p> <p style="color: blue;">这段文字是蓝色的。</p> <p style="color: green;">这段文字是绿色的。</p>
使用十六进制颜色代码（最常用）
这是最精确的颜色控制方法,由 开头， followed by 6位十六进制数（如 #FF0000 代表红色）。
示例代码：
<p style="color: #FF0000;">这段文字是红色的。</p> <p style="color: #0000FF;">这段文字是蓝色的。</p> <p style="color: #00FF00;">这段文字是绿色的。</p> <p style="color: #333333;">这段文字是深灰色的。</p>
使用RGB/RGBA颜色代码
RGB通过红、绿、蓝三原色的混合值来定义颜色（范围0-255），RGBA增加了Alpha通道，用于控制透明度（0为完全透明，1为完全不透明）。
示例代码：
<p style="color: rgb(255, 0, 0);">这段文字是红色的。</p> <p style="color: rgb(0, 0, 255);">这段文字是蓝色的。</p> <p style="color: rgba(0, 255, 0, 0.5);">这段文字是半透明的绿色。</p>
使用CSS类选择器（推荐，专业做法）
这种方法将样式与内容分离,是现代网页设计的标准做法，你可以在模板的 <head> 部分定义CSS样式，然后在需要的地方通过 class 属性来调用。
步骤1：在模板的 <head> 部分定义CSS样式
打开你的织梦模板文件（index.htm），在 <head> 和 </head> 标签之间添加 <style> 块。
<head>
<meta charset="utf-8">我的织梦网站</title>
<!-- 在这里添加你的CSS样式 -->
<style type="text/css">
/* 定义一个红色文字的类 */
.text-red {
color: #FF0000;
}
/* 定义一个蓝色文字的类 */
.text-blue {
color: #0000FF;
}
/* 定义一个绿色文字的类 */
.text-green {
color: #00AA00;
font-weight: bold; /* 可以同时设置其他样式，如加粗 */
}
/* 定义一个灰色小字体的类 */
.text-gray-small {
color: #999999;
font-size: 12px;
}
</style>
<!-- 其他织梦头部标签... -->
</head>
步骤2：在内容区域使用 class 属性
你可以在文章列表、文章内容或其他任何地方，通过给HTML标签添加 class="你的类名" 来应用样式。
示例代码（在文章正文 {dede:field.body/} 中或普通HTML中）：
<h1>这是一篇文章</h1> <p>这是文章的普通段落。</p> <p>这是一个<span class="text-red">红色</span>的关键词。</p> <p>这个段落里有<span class="text-blue">蓝色</span>和<span class="text-green">绿色加粗</span>的文字。</p> <p class="text-gray-small">这是一段灰色的小字，通常用于版权信息或注释。</p>
在织梦CMS中的具体应用场景
场景1：修改文章标题或正文的默认颜色
这通常需要修改织梦的CSS文件或模板样式。
- 找到CSS文件：织梦的CSS文件通常位于
/templets/你的模板名称/style/目录下，style.css或main.css。 - 编辑CSS：用文本编辑器打开该文件，找到控制文章标题（如
.articleTitle）和文章内容（如.articleContent p）的CSS选择器，然后修改其color属性。
示例 (style.css 文件中):
/* 假设的文章标题样式 */
.articleTitle {
color: #333; /* 默认深灰色 */
font-size: 24px;
font-weight: bold;
}
/* 假设的文章内容段落样式 */
.articleContent p {
color: #555; /* 默认中灰色 */
line-height: 1.8;
}
你可以直接在这里修改 #333 和 #555 为你想要的颜色代码。
场景2：通过后台自定义字段为不同文章设置不同颜色
这是一个更高级的用法,可以实现“每篇文章标题颜色不同”的效果。
-
添加自定义字段：
- 在织梦后台,进入“核心” -> “内容模型管理” -> 选择你的文章模型（如“文章”）-> “更改”。
- 点击“附加字段”，添加一个新字段，
- 字段名：
titlecolor - 字段类型：
文本 - 字段提示：
标题颜色
- 字段名：
-
修改文章模板（
article_article.htm）： 在显示文章标题的地方，使用织梦的标签调用这个自定义字段。修改前：
<h1>{dede:field.title/}</h1>修改后：
<!-- 如果后台填写了颜色，则使用该颜色，否则使用默认颜色 #333 --> <h1 style="color: {dede:field.titlecolor function='(@me ? @me : "#333")'/}">{dede:field.title/}</h1>这里的
function='(@me ? @me : "#333")'是一个简单的PHP判断，意思是：titlecolor字段有值（不为空），就使用它的值；否则，就使用默认值#333。 -
在后台发布文章： 发布或编辑文章时，在“自定义字段”部分，你就会看到刚才添加的“标题颜色”字段，填入你想要的颜色代码（如
#FF6600）即可。
总结与推荐
| 方法 | 优点 | 缺点 | 推荐场景 |
|---|---|---|---|
| 内联样式 | 简单、快速、直观。 | 耦合，难以维护；代码冗余。 | 仅用于极少数、一次性的特殊样式。 |
| CSS类选择器 | 内容与样式分离，代码整洁，易于维护和复用。 | 需要先定义样式。 | 所有常规场景，是网页设计的标准做法。 |
| 织梦自定义字段 | 动态化，可以为不同内容设置不同样式，非常灵活。 | 设置相对复杂，需要理解织梦的标签和自定义字段机制。 | 需要根据内容动态改变样式的场景，如不同颜色的标题、标签等。 |
对于织梦CMS的使用者,强烈建议你优先掌握和使用CSS类选择器，这会让你的网站样式管理变得非常轻松和高效。
