pbootcms模板开发教程之进阶功能开发

PbootCMS多语言模板配置

PbootCMS原生支持多语言，模板配置有两种方式：
方式一：模板子目录（推荐，外贸站常用）

不同语言使用‌同一模板的不同子目录‌，语言切换时自动加载对应子目录的模板。

‌步骤：‌

后台开启多语言：全局配置 → 多语言配置 → 开启多语言
添加语言版本，如英文（en）、德文（de）
在模板目录下创建对应语言的子目录：

text
template/
└── default/
├── index.html # 默认语言（中文）模板
├── en/ # 英文模板子目录
│ ├── index.html
│ ├── list.html
│ └── …
└── de/ # 德文模板子目录
├── index.html
└── …

不同语言的模板内容独立编写，标签语法完全一致

方式二：语言包变量

在模板中使用语言包变量，通过后台语言包管理翻译内容：

html
<!– 调用语言包中”首页”的翻译 –>
{pboot:lang(‘首页’)}

<!– 输出：中文时显示”首页”，英文时显示”Home” –>

适合少量文案的多语言切换，大量内容推荐用方式一。
4.2 手机端适配
响应式模板（推荐）

一套模板适配所有设备，只需在CSS中写媒体查询：

css
/* PC端样式 */
.nav { display: flex; }

/* 手机端样式 */
@media (max-width: 768px) {
.nav { display: none; }
.mobile-nav { display: block; }
}

独立手机版模板

如果移动端和PC端差异极大，可使用独立手机版：

后台开启：全局配置 → 基本配置 → 独立手机版 → 开启
在模板目录下创建 wap/ 子目录：

text
template/
└── default/
├── index.html # PC端
├── list.html
└── wap/ # 手机端
├── index.html
└── list.html

手机访问时自动加载wap目录下的模板，标签语法完全相同

💡 多语言+独立手机版的目录结构：

text
template/default/wap/en/index.html # 手机端英文模板
template/default/wap/de/index.html # 手机端德文模板

4.3 自定义表单模板

适用于询盘表单、留言表单等，后台在「自定义表单」中创建表单后，在模板中调用：

html
<div class=”contact-form”>
发送询盘</h3>
<form action=”{pboot:sitepath}/index.php?p=form&fcode=inquiry” method=”post”>
<div class=”form-group”>
姓名 *</label>
<input type=”text” name=”name” required>
</div>
<div class=”form-group”>
邮箱 *</label>
<input type=”email” name=”email” required>
</div>
<div class=”form-group”>
电话</label>
<input type=”tel” name=”phone”>
</div>
<div class=”form-group”>
公司</label>
<input type=”text” name=”company”>
</div>
<div class=”form-group”>
留言内容 *</label>
<textarea name=”content” rows=”5″ required></textarea>
</div>
<div class=”form-group”>
验证码</label>
<input type=”text” name=”verify” required>
<img src=”{pboot:sitepath}/index.php?p=verify” onclick=”this.src='{pboot:sitepath}/index.php?p=verify&_=’+Math.random()” alt=”验证码”>
</div>
<button type=”submit” class=”btn”>提交</button>
</form>
</div>

⚠️ 表单字段名（name属性）需与后台自定义表单中创建的字段名一致。

4.4 模板中调用指定栏目/内容

有时候需要在任意页面调用指定栏目的信息或单篇内容：

html
<!– 调用ID为2的栏目名称 –>
{sort:name scode=2}

<!– 调用ID为2的栏目链接 –>
{sort:link scode=2}

<!– 调用ID为2的栏目内容（单页） –>
{sort:content scode=2}

<!– 调用ID为10的内容标题 –>
{content:title id=10}

<!– 调用ID为10的内容链接 –>
{content:link id=10}

<!– 调用ID为10的内容缩略图 –>
{content:ico id=10}