dedecms如何把栏目下面的文章列表改成以缩略图显示?
方法/步骤
先查找出缩略存放在网站空间里面的位置
1,一般默认的位置都是在根目录下面/image/defaultpicgif,默认的文件名师defaultpicdif。如果不在默认根目录下面的image文件夹里面的话,我们可以用审查工具查看下的位置。打开你网站显示缩略图的网页,右键点击审查工具,现在一般浏览器都带的有审查工具的,一般快捷键是F12。
2,动手制作一张,替换默认的
找到的路径和的大小以后,我们就需要制作一张,把内容换成我们自己网站的内容,然后把名称改为defaultpicgif,然后用FTP或者织梦自带的文件式管理器,然后把文件上传到/image目录下覆盖掉原来的就行了。
注意事项
1需要注意制作的大小要跟默认的保持一致,默认大小是125(宽)114(高)像素的
2要把替换的跟默认的名称保持一致
(1)模板:先找到首页模板,然后看一下大小
(2)文章:找到那篇文章,然后看一下缩略图的大小。
2个方法可以解决该问题
(1)统一模板上的大小到你的文章中,上传和模板里面定义的大小相同的缩略图。(不使用“使用第一张为缩略图”)
(2)统一文章中的缩略图大小,并把模板中的大小以及CSS样式改掉。
需要对列表模板代码修改及样式添加。
1:模板代码修改成:
<div class="list">
<ul>
{dede:list pagesize='12' titlelen='25'}
<li><a href="[field:arcurl/]"><img src="[field:litpic/]" border="0" /></a>
<p><a href="[field:arcurl/]">[field:title /]</a></p>
</li>
{/dede:list}
<div style="clear:both"></div>
</ul>
<div style="clear:both"></div>
</div>
2:样式元素添加
list{background-color:#FFFFFF; padding:14px; line-height:24px;border:solid 1px #E9E9E9;}
list li{ float:left; width:150px; margin:15px 13px;}
list li img{ width:150px; height:100px; border:solid 1px #E9E9E9; padding:1px; margin-bottom:5px;}
list li span{ float:right;}
list p{ text-align:center}
上述两步都操作完之后 ,你可能会发现存在错位或者尺寸不符合您要求。你需要对样式进行微调。具体网站具体对待,才可以修改完美。
秀站网整理回答,如对您有帮助,请采纳,谢谢!
当然可以,但是这需要你掌握html代码,以及了解一点javascript,反正会比较麻烦。最简单的办法是了解首页幻灯片是怎么调用的,调用标签是
{dede:arclist flag='f' row='5'}
linkarr[[field:globalautoindex/]] = "[field:arcurl/]";
picarr[[field:globalautoindex/]] = "[field:litpic/]";
textarr[[field:globalautoindex/]] = "[field:title function='html2text(@me)'/]";
{/dede:arclist}
也就是说,你可以发布五篇文章,为每篇文章设置一张缩略图,大小你自己设置,然后给每篇文章的自定义属性设置勾选幻灯[f]
那么首页就可以调用这五篇文章的缩略图做成首页的幻灯片了。
0条评论