主题特色

部分特色功能

模块及古腾堡块

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

购买说明

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

主题授权

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

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

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

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

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

主题特色

部分特色功能

模块及古腾堡块

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

主题特色简介

主题购买

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

购买说明

主题授权

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

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

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

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

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

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

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

目前已经加入待考虑范围

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

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

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

新功能需求提交

主题最近更新很快，大家提到的功能很多都已近实现了，提交需求之前请先看一下更新日志和下面的留言，尽量就不要重复提交啦！

对子比主题有什么期待？欢迎留言谈论

更新日志

在V2.0版本更新后，加入优雅的支付体验，带来了全新的付费下载和付费阅读功能，极大的方便了站长做付费内容。

在V3.0版本更新后，子比主题带来了全新的VIP会员系统，支持多级会员、会员属性设置、会员单独定价等功能。通过付费资源和会员系统搭配，就大大的增加了网站的互动性，也让子比主题正式的走进资源主题的行列！

目前会员系统的功能及特色：

• 支持两级会员分级，可独立选择是否开启
• 每一级会员均支持自定义会员名称（例如黄金会员、钻石会员等）
• 支持自定义会员简介、权益设置
• 每一级会员均支持最多4个会员商品
• 每一个会员商品均可独立设置价格、有效期、促销活动等
• 站内的所有资源均可针对不同的级别的会员单独定价
• 前台开通会员的流程一气呵成、优雅自然
• 已开通会员的用户均有徽章显示
• 网站管理员可在后台管理任意用户的会员信息

会员系统主要的三个开发逻辑：

1. 会员属性 （自定义设置会员的名称、简介等）
2. 会员商品 （自义定用户可以购买的会员商品）
3. 会员特权 （自义定不同会员享受的不同资源价格）

通过这三个逻辑，整个会员系统就十分的清晰简单了，同时又拥有了高度的自由化，更加容易实现各种不同类网站的需求，那么接下来我们围绕这三点开始详细教程！

会员属性设置

准备工作：使用会员功能，请务必保证支付收款系统正常使用，不然怎么购买会员呢？设置教程请查看以下文章：

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

老唐3月前

5339124

580/580

进入主题设置-商城设置

在此处请设置好开通会员的简介和开通会员的详细说明（ 可以为提醒事项、用户协议等，支持HTML代码 ）

接下来再根据需要 选择开启一级会员和二级会员，当然请注意以下几点：

• 一级会员和二级会员都关闭，则相当于关闭了会员功能
• 如果只需要一个会员分级，请开启一级会员关闭二级会员
• 也就说不能开启二级会员而关闭一级会员
• 会员分级开关最好一开始设置好后就尽量不要修改，以免后期用户会员信息错误

会员商品设置

会员商品设置也就是用户可以购买的会员商品，你可以理解为淘宝购物的商品选项，而这一部分的功能设置是可以搭配多种组合的

• 每一级会员可以设置最少1个最多4个商品选项（可任意开关）
• 每个商品选项都可以单独设置价格和会员有效期
• 执行价不允许为0！
• 有效期选0则为永久有效

通过修改会员商品选项的有效期和会员名称，可以有多种组合搭配，举几个例子大家参考一下：

• xxa网站只有一种会员：贝壳VIP，购买会员时候，不同价格享受的会员有效期不同
• xxb网站有两种会员：黄金会员和铂金会员，购买的时候不同价格购买的会员不同，但是都是永久有效
• xxc网站有两种会员：包月会员和包年会员，购买的时候不同价格购买不同有效期的会员

会员权益设置

针对不同级别的会员，文章的付费内容是可以单独定价的，当然也可以设置为0元，则为XX会员免费

付费内容特权

设置的方法非常简单，编辑文章时在下方的付费功能中设置对应会员的价格即可！设置为0则为该会员免费！

隐藏内容特权

除了付费内容之外呢，主题本次更新新增了全新的古腾堡块-隐藏内容快，你可以在文章中插入部分隐藏内容，同时你可以设置隐藏可见的模式：

• 登录可见
• 评论可见
• 付费阅读可见（此模式则依靠付费功能设置）
• 一级会员可见
• 二级会员可见

其它功能

到这里教程部分就结束了，会员系统在前端用户中心会显示用户的会员信息和订单信息，在此就不一一介绍了，下面展示部分截图

安装前准备

推荐的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文件夹内容

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

网站已经做好了，但是怎么不能发送邮件呢？这是主题的bug吗？还是wordpress的bug?

其实都不是，最大的bug可能就是你的主机了，一般主机都不支持默认都不支持邮件发送的

但是还好，可以使用SMTP来发送邮件。子比主题有很多功能也是需要发送邮件的，比如找回密码、下单通知、邮箱验证码等等。所以一个网站发送邮件的功能是必不可少的！

