织梦DedeCMS首页文章列表显示图片的代码

织梦DedeCMS首页文章列表显示图片的代码
DedeCMS首页文章列表显示图片的代码，我们先来看一下效果图：

自丢网提示：点击新窗口预览！

1、首先我们找到dedecms首页模版里面的列表代码，代码如下：

1. {dede:channelartlist}
   
2. <dl class="tbox">
   
3. <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
   
4. <dd>
   
5. 
   
6. <ul class="d1 ico3">
   
7. {dede:arclist titlelen='60' row='8'}
   
8. <li><span class="date">[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
   
9. 
   
10. {/dede:arclist}
    
11. </ul>
    
12. </dd>
    
13. </dl>
    
14. {/dede:channelartlist}

复制代码

2、在代码的相应位置添加如下代码标签：

<ul class="e5">
{dede:arclist row='2' type='image.commend.' }
<li><a href="[field:arcurl /]"><img src="[field:litpic /]" /></a></li>
{/dede:arclist}
</ul>

3、最终代码应该如下(红色部分是加的代码)

1. {dede:channelartlist}
   
2. <dl class="tbox">
   
3. <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
   
4. <dd>
   
5. <ul class="e5">
   
6. {dede:arclist row='2' type='image.commend.' }
   
7. <li><a href="[field:arcurl /]"><img src="[field:litpic /]" /></a></li>
   
8. {/dede:arclist}
   
9. </ul>
   
10. <ul class="d1 ico3">
    
11. {dede:arclist titlelen='60' row='8'}
    
12. <li><span class="date">[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
    
13. {/dede:arclist}
    
14. </ul>
    
15. </dd>
    
16. </dl>
    
17. {/dede:channelartlist}

复制代码

保存一下，再重新生成主页就OK了。

学习了，感谢自丢教程网