织梦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. <ul class=”d1 ico3″>
  6. {dede:arclist titlelen=’60’ row=’8′}
  7. <li><span class=”date”>[field:pubdate function=”MyDate(‘m-d’,@me)”/]</span><a href=”[field:arcurl /]”>[field:title /]</a></li>
  8. {/dede:arclist}
  9. </ul>
  10. </dd>
  11. </dl>
  12. {/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了。

未经允许不得转载:SEO教程网 » 织梦DedeCMS首页文章列表显示图片的代码

评论 0

评论前必须登录!

登陆 注册