子比主题已经内置了SMTP功能，所以其他同类型插件可以删除了！

使用教程

使用 SMTP功能 需要以下几个参数：

1. 发件人邮箱帐号（就是你的邮箱号）
2. 邮件服务器地址
3. SMTP服务器端口号
4. SMTP服务器邮箱密码
5. 可选设置：加密方式和SMTPAuth服务

获取以上参数，大多数的邮箱服务商都差不多，接下来我以国内使用较多的QQ邮箱为例一步一步的教大家使用 SMTP 功能

获取参数

在浏览器登录QQ邮箱，找到邮箱设置-账户设置-开启SMTP服务

接下来点击下方的生成授权码，获取邮箱密码（需要验证短信）

ok，我们所需要的设置以及密码都全部准备好了。那么还有服务器地址、端口号又是什么呢？

服务器地址、端口号 、加密方式百度一搜就有了。相同邮件服务商都是一样的，以QQ为例：

• 邮件服务器地址 ：smtp.qq.com
• 邮件服务器端口 ：465
• 加密方式：ssl

子比主题设置

进入后台-主题设置-邮件设置：将我们刚刚获取的信息填入对应的地方保存即可

愉快的结束教程吧

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

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

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

熟悉古腾堡编辑器

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

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

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

子比主题模块

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

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

模块展示

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

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

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

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

官方-标题快-H1

官方-标题快-H2

官方-标题快-H3

官方-标题快-H4

亮点块

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

按钮块

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

引言块

提醒框

文章块

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

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

老唐4月前

44416251

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;
}

模态框模块

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

扩展功能

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

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

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

子比主题自带强大的图片的灯箱功能，点击文章内的图片将自动打开图片的原图，即图片灯箱功能！

主题的灯箱功能分为两种模式：单图放大模式、画廊幻灯片模式

解释一下这两种模式： 单图放大模式 也就是点击图片弹出此图片的原图，再次点击关闭。 画廊幻灯片模式 是由多张图片为一个组合，点击任意一张图则弹出这些图的幻灯片灯箱，可以切换上一张、下一张

功能介绍

此功能采用全自动图片识别，且支持全局动态加载。解释一下：当你在未点击图片时候，页面不会加载此功能的任何文件，当你点击图片之后，自动添加JS文件->创建灯箱->弹出灯箱->最后再动态加载原图，这样的流程全程不到0.5秒，但可极大的优化文章打开的速度，图片越多越明显！另外，即使文章内使用的是缩略图，灯箱也会自动搜索原图并显示，真正实现查看原图的功能，而不仅仅是图片放大而已。

另外两种模式的功能区别

单图放大模式：点击弹出、再次点击关闭、支持下滑关闭

画廊幻灯片模式：点击弹出、再次点击空白处关闭、支持双击缩放、双指缩放、键盘左右切换、下滑关闭

评论的图片算不上画廊，所以评论图片仅支持 单图放大模式

使用方法

主题默认开启此功能，设置位置：主题设置-文章页功能-文章功能-图片灯箱

单图放大模式使用就不说了，默认即可

使用 画廊幻灯片模式 仅需在编辑图片时候将图片链接到媒体文件即可，提醒：古腾堡自带的图片块不支持设置图片链接到，使用画廊块即可

同时 画廊幻灯片模式 还支持直接填入图片链接打开灯箱，点击下方按钮体验

最后我们随意加几张图片，方便大家体验

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

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

1.找到主题的幻灯片块

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

2.选择画廊图片插入

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

3.设置幻灯片参数

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

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

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

4.显示灯箱

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

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

注意事项：

1.选 公钥 时一定要选支付宝公钥！支付宝公钥！支付宝公钥！

2.APPID在左边！在左边！在左边！

3.其他没用到的请不要填写以免出现BUG

1.打开支付宝开放平台并登陆

2.点击开发者中心

3.选择网页&移动应用后点创建应用，选择应用类型选的是支付接入

4.接下来随便填即可

5.选择你创建的应用选择当面付并签约，审核很快一般也就2-3分钟。（签约需要提供营业执照照片以及门店招牌/门店照片随便在网上照一张就可以了）

6.第五步：设置接口加签方式（也就是支付密钥和公钥）

首先，我们先下载支付宝开发工具并安装：

1、安装后打开开发工具并选择生成密钥。（如图所示）

2.生成好的密钥

4、生成密钥后，就可以在应用的开发配置页面进行配置。点击 设置 后，复制上一步生成的公钥，点击 保存设置，即可完成公钥的设置，如下图所示。

   注意：

一定要选下面的公匙

5.填写应用APP-ID以及在开发者工具生成的—应用私钥、应用公钥。（填写到对应的框内即可）

进入主题设置-商城设置-填写对应的信息即可

文章转载自： 子比主题设置支付宝当面付及注意事项！——咕咕工作室