如何开始PbootCMS模板的自定义？

开始PbootCMS模板自定义的核心在于理解其“模型-栏目-模板”的层级关系，并掌握基础的标签调用语法。以下是从零开始自定义模板的完整流程：
1. 环境准备与目录结构

在开始之前，确保你已安装好PbootCMS并能够正常访问后台。模板文件主要存放在 /template/ 目录下。

‌创建模板文件夹‌：在 /template/ 下新建一个文件夹（例如 mytheme）。
‌基础文件‌：在该文件夹内创建核心页面文件：
index.html：首页模板
list.html：列表页模板（也可创建 list_about.html 等专属模板）
content.html：详情页模板
message.html：留言页模板（如需）
‌静态资源‌：将CSS、JS、图片等资源放入 /static/ 目录或模板文件夹内的子目录中。

2. 后台配置与切换

‌上传模板‌：将制作好的HTML文件和资源上传至服务器对应目录。
‌切换模板‌：登录后台，进入「全局配置」->「站点信息」，在“站点模板”输入框中填写你的模板文件夹名称（如 mytheme），保存后刷新前台即可看到效果。
‌子目录注意‌：如果在“安全配置”中设置了“模板子目录”，则模板文件需放在对应的子目录下，或者将该配置留空以使用根目录下的模板文件夹。

3. 核心标签调用（骨架搭建）

PbootCMS使用 {pboot:标签} 的形式调用数据。以下是构建页面骨架最常用的标签：
头部与导航

html
<!– 网站标题 –>
<title>{pboot:sitename} – {pboot:pagesubtitle}</title>
<!– 引入CSS/JS，建议路径指向static目录 –>
<link rel=”stylesheet” href=”{pboot:sitetplpath}/css/style.css”>

<!– 导航菜单 –>
{pboot:nav parent=0}
<a href=”[nav:link]” class=”[nav:active]”>{pboot:if(‘[nav:name]’==’首页’)}首页{else}[nav:name]{/pboot:if}</a>
{/pboot:nav}

列表页内容循环

在 list.html 中，使用 list 标签循环输出文章：

html
{pboot:list num=10 page=1}
<div class=”item”>
<h3><a href=”[list:link]”>[list:title]</a></h3>
<p>[list:date style=Y-m-d]</p>
<img src=”[list:ico]” alt=”[list:title]”>
</div>
{/pboot:list}
<!– 分页条 –>
{pboot:page}

详情页内容展示

在 content.html 中，直接调用当前文章内容：

html
<h1>{content:title}</h1>
<div class=”info”>
<span>发布时间：{content:date}</span>
<span>作者：{content:author}</span>
</div>
<div class=”body”>
{content:content}
</div>
<!– 上一篇/下一篇 –>
<div class=”pre-next”>
{content:precontent}<a href=”[precontent:link]”>上一篇：[precontent:title]</a>{/content:precontent}
{content:nextcontent}<a href=”[nextcontent:link]”>下一篇：[nextcontent:title]</a>{/content:nextcontent}
</div>

4. 高级自定义：模型与字段

如果默认的文章字段（标题、内容、缩略图）无法满足需求，可以通过“内容模型”进行扩展：

‌新建模型‌：后台「内容管理」->「内容模型」，新建一个模型（如“产品模型”）。
‌添加字段‌：在模型中添加自定义字段，如“产品价格”、“规格参数”等，字段类型可选单行文本、多行文本、图片等。
‌绑定栏目‌：新建栏目时，选择该模型。
‌前台调用‌：在模板中使用 {content:ext_字段名} 调用自定义字段。例如，若字段名为 price，则调用代码为 {content:ext_price}。

5. 手机端适配

PbootCMS支持独立手机端模板：

‌启用功能‌：后台「全局配置」->「基本配置」，开启“独立手机版”。
‌创建WAP目录‌：在PC端模板文件夹（如 mytheme）下新建 wap 文件夹。
‌制作手机模板‌：在 wap 文件夹内创建 index.html、list.html、content.html。
‌自动识别‌：系统会根据访问设备自动切换至 wap 目录下的模板。

6. 调试与优化技巧

‌清除缓存‌：修改模板后，如果前台没有变化，请在后台「系统管理」->「站点清理」中清除缓存，或直接删除 /runtime/ 目录下的文件。
‌标签手册‌：遇到不懂的标签，可查阅官方开发手册，重点关注 pboot:nav、pboot:list、pboot:sort、content: 系列标签。
‌条件判断‌：使用 {pboot:if}…{else}…{/pboot:if} 实现动态效果，如高亮当前栏目、判断是否有缩略图等。

通过以上步骤，你可以从简单的HTML静态页面逐步转化为动态的PbootCMS模板。建议先从修改默认模板开始，熟悉标签语法后再尝试从头制作。