如何在DedeCMS内容页的页面来源后添加类似原创的小图标？

dedecms内容页来源后面加个类似原创的小图标怎么操作

要在织梦CMS（DedeCMS）的内容页来源后面添加一个类似“原创”的小图标，可以通过以下几个步骤实现：

建立字段

1、进入后台管理系统：

登录织梦CMS的后台管理系统，找到“内容模型管理”选项。

2、创建字段：

在对应的内容模型中建立一个新字段，“是否原创”（字段名称：yuanchuang）。

使用单选按钮（radio）选项卡，设置两个选项：“是”和“否”，分别对应原创和非原创。

上传小图标

1、准备小图标文件：

准备好一个小图标文件，命名为yuanchuang.jpg。

2、上传文件：

将该文件上传到网站根目录下的images文件夹中。

调用方法

1、编辑模板文件：

打开需要修改的内容页模板文件，通常是article_article.htm或者类似的文件。

2、添加调用代码：

在来源信息显示的位置，添加以下代码：

“`dede

{dede:field.yuanchuang runphp=’yes’}

if(@me=="")

{}

else

{ @me="<img src=’/images/yuanchuang.jpg’>"; }

{/dede:field.yuanchuang}

“`

这段代码的作用是检查“是否原创”字段的值，如果是原创，则显示小图标。

测试与发布

1、后台测试：

在后台发布或编辑文章时，选择相应的“是否原创”选项，保存并预览文章页面，确保小图标正确显示。

2、正式发布：

确保所有测试无误后，正式发布网站更新。

通过以上步骤，即可在DedeCMS内容页的来源后面添加一个类似“原创”的小图标，根据后台设置动态显示，这种方法不仅简单易行，而且可以根据实际需求灵活调整。

相关FAQs

问题1：如何在DedeCMS中为不同的文章类型设置不同的小图标？

答：可以为不同文章类型设置不同的字段和小图标，除了“是否原创”字段外，还可以增加“文章类型”字段，并为每种类型设置不同的小图标，具体步骤如下：

1、创建字段模型管理中增加一个“文章类型”字段，同样使用radio选项卡。

2、上传小图标：为每种文章类型准备不同的小图标文件，上传到images文件夹中。

3、调用代码：在模板文件中添加调用代码，根据“文章类型”字段的值显示不同的小图标。

“`dede

{dede:field.wenzhangleixing runphp=’yes’}

if(@me=="type1") { @me="<img src=’/images/type1.jpg’>"; }

elseif(@me=="type2") { @me="<img src=’/images/type2.jpg’>"; }

else { @me="<img src=’/images/default.jpg’>"; }

{/dede:field.wenzhangleixing}

“`

问题2：如何确保小图标在不同设备上都能正常显示？

答：为确保小图标在不同设备上都能正常显示，可以采取以下措施：

1、使用响应式设计：确保小图标在不同屏幕尺寸和分辨率下都能清晰显示，可以使用CSS媒体查询技术来调整图标大小和布局。

2、图片格式优化：使用常见的图片格式如PNG或JPG，并进行压缩以减少加载时间。

3、测试兼容性：在不同的浏览器和设备上进行测试，确保小图标在所有主流设备上都能正常显示。

为了在DedeCMS内容页的来源后面添加一个类似“原创”的小图标，您可以通过以下步骤进行操作：

步骤 1：准备图标

您需要准备一个图标文件，通常是PNG格式的，这个图标将用于标识原创内容。

步骤 2：修改模板文件

DedeCMS使用模板系统来展示内容，因此您需要修改相应的模板文件来实现图标显示。

1、找到模板文件：进入DedeCMS后台，找到您要修改的模板文件夹，通常位于/templets目录下。

2、页模板页的模板文件，例如content_page.htm。

3、定位来源信息位置：在模板文件中找到显示内容来源信息的位置。

步骤 3：插入图标代码

在来源信息的位置，插入以下HTML代码：

<a href="javascript:void(0);" title="原创内容"><img src="images/icon_origin.png" alt="原创" style="verticalalign: middle;"/></a>

请将images/icon_origin.png替换为您图标文件的相对路径。

步骤 4：调整样式（可选）

如果您需要调整图标的大小或位置，可以通过修改<img>标签的style属性来实现：

<img src="images/icon_origin.png" alt="原创" style="width: 16px; height: 16px; verticalalign: middle;"/>

步骤 5：保存并预览

保存模板文件后，回到DedeCMS后台，选择相应的文章或内容进行发布或更新，然后预览页面，检查图标是否显示正确。

注意事项

确保图标文件路径正确，否则图标可能无法显示。

如果您的网站使用了自定义CSS，您可能需要在CSS文件中添加相应的样式来进一步美化图标。

通过以上步骤，您就可以在DedeCMS内容页的来源信息后面添加一个类似“原创”的小图标了。