最近养成了用APP浏览时事政事信息的习惯,注意到有些页面有些地方出现三张、单张或无缩略图,具体参考今日头条APP、网易新闻APP等手机端。

结合DedeCMS做个算不上开发的教程,特别适合PHP初学者哦。

运用的是array标签,如果对该标签基础及运用不了解参考文章《织梦用array调用多个自定义字段并判断》

一般列表页的标签如下

{dede:list}

[field:array runphp='yes']

php代码块;

[/field:array]

{/dede:list}

增加自定义字段

依次打开

后台 -> 频道模型 -> 内容模型管理 -> 普通文章 -> 添加新字段

字段为pic1,pic2,数据类型都为图片无格式。加上默认的缩略图,一共是三张图片。

织梦多张缩略图调用并增加一张、三张、无缩略图判断

PHP判断实现思路

新增加的两个字段为空,不输出任何内容;DedeCMS默认缩略图为空,会输出默认的/images/defaultpic.gif图片。只要判断这三个字段存不存在数值即可实现调用不同的模板及样式。该栏目列表页用{dede:list},首页、其他栏目列表或内容页需用{dede:arclist},对应的代码如下,注意双引号和单引号的问题。

{dede:arclist addfields='pic1,pic2' channelid='1'}
[field:array runphp='yes']
$depic = '/images/defaultpic.gif'; //为减少重复代码,把模板放到变量内。
//模板1:只调用标题
$con1 = '
<a class="box01" href="' . @me['arcurl'] . '">
<h2>' . @me['title'] . '</h2>
</a>
';
//模板2:调用标题,默认缩略图
$con2 = '
<a class="box02" href="' . @me['arcurl'] . '">
<h2>' . @me['title'] . '</h2>
<div class="cl">
<img src="' . @me['litpic'] . '"/>
</div>
</a>
';
//模板3:调用标题,默认缩略图,pic1,pic2
$con3 = '
<a class="box03" href="' . @me['arcurl'] . '">
<h2>' . @me['title'] . '</h2>
<div class="cl">
<img src="' . @me['litpic'] . '"/>
<img src="' . @me['pic1'] .'"/>
<img src="' . @me['pic2'] . '"/>
</div>
</a>
';
if(@me['litpic'] != $depic && @me['pic1'] !='' && @me['pic2'] !='') @me = $con3 ; //如果三种都不为空,则输出全部值
elseif(@me['litpic'] == $depic && @me['pic1'] =='' && @me['pic2'] =='') @me = $con1 ; //如果三种都为空,则输出标题
elseif(@me['pic1'] =='' || @me['pic2'] =='') @me = $con2; //如果pic1,pic2其中一个为空,则输出标题,默认缩略图
else @me = $con1; //只输出标题
[/field:array]
{/dede:arclist}

上面已有说明,初学者尽量把代码写简洁,多而重复的代码不易修改,很容易发生错误。比如:'单引号'、"双引号"的运用、字符和变量的连接符号(.)等。以上具体样式根据自己写吧。织梦DedeCMS多张缩略图总结

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。