dedecms如何把栏目下面的文章列表改成以缩略图显示?

dedecms如何把栏目下面的文章列表改成以缩略图显示?,第1张

方法/步骤

先查找出缩略存放在网站空间里面的位置

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]

那么首页就可以调用这五篇文章的缩略图做成首页的幻灯片了。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms如何把栏目下面的文章列表改成以缩略图显示?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情