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

如何在DedeCMS内容页中添加类似原创的小图标来标识文章来源?

要给dedecms内容页来源后面加个类似原创的小图标,你需要修改模板文件。具体操作如下:,,1. 找到你使用的模板文件夹,一般在 /templets/default/目录下。,2. 打开 article_article.htm文件,这个文件是内容页的模板文件。,3. 在需要添加小图标的位置,插入以下代码:,,“ html,,“,,4. 保存文件并刷新页面,你应该能看到小图标已经添加到内容页来源后面了。

在DedeCMS中,为内容页来源后面添加一个类似原创的小图标,可以通过修改模板文件来实现,以下是一个详细的操作步骤:

如何在DedeCMS内容页中添加类似原创的小图标来标识文章来源?  第1张

步骤一:找到内容页模板文件

需要找到用于显示文章内容的模板文件,这个文件位于/templets/default/article_article.htm。

步骤二:编辑模板文件

打开/templets/default/article_article.htm 文件,在适当的位置插入小图标的HTML代码,可以使用以下示例代码:

{dede:field name='source' function='cn_substr(@me,0,100)'/}<span ></span>

在这个示例中,{dede:field name='source' function='cn_substr(@me,0,100)'/} 是获取文章来源字段,并限制其长度为100个字符。<span ></span> 是添加的小图标HTML代码。

步骤三:添加CSS样式

需要在网站的CSS文件中添加相应的样式来显示小图标,打开/templets/default/style/dedecms.css 文件,添加以下CSS代码:

.iconoriginal {
    display: inlineblock;
    width: 16px;
    height: 16px;
    backgroundimage: url('path/to/your/icon.png'); /* 替换为你的小图标路径 */
    backgroundrepeat: norepeat;
    backgroundsize: contain;
    verticalalign: middle;
    marginleft: 5px;
}

这段CSS代码定义了一个名为.iconoriginal 的类,设置了小图标的尺寸、背景图片、对齐方式等属性。

步骤四:刷新缓存

完成以上步骤后,刷新DedeCMS的模板缓存,进入DedeCMS后台,点击“系统” > “清除缓存”,然后选择“更新所有缓存”。

步骤五:查看效果

访问网站的内容页面,检查是否成功添加了小图标,如果一切正常,你应该能看到文章来源后面多了一个类似原创的小图标。

相关问答FAQs

问题1:如何更改小图标的样式?

答:要更改小图标的样式,可以编辑CSS文件中的.iconoriginal 类,修改背景图片路径、调整宽度和高度等,保存CSS文件后,刷新缓存即可看到更改效果。

问题2:如何在其他页面或位置添加类似的小图标?

答:在其他页面或位置添加类似的小图标,只需按照相同的步骤操作,首先找到对应的模板文件,然后在适当的位置插入小图标的HTML代码,在CSS文件中添加相应的样式,刷新缓存并查看效果,注意,不同页面可能需要不同的HTML结构和CSS样式,请根据实际情况进行调整。

0