列表页模板与方框/列表样式
分类信息模板目录结构、方框与列表两套样式文件、右侧广告与后台相关设置。
一、模板目录
分类信息模板按端分别存放:电脑端在 template/pc/info,手机端在 template/wap/info。目录下每个子文件夹就是一套模板,在分类设置里可以为不同分类指定不同模板。
电脑端每套模板下还分 4 与 6 两个子目录:4 是显示右侧广告位的版本,6 是不显示右侧广告位的版本。
旧 .NET 版把同类样式放在template/xinxi目录,PHP 版已统一到template/pc/info,迁移时按新路径整理文件。
二、一套模板包含哪些文件
| 文件 | 作用 |
|---|---|
List.html | 列表页整体框架 |
Show.html | 信息内容页(内页) |
css.css | 该套模板的样式 |
Box_1.html、Box_2.html | 普通信息方框,单数行、双数行 |
TBox_1/2、TBox2_1/2、TBox4_1/2 | 小格、大格、超大格置顶方框 |
List_1/2、TList_1/2 | 普通列表、置顶列表 |
单数行与双数行拆成两个文件,是为了让相邻两排信息用不同底色交替显示。只改其中一个文件,就会出现一行生效、相邻一行没变的情况。
手机端同名目录下为 List.html、Show.html、css.css 以及 Box.html、BoxTop.html、BoxTop2.html、BoxTop4.html。
三、列表常用标签
<span>${kNum}</span><a href="${kLink}">${kTitle,0}</a>
<!--html代码${kTop}html代码-->
${kNum} 是列表序号,${kMid} 是信息 ID,${kLink} 是信息链接,${kDate} 是发布日期,${kSort,0} 与 ${kAddress,0} 是分类名和地区名,${kPic} 是图片(无图时取 images/nopic.png)。${kTop} 在置顶信息里会替换成置顶类型数字,1 为小格、2 为大格、4 为超大格,配合包裹的 HTML 做置顶样式;${kHot} 用于标题加红,会输出对应的颜色样式。
四、后台设置
- 显示方式:后台「网站设置 → 分类信息设置」可设默认按方框或列表显示,用户也能自行切换;相关配置落在
kf_info_config表。 - 右侧广告:在同一页把「列表右侧广告」设为显示,再到广告管理添加广告位为「分类信息右侧广告」的广告。图片建议宽 235、高 245、下边距 8,便于与左侧方框对齐;排序数字越大越靠前;要让广告只出现在某个分类,还需在该分类上勾选「独立右侧广告」。
- 每页条数、是否在列表里直接显示联系方式等,也在分类信息设置中调整。
五、自己改一套模板
复制 default 这套默认模板到新目录再改,不要直接改默认目录。List.html 是整页框架,Box/TBox/List 系列是其中一条信息的片段,Show.html 是点开后显示的内页,三者分工要分清。改完清理缓存,用浏览器和手机各实测一遍,重点核对单双行交替、置顶样式与右侧广告宽度是否错位。