Dedecms首页实现自定义小图标列表

来源:未知 责任编辑:责任编辑 发表时间:2013-11-18 20:57 点击:

 

有时候为了网站美化和用户体验度,站长们会在页面添加一些图片,这样使得网站看起来有灵性。这里说下dedecms利用自定义字段实现首页自定义小图标的方法。

  一、目标:实现dede首页调用自定义小图标文档列表

  效果图如下:

  

dede首页调用自定义小图标效果图

 

  二、操作步骤

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

  “软件模型”,点击修改、

  如下图:

  

修改步骤
选择模型修改

 

  三、添加自定义字段

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

  字段参数如下:

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

  字段名称:indeximg

  字段类型:系统自动生成表单字段

  前台参数:不选择

  内容是否分页:否

  数据类型:图片(仅网址)

  默认值为:空

  最大长度:默认250

  自定义表单html:空

  点击确定,添加好一个自定义字段,这时候进入软件频道,添加软件,就会发现多出一个属性框。这个就是首

  页自定义小图标的选择框。

  四、首页调用代码

  调用代码如下:     

p>       {dede:arclist flag='a' addfields='indeximg' titlelen=42 channelid=3 row='6'}<li class='indexline'><a href="    [field:arcurl/]" class="indextitle"> [field:array runphp='yes']@me = (empty(@me['indeximg']) ? "<img src="http://www.badubox.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}

p>        

p>        注意:上面红色部分,为没有指定自定义小图标时要返回的图片,请更改为自己网站的图片。

p> 

p>        五、代码解析

p> 

p>        {dede:arclist flag='a' addfields='indeximg' titlelen=42 channelid=3 row='6'}中addfields='indeximg'加载对字       段indeximg的索引,以便下面[field:array runphp='yes']@me = (empty(@me['indeximg']) ? "获取indeximg字段的值。

p> 

p>        @me = (empty(@me['indeximg']) ?判断字段是否为空
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1