320H货源站模板1使用指南

一、界面预览

二、可编辑区域说明

（图中红色框线标记部分均可自定义修改）

三、详细配置教程

1. 登录网站后台管理界面

进入您的网站后台，找到信息编辑入口。

2. 设置首页模板

滚动至页面底部，定位到「首页模板设置」模块，选择 moban1 模板。

3. 替换客服QQ信息

请务必将默认客服QQ修改为您自己的联系方式，否则客户咨询将无法转至您处，可能导致客户流失。

4. 获取首页公告原始代码

首页公告基础代码如下，您可在此基础上进行修改：

首页公告代码

    <hr>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【云飞】</font><font color="#FFFFFF"  class = "shoujis"> — 支持bot.bgx.ez 超级无敌稳 超级推荐</font></b></li>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【星夜】</font><font color="#FFFFFF"  class = "shoujis"> — 支持bot.bgx.ez 自带机器码   主推天卡稳定项目-主推</font></b></li>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【Lei】</font><font color="#FFFFFF"  class = "shoujis"> — 周卡：原ZP 红鸟 yumi 只能续费！稳定奔放 </font></b></li>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【SU】</font><font color="#FFFFFF"  class = "shoujis"> — 周卡： 支持稳定 BOT NE BGX 自带机器码 强烈推荐 </font></b></li>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【天龙】</font><font color="#FFFFFF"  class = "shoujis"> —周卡： 稳定BOT仅支持BOT </font></b></li>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【4K】</font><font color="#FFFFFF"  class = "shoujis"> — 月卡：稳定BGX稳定BOT掉线FF   自带过机器码</font></b></li>
    <li class="list-group-item tishi" ><b><font color="yellow" class = "site__title">【KS】</font><font color="#FFFFFF"  class = "shoujis"> — 月卡：原鹿 龙 开放注册-自带BOT 支持BGX</font></b></li>
    <hr>
</h4>
<div class="btn-group btn-group-justified">
    <a  target="_blank" class="btn btn-block btn-success"   style="background: rgba(218, 224, 232, 0.2); color:#999b9c ; border: 0px;" onclick="javascrtpt:window.location.href='https://buys.96lf.cn/shop/B96BE2C2'"><i class="fa fa-book"></i> 租号地址【黑号1】</a>
	    <a  target="_blank" class="btn btn-block btn-success"   style="background: rgba(218, 224, 232, 0.2); color:#999b9c ; border: 0px;" onclick="javascrtpt:window.location.href='https://buys.96lf.cn/shop/B96BE2C2'"><i class="fa fa-book"></i> 租号地址【黑号2】</a>
    <a  target="_blank" class="btn btn-block btn-success"   style="background: rgba(218, 224, 232, 0.3); color:#999b9c ; border: 0px;"  onclick="javascrtpt:window.location.href='https://buys.96lf.cn/shop/604B93B4'"><i class="fa fa-book"></i> 租号地址【金币号】</a>
    <a  target="_blank"  class="btn btn-block btn-success" style="background: rgba(218, 224, 232, 0.2); color: #999b9c; border: 0px;"   onclick="javascrtpt:window.location.href='tencent://message/?uin=1056307333&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45'"><i class="fa fa-qq"></i> 联系客服</a
  
</div>

5. 自定义首页公告内容

建议使用专业文本编辑器（如 Notepad++）进行修改。

下图中红框标注部分为可自定义的推荐内容区域，请根据您的业务需求进行调整：

第二部分代码结构说明：

请注意：仅修改红框内的代码内容，其余代码请勿改动。

• 黑色文字对应页面中四个按钮的显示标题（如下图示）：

• 紫色标注的HTML链接为按钮点击后的跳转地址，请替换为您自己的目标网址。

完成公告内容修改后，将更新后的代码粘贴至后台「首页公告」编辑框内，保存即可生效。

6. 设置弹出公告（可选）

以下为弹出公告的HTML代码，此步骤为可选配置，不影响主要功能：

弹窗代码

<div style="text-align: center;">
    <br />
</span></strong>
    </p>
    <strong><span style="color:#FFFFFF;font-size:18px;">不圈不跑 售后TOP1 最新售后QQ：1056307333</span></strong>&nbsp;
    </p></div>

建议仅将售后QQ替换为您自己的联系方式。

将修改后的代码放入「首页弹出公告」设置框并保存即可。（此步骤可在修改首页公告时同步完成，非必需配置）

---

提示：完成所有修改后，请务必检查前台页面显示效果，确保信息准确无误。