主题特色

部分特色功能

模块及古腾堡块

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

购买说明

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

主题授权

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

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

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

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

海报分享功能，简单的说就是把文章生成一张带有二维码链接的图片，方便在社交软件进行分享。一般说需要插件才能实现此功能，但是子比主题自带此功能，全自动生成，使用简单、简洁好看

功能设置

• 在Wordpress后台-主题设置-文章页功能：开启生成海报分享功能
• 同时设置好默认的默认图像、logo和 底部文案
• 保存后在每一篇文章的分享按钮中就会增加 海报分享 按钮啦【查看截图】

解决图片跨域问题

如果您网站的图片是保存在云储存上，例如阿里OSS，腾讯OCS，七牛云等等，并且此功能一直显示加载中而不能生成图片！那么请继续往下看！

这是什么原因造成的呢？简单的说就是因为浏览器安全策略导致跨域的图片不能加载！解决的方式也十分简单，给图片添加Access-Control-Allow-Origin请求头即可！

很简单，也就几步搞定，以下我就按照阿里云OSS为例详细的教大家设置此功能！其它云储存都差不多

1.登录阿里云对象储存OSS控制台，选择你的Bucket，找到跨域设置

2.按照下面截图设置保存！

3.重点请注意！

设置好跨域规则前，已经上传的图片是无效的！
设置好跨域规程后 ，新上传的图片才有效！

所以，大家懂了吧，此功能需要获取文章的特色图像，所以设置好跨域规则前上传的特色图像，就需要重新上传一下啦
我自己测试阿里云OSS是这样的，其它的云存储请自己测试一下！

4.最后细节

如果完成了上面的教程，还是不能生成！
那么请检查一下是不是服务器或者宝塔等管理程序屏蔽了POST请求！

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

主题特色

部分特色功能

模块及古腾堡块

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

主题特色简介

主题购买

• 主题售价：399元
• 兼容浏览器： 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
• 开启评论分页显示以及评论显示顺序【后台-讨论-】

获取主题安装包

在官网购买后，转至用户中心-授权：下载主题压缩包

安装教程

安装子比主题推荐使用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文件夹内容

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

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

简略介绍

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

目前已接入的收款方式

• 虎皮椒（无需营业执照，申请方便）
• 码支付
• 支付宝官方、支付宝当面付
• 微信官方（微信企业支付）

功能设置截图

使用教程

支付设置

进入后台-主题设置-商城设置

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

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

虎皮椒接入

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

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

码支付接入

码支付也是无需营业执照就，个人就能申请的支付方式，接入方便

接入方式：在码支付官网设置完成之后-将对应的码支付ID、通讯秘钥和 Token 填入对应的设置-保存
设置收款接口为码支付

资源设置

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

付费阅读

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代码，可以直接填文字就行，留空效果也佳

订单统计

截图展示：

在线体验

之前我们已经简单的介绍了古腾堡模块了，在子比主题V3.1版本更新后，带来了全新的隐藏内容模块。取代了之前的 隐藏内容-评论可见块和付费阅读块，同时还增加了登录可见以及仅会员可见的隐藏模式！

顾名思义，隐藏内容块就是把内容隐藏，满足一定条件后才可以查看。

支持的功能

• 付费阅读可见
• 登录可见
• 评论回复可见
• 一级会员可见
• 二级会员可见

使用教程

使用十分简单，一共三步

1. 选择 隐藏内容（新版）块
2. 插入需要隐藏的内容，支持插入任意内容和其他模块
3. 设置隐藏可见模式

如图所示：

注意事项：

• 选择付费阅读，则必须和文章的付费阅读功能配合使用
• 选择会员可见，则必须和网站的会员功能配合使用

了解会员功能和付费阅读功能可以查看以下文章

Zibll子比主题-VIP会员系统详细使用教程[新功能]

老唐3月前

23234241

767/767

Zibll子比主题付费阅读、付费资源功能详解[图文教程]

老唐5月前

86571120

580/580

扩展使用

此功能其实还支持短代码的，但是不推荐使用。

如果需要请按照以下格式使用段代码：

子比主题才用模块化的开发理念，让页面更加的自由化。页面布局可使用小工具模块，那么文章内则使用古腾堡块。

