主题特色

部分特色功能

模块及古腾堡块

以下展示部分以支持的模块及古腾堡块，更多模块还在持续添加中…

购买说明

• 最新版本：V2.1
• 最后更新：2020.4.8
• 兼容浏览器： IE9及以上, Chrome, Firefox, Opera, Safari, 360, Edge等主流浏览器
• 主题更新：永久免费更新
• 售后服务：加官方售后群，一对一技术指导
• 购买流程：在本页面下单支付-个人中心创建授权

主题授权

主题推广阶段，现在购买可享受3个域名授权

如果您需要授权的是顶级域名，则赠送WWW.的二级域名，如果你授权的是二级域名则不赠送

举例：
你需要授权：zibll.com 那么 www.zibll.com 也可以用
你需要授权：blog.zibll.com 那么 www.zibll.com 和 zibll.com 都不可以用
三个域名授权同理

授权的域名今后可以免费更换，但是要确认本人使用非转让！

子比主题已经集成了Font Awesome 图标，您可以在全站使用Font Awesome图标而无需任何插件。

要使用Font Awesome图标教程十分简单，如图所示，仅需两步：

具体方法请参看：在菜单插入图标教程

一、新建Iconfont项目

接下来我们就一步一步的教大家如何在使用阿里巴巴Iconfont图标

Iconfont 支持GitHub帐号登录，登录之后你就可以寻找自己需要的图标啦

首先呢，寻找自己的需要的图标，通通点进购物车！

再把购物车的图标加入到项目，如果还未创建项目，那就新建一个就是了

二、网站集成

使用 Iconfont图标 图标官方也有详细的教程，同时官网提供三种集成方式：Unicode、class、Symbol。这三种集成方式各有优劣势，具体请查看官方教程

这里我推荐使用 Symbol 的方式集成到网站中，当然你也按照官方的教程使用其它方式集成

第一步：将刚刚新建的项目生成 Symbol 接入链接，并复制

第二步：将代码保存到主题设置

将以下代码中的链接替换为您刚刚复制的链接，然后 进入 主题设置-自定义代码-自定义底部代码 ，粘贴后保存主题设置

<script src="//at.alicdn.com/t/font_1706672_oa811wlg9gl.js"></script>

简单吧！网站集成 Iconfont图标 就已经全部搞定了！接下来就是使用 Iconfont图标 了！

提醒：请勿直接将代码写入到主题源码，已更新就没了。

三、使用 Iconfont图标

在已经添加到你项目中查找图标并复制图标代码，然后按照下面的格式替换href="#iconxxx"中的图标代码，将代码插入到你需要显示图标的地方！

<svg class="icon" aria-hidden="true"><use xlink:href="#iconxxx"></use></svg>

还是按照在导航菜单中添加图标为例：

最后我们看看效果吧！

是不是很简单啊，接下来我我们再试试在文章中插入

使用古腾堡编辑器需要将内容转换为HTML编辑，然后再复制图标代码：

使用经典编辑器也是需要先转为HTML编辑，再将图标代码复制到所需位置：

主题设置中的部分内容也是支持的喔！例如在加载更多的文案中插入

教程结束，赶紧试试吧

更新日志

明天是个特殊日子，今天很多朋友在讨论这个网站变灰的方法，甚至还用到了插件….

使用子比主题仅需简单一步！请看图

代码如下：

html{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

结束！

期待已久的文章付费功能已经来了。作为一款资讯阅读类的优质主题，付费阅读、付费下载、付费VIP等功能是必不可少的，子比主题本次更新则带来了付费相关的新功能。现在无需任何插件，开心的建站收钱吧

简略介绍

• 支持付费阅读功能
• 支持付费下载功能
• 支持免登陆购买
• 移动端支持支付宝APP跳转购买
• 支持微信内购买
• 完全自定义购买卡片的文案
• 后台统计数据、订单明细显示
• 用户中心统计数据、订单明细显示

目前已接入的收款方式

• 虎皮椒（无需营业执照，申请方便）
• 陆续接入中

功能设置截图

使用教程

支付设置

进入后台-主题设置-支付设置

在这里设置一些基本功能，以及设置接入方式，并填写相关的ID和秘钥

请注意收款接口设置，在这里分别选择微信和支付宝的收款方式，也可以关闭对应的收款方式
比如你只想用支付宝，那么把微信的接口关闭就行了

虎皮椒接入

虎皮椒是讯虎旗下的支付接口，主要特色就是无需营业执照，无需企业，申请十分简单！
支持扫码支付、JSAPI支付、小程序支付，同时无需挂机，无需提现，收款T+1直接到银行卡
缺点呢就很纯粹了，要收费！借用虎皮椒官方的话： 这世上最贵的就是免费，请珍惜你宝贵的时间。。

接入方式：在虎皮椒官网签约之后-将对应的APPID和秘钥填入对应的设置-保存
设置收款接口为虎皮椒

资源设置

你可以在后台编辑文章的最下方找到付费功能设置

付费阅读

1. 勾选付费模式为付费阅读
2. 设置付费价格以及其它信息(非必填项可以不用填)
3. 在文章中插入 付费隐藏内容

使用古腾堡编辑器插入付费阅读内容

推荐使用古腾堡编辑器插入，请注意 古腾堡 付费阅读块 分为开始和结束两个快，请不要忘记了。

使用经典编辑器插入 付费隐藏内容

您可使用短代码的方式插入 付费隐藏内容

这里是隐藏的内容

付费下载

1. 勾选付费模式为付费资源
2. 设置付费价格以及其它信息(非必填项可以不用填)
3. 填写下载链接

下载链接填写的格式和要求：

1. 一行一个按钮，需要几个按钮就填写几行
2. 每一行的格式（用竖线 | 分开)： 链接 | 按钮显示的文字 | 更多内容 | 颜色代码
3. 每一行的链接是必填项，其它的可以不用填
4. 在只填写了链接的情况下，会自动匹配常用的网盘并设置按钮的图标、颜色
5. 网盘链接则跳转下载，本地链接则直接下载（本地下载地址是加密隐藏的）
6. 本地链接支持填写相对地址
7. 颜色代码请填写 1-5 的数字，分别为：红、橙、蓝、绿、紫

