云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

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

为了在dedecms后台文章列表页显示文章缩略图,你需要修改对应的列表模板文件。具体步骤如下:,,1. 找到并打开/dede/templets/article_list.htm文件,这是文章列表的模板文件。,2. 在该文件中找到`这行代码,它负责显示文章的一些基本信息。,3. 在这行代码后面添加以下代码:,,`html,{dede:field name='litpic' function='thumb(200,100)'/},“,,这段代码的意思是调用文章中的第一张图片作为缩略图,并将其尺寸设置为200×100像素。你可以根据需要调整这些参数。,,4. 保存文件并刷新后台文章列表页,你应该能看到每篇文章前面都显示了缩略图。

在织梦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或其他设定的图片。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《如何在DedeCMS后台文章列表页显示文章的缩略图?》
文章链接:https://www.yunzhuji.net/internet/248383.html

评论

  • 验证码