/templets/default/目录下。，2. 打开article_article.htm文件，这个文件是内容页的模板文件。，3. 在需要添加小图标的位置，插入以下代码：，，“html，，“，，4. 保存文件并刷新页面，你应该能看到小图标已经添加到内容页来源后面了。在DedeCMS中，为内容页来源后面添加一个类似原创的小图标，可以通过修改模板文件来实现，以下是一个详细的操作步骤：
步骤一：找到内容页模板文件
需要找到用于显示文章内容的模板文件，这个文件位于/templets/default/article_article.htm。
步骤二：编辑模板文件
打开/templets/default/article_article.htm 文件，在适当的位置插入小图标的HTML代码，可以使用以下示例代码：
{dede:field name='source' function='cn_substr(@me,0,100)'/}<span class="iconoriginal"></span>
在这个示例中，{dede:field name='source' function='cn_substr(@me,0,100)'/} 是获取文章来源字段，并限制其长度为100个字符。<span class="iconoriginal"></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样式，请根据实际情况进行调整。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/1108060.html