格式模板：

http://xxxx.com/wp-content/uploads/zibpaydown/a2d6e86fdf47.jpg|本地连接|这里是简介|5
http://onedrive.com/a2d6e86fdf47.jpg|onedrive|支持多多地址插入
http://pan.baidu.com/download/sdfasd|百度网盘|提取密码：XXXX
http://www.lanzou.com/sdfgsdf
http://docs.qq.com/doc/DQUlVeWtDdUdad3B2
/wp-content/uploads/2020/03/文件.zip

其它设置

标题：可选项，单独设置付费内容的标题，支持HTML代码，默认显示当前文章为标题

简介：可选项，单独设置付费内容的简介，支持HTML代码，默认显示付费类型的介绍

更多详情：可选项，显示在付费卡片下方的内容，可插入版权信息、下载提示等内容，支持HTML代码

额外隐藏内容：可选项，购买后显示在付费卡片下方的内容，可插入解压密码等隐藏内容，支持HTML代码

建议：以上可选项均可使用HTML代码，如果您你懂HTML代码，可以直接填文字就行，留空效果也佳

订单统计

截图展示：

开发计划

• 接入更多的收款方式
• VIP系统
• 积分系统

在线体验

主题菜单分为PC端顶部导航和移动端菜单两个部分，可单独设置

导航菜单样式设置

进入主题设置-顶部导航

电脑端样式

电脑端顶部导航有三种布局可选择，同时您可以设置是否固定在顶部

实际显示效果：

手机端样式

移动端顶部导航有两种布局选择，弹出菜单有可选择弹出方向

截图展示：

顶部导航支持自定义背景色和前景色，如需了解请点击下方按钮

添加菜单及设置

进入Wordpress后台-外观-菜单

在这里你可以新建菜单-并分别设置移动端和PC端的菜单

主题提供PC端菜单和移动端菜单独立设置功能（也可以只设置一个），你可以按需进行设置！为了达到更好的效果，设置菜单有一下几点请注意：

1. PC端菜单的一级菜单不要太多，太多会导致换行显示错位
2. 移动端菜单最多只支持二级菜单，如果添加了三级菜单则不会显示
3. PC端菜单支持多级显示，但建议不要超过二级

菜单使用图标

主题自带了Font Awesome 4.7 图标，你可以在菜单插入任意的 Font Awesome 4.7 图标而无需安装任何插件

第一步：找到你想要插入的图标代码，并复制

你可以使用此网站找到全部的图标代码，选择一个图标并复制图标代码：

第二步：粘贴在菜单名称内

搞定，保存看看效果吧！

同时除了主题自带的 Font Awesome 图标之外，您也可以插入其它图标，例如Iconfont-阿里巴巴矢量图标，当然这就需要安装对应的插件或者插入一些自定义代码了。

插入Iconfont图标教程

插入Iconfont图标是十分简单的，阿里巴巴也给出了十分详细的教程。如果您需要在导航菜单中也插入插入Iconfont图标，请点击查看一下教程！

网站必要图像设置

您可以在前台登录之后点击右上角主题设置或进入Wordpress后台-在右边找到Zibll主题设置。

选择全局核心，按照顺序选择您的LOGO、图标图像，保存即可

注意：主题拥有夜间模式和日间模式，则logo图像也做了对应的区分，分别选择日间模式和夜间模式的图像前端会根据当前显示模式实时切换。如果您的logo配色能同时适应日间模式和夜间模式，则仅需设置日间模式的图像即可。

