欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > 程序代码 > 织梦模板首页如何实现自定义小图标列表
这篇文章主要为大家详细介绍了织梦模板首页如何实现自定义小图标列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

      最近在给用户制作一个游戏性质的官方网站,其中有一个要求织梦模板网感觉比较深刻,因此分享出来给大家。为了设计的网站模板为了网站美化和用户体验度,在网站首页实现自定义小图标列表。如下图所示:

织梦模板首页实现自定义小图标列表

如何实现这样的效果呢?下面织梦361就给大家说下dedecms利用自定义字段实现首页自定义小图标的方法。

第一步、登陆dede后台,进入“核心”,选择“频道模型管理下”的“内容模型管理”,选择一个模型修改,这里我们选择“软件模型”,点击修改

如下图所示:

选择修改织梦模板的模型

修改模型

接着操作第二步。

第二步、添加自定义字段

进入修改页面,选择字段管理,下一步添加新字段。

字段参数如下:

表单提示文字为:首页列表小图标(可以设为任意名字,这个只是后台添加文章时候的提示。)

字段名称:

indeximg

字段类型:

系统自动生成表单字段

前台参数:

不选择

内容是否分页:

数据类型:

图片(仅网址)

默认值为:

最大长度:

默认250

自定义表单html:

然后点击确定,添加好一个自定义字段,这时候进入软件频道,添加软件,就会发现多出一个属性框。这个就是首页自定义小图标的选择框。

第三步、首页调用代码

调用代码如下:

{dede:arclist flag='a' addfields='indeximg' titlelen=42 channelid=3 row='6'}
<li class='indexline'>
<a href=" [field:arcurl/]">
[field:array runphp='yes']@me = (empty(@me['indeximg']) ? "<img src="http://www.ke361.com/images/indeximg.png"
width=38 height=38>" : "<img src='{@me['indeximg']}'/ width=38 height=38>");[/field:array]<strong>[field:title/]</strong></a></li>
{/dede:arclist}

注意:上面代码中的图片代码为没有指定自定义小图标时要返回的图片,请更改为自己网站的图片。

第四步、代码解析

{dede:arclist flag='a' addfields='indeximg' titlelen=42 channelid=3 row='6'}

addfields='indeximg'加载对字 段indeximg的索引,以便下面

[field:array runphp='yes']@me = (empty(@me['indeximg']) ? "

获取indeximg字段的值。

@me = (empty(@me['indeximg']) ?

判断字段是否为空

如果自定义字段indeximg为空,则返回:

<img src="http://www.***.com/images/indeximg.png" width=38 height=38>"

提示:这里需要设置为自己需要的默认图片。

如果自定义字段indeximg不为空,则返回:

<img src='{@me['indeximg']}'/ width=38 height=38>

即为indeximg字段的值。讲解得还是很详细的,相信你一定能听得很明白吧。有兴趣的朋友可以自己动手尝试看看,毕竟百看不如一练嘛。

以上就是织梦模板首页如何实现自定义小图标列表的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 织梦模板 自定义小图标 图标列表

上一篇织梦模板如何实现根据来访IP跳转到不同的页面

下一篇“你没有选择上传的文件或选择的文件大小超出限制”怎么处理?

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在