2.6.1默认模板首页文章3列显示--新手适用

2016-07-07 16:09 来源:www.chinab4c.com 作者:ecshop专家

有朋友问到我的网站首页文章3列显示是怎么弄的,所以在这里把具体的方法和大家说一下。如果是模板高手,就不用继续看下去了,哈哈~
觉得有用的朋友记得帮忙顶一下~如果能顺便过去我的网站参观,并提点意见就最好!

网址:www.frstore.com.cn
网站:法国代购网

文章3列显示效果图,点击放大或者到网站查看效果:
22.jpg

具体方法:
1.打开模板文件夹下的index.dtw,搜索<!--right end-->,由于我是要在首页右边主框架的最后加上文章列表,所以选择这个位置。在<!-- TemplateEndEditable -->后面加入<!-- TemplateBeginEditable name="右边文章区域" --><!-- TemplateEndEditable -->,然后保存并上传覆盖。
步骤解析:这一步是在首页增加一个文章区域,而这个区域是下面所要用到的。

2.进入后台,打开模板管理-库项目管理中的cat_articles.lbi,然后替换成下面的代码
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<div style="width:245px; float:left; margin-right:3px;">
<div class="box">
<div class="box_1">
<h3>
<span><a href="{$articles_cat.url}">{$articles_cat.name|escape:html}</a></span>
<a href="{$articles_cat.url}"><img src="../images/more.gif" alt="more" /></a>
</h3>
<div class="boxCenterList RelaArticle">
<!--{foreach from=$articles item=article}-->
<a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title}</a><br />
<!--{/foreach}-->
</div>
</div>
</div>
</div>
步骤解析:你也可以把style部分放到style.css中,我比较懒惰,所以就这样做了。如果你要实现比如文章两列显示,那可以根据需要把style=245px调整成为你需要的尺寸。如果最后出现框架跑到下面去,请把这个值缩小到合适为止。

3.同样是后台,打开模板管理-设置模板,然后点击文章列表前面的+号,选择你要在首页上出现的文章分类,并设定排序以及文章数量。
33.jpg

这么简单就实现了文章3列显示的效果了~
写这篇文章的原因之一是发觉论坛有不少人会问这样的一个问题,为什么修改了index.dwt,然后在模板设置中点确定之后原先做的修改却又不见了,其实这里完全可以利用<!-- TemplateBeginEditable name="右边文章区域" --><!-- TemplateEndEditable -->来在网站增加不同的区域,然后再根据自己的需要把各个板块放置在这些区域上的。

希望对新手能有帮助!顺便再做个广告,本站招友情链接,PR高的当然最好,嘿嘿!

回答:
呵可,还行,再调整一下就更好了。

大哥 这底部这些怎么加上去啊?

未命名.jpg (22.92 KB)

未命名.jpg


你在文章分类的网店帮助分类下另外添加分类,然后加上文章,就会出现在这个位置的了。

请问怎样修改文章标题的字数


<!--{foreach from=$articles item=article}-->
<a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title|truncate:8:"...":true}</a> <br />
<!--{/foreach}-->

文章分类字体颜色在哪里改?

在style.css里面修改,比如上面的文章分类是<div class="box_1">下的 <span>属性...

我也来试一个,成功后我告诉大家。呵呵。

呵呵,还是这个好用,简单实用~多谢了~~

需要的都用上吧~嘿嘿

狂顶

我已用上了
http://kinghon.com/

原帖由 红胡子 于 2008-12-12 11:21 发表
请问怎样修改文章标题的字数


在商店设置中的显示显示里面有设置文章的字数选项的~

不错,学习一下

我也试一下
http://www.xie8.cn