布局设置

进入主题设置-主题显示

首先选择需要显示侧边栏的位置，再选择侧边栏显示在左边还是在右边显示。未开启侧边栏的位置则显示为全宽模式

主题显示及配色

进入主题设置-主题显示

日间模式及夜间模式

主题拥有日间模式及夜间模式显示效果，默认为自动根据时间切换。晚上显示为夜间模式，白天显示为日间模式。你可以在此修改显示模式。同时也可以设置是否在前端显示切换按钮

全局主题配色及样式

进入主题设置-主题显示

全局主题配色主要应用于前端的高亮颜色，例如连接颜色、鼠标划过颜色、默认标题颜色。你可以选择预制颜色或者选择自定义颜色（注意：如果自定义颜色有内容则勾选的预置颜色则无效，如需重新选择预置颜色，请先清空自定义颜色【如图所示】）

全局圆角运用于前端所有卡片的圆角尺寸，推荐4px或者8px

全局loading动画指页面在加载前显示的动画，让页面切换拥有过度动画效果。主题自带十种动画效果部分效果如下：

顶部导航及底部页脚配色

进入主题设置-主题显示

顶部导航及底部页脚配色分为背景色和前景色（文字颜色）配色，主题默认为白色背景和黑色前景色。如果需要自定义则勾选自定义配色

主题预置了6款渐变背景配色，您也可以选择自定义颜色。

注意：修改此配色请一定注意背景色和前景色的搭配以及LOGO颜色的搭配，深色背景则选择白色的前景色

主题自带的渐变配色展示

子比主题正式版在本月20号已正式发布，当天销售200+份，可见大家对子比主题的喜爱和信赖。

子比主题作为一款资讯类主题，深度优化写作和阅读体验。当然作为站长，优质的文章和内容都需要获得打赏或者其它方式的收入。所以支付系统、vip系统、付费阅读功能等功能也是子比主题接下来的开发重点！

关于接入的支付接口，考虑到更新进度。子比主题首次接入可能不会接入太多接口，所以再次征集一下大家的意见

目前已经加入待考虑范围

• 支付宝、微信官方接口（微信比较难申请）
• 支付宝当面付（个人用户可申请）
• 虎皮椒
• 讯虎
• 有赞云
• 码支付

您觉得子比主题应该优先接入什么接口呢？

欢迎大家在下方留言，并说明一下原因

3月20日子比主题正式发布，当天共计销售主题200+份。

子比主题前期未做任何推广，有这样的成绩离不开用户的支持和帮助，当然这也说明大家喜欢这个产品、相信它今后会越来越好

子比主题现在刚刚发布，还有很多的不足，也缺少市场的关注。所以，如果您也喜欢这款主题，或者被这个标题吸引了！

ok，请与我联系！

合作共赢

活动说明

推广也就是帮助子比主题做一些宣传，这个很简单。不限制平台、不限制方式。你可以在您的网站帮我推广、也可以在知乎、简述等平台写点推文、再或者在相关论坛、贴吧发个帖等等都是可以的！只要能帮子比主题做有限宣传，都可以！

推广返现仅适用于购买主题抵扣！

如果您还有其它的合作方案，欢迎详聊

Zibll子比主题专为阅读类网站开发，设计简约优雅、功能全面。UI界面模块化、多种布局、多种显示效果可选择，高度自由化，更容易搭配出自己喜欢的网站。整体的开发理念都是围绕着阅读体验！减少花里胡哨的沉郁功能，把核心都集中在内容上。页面的布局、间距、功能都精心设计，只为让页面浏览更加自然，让用户更加易于阅读，让作者更加易于写作。

主题特色

部分特色功能

模块及古腾堡块

以下展示部分以支持的模块及古腾堡块，更多模块还在持续添加中…

主题特色简介

主题购买

• 主题售价：399元 合作购买：199元
• 最新版本：V2.0
• 最后更新：2020.3.20
• 兼容浏览器： IE9及以上, Chrome, Firefox, Opera, Safari, 360, Edge等主流浏览器
• 主题更新：永久免费更新
• 售后服务：加官方售后群，一对一技术指导

购买说明

主题授权

主题推广阶段，现在购买可享受3个域名授权

如果您需要授权的是顶级域名，则赠送WWW.的二级域名，如果你授权的是二级域名则不赠送

举例：
你需要授权：zibll.com 那么 www.zibll.com 也可以用
你需要授权：blog.zibll.com 那么 www.zibll.com 和 zibll.com 都不可以用
三个域名授权同理

授权的域名今后可以免费更换，但是要确认本人使用非转让！

安装前准备

推荐的Wordpress设置

