ZBlog专业资源网源码站主题themeolsm使用教程

ZBlog专业资源网源码站主题themeolsm详情以及购买方式见：https://www.themeol.com/post/14.html

因为本主题于2020年3月8号进行了重大改版，使得本主题的使用上有了一些变化，所以写此文章以便大家参考！

1，首页推荐文章下方和最新文章上方的图片广告的使用（详情见演示站中那四张AD图片）

本广告位的使用，请到themeolsm配置中的首页配置里设置，具体代码格式如下：

<li><a href="" target="_blank"><img src="http://themeolsm.themeol.com/zb_users/upload/2020/03/20200306111748158346466890920.jpg"></a></li>
<li><a href="" target="_blank"><img src="http://themeolsm.themeol.com/zb_users/upload/2020/03/20200306111743158346466389560.jpg"></a></li>
<li><a href="" target="_blank"><img src="http://themeolsm.themeol.com/zb_users/upload/2020/03/20200306111748158346466890920.jpg"></a></li>
<li><a href="" target="_blank"><img src="http://themeolsm.themeol.com/zb_users/upload/2020/03/20200306111743158346466389560.jpg"></a></li>

大家配置时，直接在href=""中填入你具体的url地址，并将后面的src=""中的图片地址换成你自己的图片地址即可，代码格式请直接复制，勿要随意改变。

2，首页关于vip板块的使用

请到themeolsm配置中的首页配置里找到“首页VIP”设置表格里，写入以下代码：

备：大家只需将下方代码中的文字信息和href=""中的url地址换成你自己的即可，直接填入表格中。

<div class="vip-item item-1">
    <h6>包月VIP</h6>
    <span class="price">50<small>积分</small></span>
    <p class="border-decor"><span>1个月</span></p>
    <ul>
        <li>每天可下载5个VIP资源</li>
        <li><del>原价80积分</del></li><li>部分资源免费下载</li>
    </ul>
    <a href="" class="btn btn-small signin-loader">立即升级</a>
</div>

<div class="vip-item item-2">
    <h6>包季VIP</h6>
    <span class="price">100<small>积分</small></span>
    <p class="border-decor"><span>3个月</span></p>
    <ul>
        <li>每天可下载10个VIP资源</li>
        <li><del>原价120积分</del></li>
        <li>部分资源免费下载</li>
    </ul>
    <a href="" class="btn btn-small signin-loader">立即升级</a>
</div>

<div class="vip-item item-3">
    <h6>包年VIP</h6>
    <span class="price">200<small>积分</small></span>
    <p class="border-decor"><span>12个月</span></p>
    <ul>
        <li>每天可下载15个VIP资源</li>
        <li><del>原价300积分</del></li>
        <li>部分资源免费下载</li>
    </ul>
    <a href="" class="btn btn-small signin-loader">立即升级</a>
</div>

<div class="vip-item item-4">
    <h6>终身VIP</h6>
    <span class="price">500<small>积分</small></span>
    <p class="border-decor"><span>永久</span></p>
    <ul>
        <li>每天无限制下载VIP资源</li>
        <li><del>原价650积分</del></li>
        <li>全站免费下载</li>
    </ul>
    <a href="" class="btn btn-small signin-loader">立即升级</a>
</div>

3，页脚信息的设置

到themeolsm配置中的页脚配置中，你会看到“页脚导航”和“页脚版权”两个设置表单，这时大家只需要将下方代码对应输入到表格即可

备：请将其中的url和文字信息修改为你自己的。

①导航代码

<div class="about">
    <h2 class="title">关于我们</h2>
    <p>主题OL是国内极具人气的ZBlog主题下载平台，2012 年成立至今，一直专注于设计师的学习成长交流。 我们通过主题OL沉淀优质设计知识的同时，更率先试水新媒体领域。这里是你的网站介绍，具体文字字数大家可以根据实际情况而定</p>
</div>
<div class="navis">
    <div class="navi">
        <h2 class="title">热门频道</h2>
        <ul>
            <li><a href="" target="_blank">文章专题</a></li>
            <li><a href="" target="_blank">设计神器</a></li>
            <li><a href="" target="_blank">设计软件</a></li>
            <li><a href="" target="_blank">免费教程</a></li>
            <li><a href="" target="_blank">免费素材</a></li>
            <li><a href="" target="_blank">免费下载</a></li>
        </ul>
    </div>
    <div class="navi">
        <h2 class="title">设计灵感</h2>
        <ul>
            <li><a href="" target="_blank">主编推荐</a></li>
            <li><a href="" target="_blank">UI kit</a></li>
            <li><a href="" target="_blank">XD模板</a></li>
            <li><a href="" target="_blank">sketch素材</a></li>
            <li><a href="" target="_blank">ps素材</a></li>
            <li><a href="" target="_blank">插画素材</a></li>
        </ul>
    </div>
    <div class="navi">
        <h2 class="title">服务支持</h2>
        <ul>
            <li><a href="https://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes" target="_blank">联系我们</a></li>
            <li><a href="" target="_blank">广告投放</a></li>
            <li><a href="" target="_blank">入驻本站</a></li>
            <li><a href="" target="_blank">作者投稿</a></li>
            <li><a href="" target="_blank">友链申请</a></li>
            <li><a href="" target="_blank">意见反馈</a></li>
        </ul>
    </div>
    <div class="navi">
        <h2 class="title">联系我们</h2>
        <ul>
            <li><a href="https://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes" target="_blank">业务合作</a></li>
            <li><a href="https://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes" target="_blank">联系客服 (说明需求，勿问在否)</a></li>
            <li><a href="" target="_blank">在线留言</a></li>
            <li><a href="" target="_blank">加入QQ一群（验证: ztol）</a></li>
            <li><a href="" target="_blank">加入QQ二群（验证: ztol）</a></li>
            <li><a href="" target="_blank">加入QQ二群（验证: ztol）</a></li>
        </ul>
    </div>
</div>

说明：QQ群链接形式大家可以直接百度“网页打开QQ群”这个关键词即可。

②版权代码

Copyright © 2020 <a href="https://www.themeol.com" rel="home"> 主题OL-THEMEOL</a><span>・ </span><a rel="nofollow" target="__blank" href="http://www.beian.miit.gov.cn">皖ICP备19010632号-1</a><span> ・ </span>皖公网安备 34162202000270号

最后，如果大家还有什么不懂的地方，可以直接点击右侧在线客户联系我咨询即可。主题使用不难，只要设置了一次，那么下次就一切不是问题了。