古腾堡编辑器是Wordpress5.0版本开始引入使用的一个全新编辑器，这个编辑器岂止于强大，当然呢也有很多习惯了经典编辑的朋友再使用古腾堡编辑器觉得很不顺手，没错我刚开始使用古腾堡编辑器时候也是这样的。但是这个编辑用了你就会后悔，后悔没有早点用！

这片文章就带大家熟悉古腾堡编辑器，以及主题的编辑器扩展

熟悉古腾堡编辑器

使用Wordpress 5.0及以上版本，新建文章、页面的编辑器就是古腾堡编辑器了，

左上角可以添加块功能-右侧则是选中块的设置项

古腾堡自带模块已经很丰富了，能实现大部分的文章编写功能，建议每一个都试一下，这样慢慢就熟悉了

子比主题模块

在添加模块的时候，划到最下方就能看到子比主题的块了，每一个模块都有相应的介绍。选中某个模块之后，屏幕右侧则会出现该模块的设置选项

一样的推荐您每一个模块都是试一下，看看是什么效果，下面我也对子比主题的模块做一个展示

模块展示

首先是标题模块：支持自定义颜色

子比主题-标题块-默认颜色同全局主题色

子比主题-标题块-自定义颜色

子比主题-标题块-自定义颜色2

官方-标题快-H1

官方-标题快-H2

官方-标题快-H3

官方-标题快-H4

亮点块

亮点块用户图标和文字显示，用于展示亮点，建议4个一组使用

按钮块

通过按钮块快速添加各种样式的按钮。一共15种样式，每个样式可以选择是否圆角

引言块

提醒框

文章块

在文章内插入其它文章的模块

WordPress博客资讯类主题-Zibll子比主题[主题介绍]

老唐6月前

45262256

28/28

隐藏内容模块

隐藏内容块分为：评论查看和付费查看 两种

幻灯片模块

折叠框模块

代码高亮模块

//用于显示代码的模块，自动高亮，支持20+以上语言，支持显示行号、自定义主题、支持代码组显示
add_filter('get_avatar', 'zib_get_avatar', 1, 5);
function zib_get_avatar($avatar, $id_or_email, $size, $default, $alt)
{
	$user_id = zib_get_user_id($id_or_email);
	$custom_avatar = get_user_meta($user_id, 'custom_avatar', true);
	$alt = $alt ? $alt : get_the_author_meta('nickname', $user_id);

	$avatar = $custom_avatar ? $custom_avatar : zib_default_avatar();
	$avatar = preg_replace("/^(https:|http:)/", "", $avatar);
	$avatar = "<img alt='{$alt}' src='{$avatar}' class='lazyload avatar avatar-{$size}' height='{$size}' width='{$size}' />";
	return $avatar;
}

模态框模块

模态框也就是弹出框-使用此模块可以在文章中方便插入弹出的模态框

扩展功能

最后提一下小细节，也是我觉得古腾堡唯一不方便的地方。那就是居然不支持选择部分文字设置颜色….

所以主题也就有了这个功能……

选中部分文字，点此自定义颜色，设置颜色或者背景色，搞定

子比主题使用模块可以在任何位置插入幻灯片，那么如果要在文章内插入幻灯片怎么办呢？

对于文章内插入幻灯片一直都是Wordpress的难题，但是使用了子比主题，再搭配古腾堡编辑器，这就十分简单啦

1.找到主题的幻灯片块

在编辑文章或者页面时候，点击插入块-选择最下方的zibll块分类-选择幻灯片块

2.选择画廊图片插入

选择并插入图片就很简单了，就不截图了

3.设置幻灯片参数

点击幻灯片块右上角的设置图标，右侧即可出现幻灯片的设置选项

幻灯片支持5种动画显示，同时可以设置切换时间和其它设置

为了保证幻灯片图片的尺寸显示效果良好，建议调整长款比例实现最佳显示

4.显示灯箱

文章中所有图片点击都会弹出图片灯箱，如果您需要弹出的灯箱支持幻灯片，请将图片链接到媒体文件

提醒：所有文章图片均可这样设置以实现高级灯箱功能