当前位置:首页 > 行业动态 > 正文

如何在DedeCms中为最新文章显示红色日期或添加new字样和小图片?

要实现在DedeCms中最新文章显示红色日期或加上”new”字样或小图片,可以通过修改模板文件来实现。具体操作如下:,,1. 打开DedeCms的模板文件夹,找到对应的列表页模板文件(如 article_article.htm)。,2. 在模板文件中,找到输出文章日期的标签,{dede:field name=’pubdate’/} 。,3. 在该标签前后添加相应的样式和文本,以实现红色日期、"new"字样或小图片的效果。,,` html,{dede:field name='pubdate'/},` ,,或者:,,` html,{dede:field name='pubdate'/},` ,,或者:,,` html,[new] {dede:field name='pubdate'/},“,,4. 保存模板文件,然后刷新页面查看效果。

在DedeCms中,我们可以通过修改模板文件来实现最新文章显示红色日期或加上new字或new小图片的功能,以下是详细的步骤:

1、我们需要找到DedeCms的模板文件,通常位于网站的根目录下的/templets文件夹中,在这个文件夹中,我们可以找到default文件夹,这个文件夹就是我们的模板文件夹。

2、在default文件夹中,我们可以找到index.htm文件,这个文件就是首页的模板文件,我们需要修改这个文件来实现我们的需求。

3、使用文本编辑器打开index.htm文件,然后找到以下代码:

{dede:arclist row='10' titlelen='50' orderby='pubdate'}

4、在这段代码后面,我们需要添加一些新的代码来实现我们的需求,如果我们想要显示红色日期,我们可以添加以下代码:

{dede:field name='pubdate' function='GetDateMK(@me)'/}

我们需要在CSS文件中添加以下样式:

.reddate {
    color: red;
}

5、如果我们想要在最新文章上加上"new"字样,我们可以添加以下代码:

<span class="new">new</span>

我们需要在CSS文件中添加以下样式:

.new {
    color: red;
    fontsize: 12px;
}

6、如果我们想要在最新文章上加上"new"小图片,我们可以添加以下代码:

<img src="images/new.png" alt="new" class="newimage"/>

我们需要在CSS文件中添加以下样式:

.newimage {
    width: 20px;
    height: 20px;
}

7、我们需要保存我们的更改,并重新生成首页,这样,我们就能看到我们的最新文章显示红色日期或加上"new"字样或"new"小图片了。

就是在DedeCms中实现最新文章显示红色日期或加上"new"字样或"new"小图片的方法,希望对大家有所帮助。

FAQs:

Q1:我在修改模板文件后,为什么没有看到任何变化?

A1:如果你在修改模板文件后没有看到任何变化,可能是因为你没有重新生成首页,你需要在DedeCms后台的"生成"菜单中选择"更新主页HTML",然后点击"开始生成"按钮来重新生成首页。

Q2:我在哪里可以找到DedeCms的模板文件?

A2:DedeCms的模板文件通常位于网站的根目录下的/templets文件夹中,在这个文件夹中,你可以看到你的模板文件夹(通常是default),你可以在这个文件夹中找到各种模板文件,包括首页模板、列表页模板、内容页模板等。

0