• 设置网站伪静态【后台-设置-固定连接-设置为自定义结构】[有助于SEO优化]
• 设置缩略图尺寸【后台-媒体-图像大小】建议将中尺寸设置为500×330
• 开启评论分页显示以及评论显示顺序【后台-讨论-】

获取主题安装包

目前网站的支付系统还在开发中，获取主题请加微信或者QQ

安装教程

安装子比主题推荐使用Wordpress后台上传安装的方式！当然您也可以用FTP上传等方式来安装都是可以的

WordPress后台安装子比主题流程

1. 准备好已经获取的主题.zib格式文件
2. 进入 WordPress后台 – 外观 – 主题 – 点击添加主题
3. 点击上传主题，选择准备好的 主题.zib格式文件
4. 等待上传完毕之后-点击启用子比主题

首次配置指引

主题启用之后先别急，部分功能还未生效呢！接下来推荐您按照这几点一步一步的熟悉这个强大的主题

一、完成主题授权

主题安装之后的第一步就是主题授权，这一步很简单，主题采用授权码+域名的方式验证。当然您只需要准备好授权码就行了

主题启用之后，会在自动跳转到授权验证页面，如未自动跳转请依次点击进入：zibll子比主题设置-主题授权

如图所示，然后如果您购买主题时的授权码并确认即可

授权验证注意事项

1. 主题提供本地测试免授权功能，在本地测试时无需授权
2. 授权验证需授权码与授权域名匹配才能验证成功
3. 如果遇到授权出错，请与我联系

二、必要的主题设置

主题授权验证通过之后，就可以进行主题设置以及模块配置了，主题的功能十分强大，但是配置起来也是十分简单的。

主题配置主要分为三大部分：后台设置、界面配置、文章配置

详细配置教程请查看主题文档，这里推荐您必做的几个设置

设置导航菜单

新主题启用之后是没有导航菜单的，页面最顶部也就会空空的。您可以点击前端页面顶部的添加导航菜单按钮，也可以在后台-外观-菜单，添加菜单

主题提供PC端菜单和移动端菜单独立设置功能（也可以只设置一个），你可以按需进行设置！为了达到更好的效果，设置菜单有一下几点请注意：

1. PC端菜单的一级菜单不要太多，太多会导致换行显示出错
2. 移动端菜单最多只支持二级菜单，如果添加了三级菜单则不会显示
3. PC端菜单支持多级显示，但建议不要超过二级
4. 菜单支持插入Font Awesome图标以及自定义Class样式[具体教程正在整理中]

主题设置

子比主题的开发理念就是高度自由化，所以主题可设置内容就太多了，首次使用主题可能会感觉有点复杂，那么建议您先做以下的一些必要设置，其它的保持默认即可，然后再慢慢熟悉吧

• 设置必要的图像：LOGO、图标
• 设置核心的SEO内容
• 设置页脚内容以及联系方式
• 设置首页多栏目内容
• 设置分页标签页的AJAX菜单内容

另外呢，如果您的网站是一个全新的网站，建议先新建文章分类、文章标签、文章专题，如果没有的话，部分关联的主题设置将会没有选项喔

界面定制：模块配置

子比主题最大的功能莫过于UI模块化配置了，使用模块可以搭配出各种各样的页面效果，从而实现高度自由化

模块配置其实也很简单，你简单的理解为将任意模块插入任意位置，所以这个功能主要就是模块和位置

页面的布局位置主要分为：顶部全宽度、顶部内容区域、底部内容区域、底部全宽度、侧边栏

这些页面布局位置每一个页面类型均可单独插入不同模块

当然还有其它扩展位置：底部页脚内部、移动端弹出菜单内部

你可以在前端点击左上角模块配置快速进入可视化配置界面，每个模块都有丰富的自定义功能，使用可视化配置，页面效果可实时预览

更新主题

WordPress后台更新

1. 进入Wordpress后台-外观-主题
2. 切换到其它任意主题
3. 删除现有的子比主题
4. 上传新版的子比主题.zip压缩文件
5. 启用新主题

使用此方法更新主题，不会造成任何配置数据丢失！但是如果您修改过主题源码文件，那么必须先保存您修改的内容！

文件覆盖更新

1. 使用FTP等文件管理器进入Wordpress主题存放目录：.../wp-content/themes/
2. 用新版主题文件解压缩后覆盖zibll文件夹内容

如果您修改过主题源码文件，请自行备份！

申请要求

• 您的网站已稳定运行，且有一定的文章量
• 原创、技术、设计类网站优先考虑
• 使用子比主题的网站优先
• 您需要将本站链接放置在您的网站中

申请方法

请在下方评论中将您网站信息（包含名称、简介、网址、方形图标链接）提交

本站信息示例：

• 名称：Zibll子比主题
• 简介：更优雅的Wordpress网站主题
• 链接：https://www.zibll.com
• 图标：https://oss.zibll.com/zibll.com/2020/03/favicon-1.png