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

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

在内容页模板文件(如article_article.htm)中,找到来源显示的位置,添加HTML代码插入小图标。“。

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内容页的来源信息后面添加一个类似“原创”的小图标了。

0