自定义网站设置

您正在阅读旧版文档,新版文档已迁移至 [https://document.pescms.com]

目录

PT自1.2.6版本起,网站的页眉导航和页脚部分可以自定义设置内容,非常方便大家定制个性版。

网站联系设置设置

我们默认提供了官方联系信息。代码如下:

<span class="am-margin-right-xs"><i class="am-icon-qq"></i> <a href="https://wpa.qq.com/msgrd?v=3&uin=201418824&menu=yes" target="_blank">201418824</a></span>
<span class="am-margin-right-xs"><i class="am-icon-weixin"></i> <a href="#;" data-am-popover="{content: '<img src=\'https://www.pescms.com/Theme/assets/i/IMG_2866.JPG\' width=300>', trigger: 'hover focus'}" >PESCMS</a></span>
<span class="am-margin-right-xs"><i class="am-icon-thumbs-o-up"></i> <a href="#;" data-am-popover="{content: '<img src=\'https://www.pescms.com/Theme/assets/i/zan.png\' width=300>', trigger: 'hover focus'}" >打赏支持</a></span>

若您需要定制其他联系方法,您可以先到 这里寻找合适的图标 :http://amazeui.org/css/icon 。找到合适的图标,仿照上面示例代码,填写自己业务的内容。例如,下面填写一个电话联系方式:

<span class="am-margin-right-xs"><i class="am-icon-phone"></i> 020-12345678</span>

<i class="am-icon-phone"></i> 就是电话的图标。后面是否带超链接,自行依据代码进行添加。

页脚内容设置

页脚内容,大家可以填写自己公司的简介,产品说明等。下面是官方代码:

<div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
    <div class="am-g">
        <div class="am-u-sm-12 am-u-lg-3">
            <h4>关于PESCMS</h4>
            <p>PESCMS旗下有TEAM团队任务管理系统,Ticket客服工单系统,DOC文档管理系统以及基于浏览器开发的基金定投助手。</p>
        </div>
        <div class="am-u-sm-12 am-u-lg-3">
            <h4>产品列表</h4>
            <ul>
                <li><a href="https://www.pescms.com/download/2.html">PESCMS TEAM 团队任务管理系统</a></li>
                <li><a href="https://www.pescms.com/download/3.html">PESCMS DOC 文档管理系统</a></li>
                <li><a href="https://www.pescms.com/download/5.html">PESCMS TICKET 客服工单系统</a></li>
                <li><a href="https://www.pescms.com/download/4.html">PESCMS LOGIN 网站登录管理</a></li>
                <li><a href="https://www.pescms.com/download/6.html">基金定投助手</a></li>
            </ul>
        </div>
        <div class="am-u-sm-12 am-u-lg-3 am-u-end">
            <h4>产品服务</h4>
            <ul>
                <li><a href="https://www.pescms.com/Page/Authorization.html">商业授权</a></li>
                <li><a href="https://www.pescms.com/Authorize-Verify">授权查询</a></li>
                <li><a href="https://www.pescms.com/service.html">有偿服务</a></li>
                <li><a href="https://www.pescms.com/Page/ad.html">广告投放</a></li>
                <li><a href="https://www.pescms.com/Page/donate.html">赞助捐赠</a></li>
            </ul>
        </div>
    </div>
</div>

默认我们只列出了3列,如果您需要列出4列,5列。可以将am-u-lg-3 修改为 am-u-lg-4、am-u-lg-5 ...我们相信这些代码大家都可以看懂,不需要我们在做介绍。

PESCMS DOC 文档系统
© Copyright 2015-2024. by the PESCMS DOC
耗时0.0217秒