织梦DedeCMS最新发表的文章在24小时内标题显示红色的解决方案

问题描述

在织梦DedeCMS（简称DedeCMS）中，最新发表的文章在24小时内标题显示红色，而其他文章则正常显示，这种颜色的变化可能是网站管理员为了区分新文章而设置的样式。

解决方案

1、检查模板文件

打开DedeCMS的模板文件夹，找到控制文章标题样式的模板文件。

通常这个文件名为list_article.htm 或类似名称，位于dede/templets 目录下。

2、查找相关样式代码

在模板文件中搜索#dede:arctitle() 标签，这是显示文章标题的地方。

在该标签周围查找用于控制标题颜色的CSS样式。

3、修改CSS样式

找到类似以下CSS代码：

“`css

.newArticleTitle {

color: red;

}

“`

这段代码可能在一个<style> 标签内或者是一个外部的CSS文件中。

4、调整时间条件

如果CSS样式是通过时间条件控制的，可能类似于：

“`css

#dede:arctitle { color: red; } /* 如果文章发布时间在24小时内 */

“`

你需要修改这个条件，使其只在文章发布后的24小时内生效，可以通过JavaScript或服务器端语言（如PHP）来实现。

5、使用JavaScript

在模板文件中添加JavaScript代码来动态改变标题颜色：

“`javascript

<script type="text/javascript">

function checkArticleTime() {

var currentTime = new Date();

var articleTime = new Date(document.getElementById(‘arctitle’).getAttribute(‘dataarticletime’));

var timeDiff = currentTime articleTime;

var timeDiffHours = Math.floor(timeDiff / (1000 * 60 * 60));

if (timeDiffHours < 24) {

document.getElementById(‘arctitle’).classList.add(‘newArticleTitle’);

} else {

document.getElementById(‘arctitle’).classList.remove(‘newArticleTitle’);

}

}

checkArticleTime();

</script>

“`

在文章标题的<a>标签中添加dataarticletime属性，并设置文章发布的时间戳：

“`html

<a href="article_url" id="arctitle" dataarticletime="article_timestamp">文章标题</a>

“`

6、保存并预览

保存模板文件和JavaScript代码，然后在后台预览文章，确保新文章标题在24小时内显示红色。

注意事项

在修改模板文件之前，建议备份原始文件，以防万一需要恢复。

确保JavaScript代码在所有浏览器中都能正常工作。

如果使用服务器端语言来控制时间条件，请确保代码正确处理时区和日期格式。

通过以上步骤，你应该能够解决织梦DedeCMS中最新发表的文章在24小时内标题显示红色的问题。