如何在DedeCMS后台文章列表页显示文章的缩略图？

在织梦CMS（DedeCMS）中，文章列表页默认会显示文章的缩略图，如果文章中有图片，系统会自动调用该图片作为缩略图；如果没有图片，则会显示默认的织梦图片，这种处理方式有时会影响页面美观，可以通过修改代码实现更个性化的展示效果。

修改方法一：有图则显示缩略图，无图则不显示

1、找到模板文件：打开模板目录下的list_article.htm 文件。

2、修改列表部分代码：

   <div class="listbox">
       <ul class="e2">
           {dede:list pagesize='10'}
               <li> [field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
               [<b>[field:typelink/]</b>] <a href="[field:arcurl/]" class="title">[field:title/]</a> <span class="info"> <small>日期：</small>[field:pubdate function="GetDateTimeMK(@me)"/] </span>
               <p class="intro"> 简介：[field:description/]... </p>
               </li>
           {/dede:list}
       </ul>
   </div>

3、保存修改并刷新页面：保存文件后，刷新文章列表页，即可看到修改后的效果，如果有文章配图，就会显示缩略图；没有配图的文章则不显示任何图片。

修改方法二：有图则显示缩略图，无图则显示自定义图片

1、找到模板文件：同样打开模板目录下的list_article.htm 文件。

2、修改列表部分代码：

   <div class="listbox">
       <ul class="e2">
           {dede:list pagesize='10'}
               <li> [field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "<a href=''><img src='自定义图片'/></a>" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}' height='106' width='186'/></a>"); [/field:array]
               [<b>[field:typelink/]</b>] <a href="[field:arcurl/]" class="title">[field:title/]</a> <span class="info"> <small>日期：</small>[field:pubdate function="GetDateTimeMK(@me)"/] </span>
               <p class="intro"> 简介：[field:description/]... </p>
               </li>
           {/dede:list}
       </ul>
   </div>

3、保存修改并刷新页面：保存文件后，刷新文章列表页，即可看到修改后的效果，如果有文章配图，就会显示缩略图；没有配图的文章则显示自定义图片。

管理页面添加缩略图显示

1、找到模板文件：打开模板目录下的content_list.htm 文件。

2、修改代码：

   <?php
   echo $fields['litpic'] != '' ? '<a class="seearcpic" href="'. $fields['litpic'] .'" target="_blank"><img class="arcpic" style="float:left; margin:10px;" width="50" height="50" src="'. $fields['litpic'] .'" /></a>' : '';
   ?>

3、保存修改并刷新页面：保存文件后，刷新后台内容管理页面，即可看到文章列表中带有缩略图的显示效果。

相关问答FAQs

问题1：如何在文章内容页调用缩略图？

答：在文章内容页需要调用缩略图的地方插入以下代码即可：

{dede:field.litpic runphp="yes"}if (@me!=''){@me= "<img src='".@me."'/>";}{/dede:field.litpic}

这段代码会在文章内容页中显示文章的缩略图，如果文章没有缩略图，则不会显示任何图片。

问题2：如何设置多张默认缩略图随机显示？

答：当文章中没有缩略图时，可以设置多张默认缩略图随机显示，具体方法如下：

1、找到模板文件：打开模板目录下的list_article.htm 文件。

2、修改列表部分代码：

   [field:array runphp='yes']
   @me = (empty(@me['litpic']) ? "<a href=''><img src='自定义图片1'/></a>" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}' height='106' width='186'/></a>");
   [/field:array]

3、保存修改并刷新页面：保存文件后，刷新文章列表页，即可看到修改后的效果，如果没有配图的文章，将随机显示自定义图片1或其他设定的图片。