子比主题
简约优雅的设计风格、模块化组件、商城支付系统
全面的前端功能、深度SEO优化、专注阅读体验
299399
  • 最新版本:V3.3
  • 更新时间:2020-07-15
  • 兼容WP:4.8及以上,推荐使用最新版
  • 兼用PHP:5.6及以上,推荐7.0及以上

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

主题特色

简约优雅的设计
现代化简约设计,更幼稚的阅读体验
前端用户功能
更全面的用户中心,VIP会员系统
模块化组件
可视化模块编辑,页面高度自由化
深度SEO优化
无需任何插件,更高的搜索引擎友好度
自定义主题
自带深色主题,头部、底部主题独立设置
强大的编辑器
超多的古腾堡编辑器块,超爽的写作体验
快!再快一点
代码逻辑深度优化、动态加载,让加载更快
超多实用功能
主题功能超200项,更符合国人使用

部分特色功能

  • 自定义网站图标、logo
  • 自带夜间模式主题
  • 三种网站布局,各页面布局独立设置
  • 全站seo优化,各页面独立seo设置
  • 百度资源实时推送,自动提交
  • 自定义全局主题色
  • 多种导航布局,电脑端手机端独立设置
  • 导航、页脚主题独立自定义
  • 全局加载动画
  • 前端登录、注册,自带社会化登录
  • 前端用户中心,修改资料、头像
  • 前端发布文章、独立打赏功能
  • 文章自动生成目录树
  • 文章图片灯箱、 文章高度限制
  • 文章点赞、收藏、文章封面设置
  • 多种文章格式:图片、画廊、视频、标准
  • 文章封面支持幻灯片显示
  • 文章列表多种显示模式:卡片、多图、幻灯片
  • 首页文章多栏目显示
  • 文章专题功能、首页专题列表显示
  • 首页幻灯片功能、支持参数自定义、支持显示在顶部导航内
  • 搜索热门关键词功能
  • 付费下载、付费阅读
  • VIP会员系统功能
  • 图像异步加载
  • 全站JS代码动态加载
  • 文章AJAX动态加载
  • 系统弹窗通知
  • 分类、标签、专题独立封面设置
  • 分类、标签、专题 独立AJAX列表
  • 自动获取缩略图、缩略图尺寸设置
  • 精彩一言功能,支持替换签名
  • 文章生成分享海报功能
  • 评论AJAX提交、AJAX反野
  • 评论支持插入表情、高亮代码、图片及自定义文案
  • 支持百度熊掌号功能
  • 多个自定义代码位置
  • 外链重定向转内链功能
  • 分类url去除category该功能
  • 大量Wordpress优化功能
  • 自在邮件SMTP功能
  • 全局代码高亮功能,10+高亮主题可选
  • JS框架文件CDN加速
  • 前端快速设置链接功能

模块及古腾堡块

主题页面构建采用模块化组件,可选择实时预览配置。可将模块插入到页面的不同位置,包括顶部全宽度、顶部内容区、侧边栏、底部内容区、底部全宽度、页脚内部、移动弹出菜单内等等,不同页面也可单独配置。
古腾堡块可在编辑文章、编辑页面的时候插入相关功能,支持实时预览、以及古腾堡的全部特性。方便作者写文章时实现更多的功能及样式

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

可视化模块

  • 核心文章列表模块,多种自定义搭配
  • 文章模块Mini,尺寸较小的文章列表
  • 文章目录树模块
  • 单行滚动文章列表模块
  • 多栏目文章列表
  • 多栏目文章列表mini
  • 幻灯片模块
  • 搜索框模块
  • 文章作者信息模块
  • 最近评论列表模块
  • 友情链接模块
  • 链接列表模块
  • 滚动通知栏模块

古腾堡块

  • 标题块(与主题标题样式同步)
  • 亮点块
  • 文章块
  • 引言块
  • 模态框、弹出框块
  • 折叠内容块
  • 高亮代码块
  • 隐藏内容快(评论查看、付费查看)
  • 提醒框块
  • 按钮块
  • 幻灯片块
  • 独立文字颜色工具
  • 独立文字背景色工具

购买说明

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

主题授权

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

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

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

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

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

顺便说一下此功能的加载方式,在主题功能介绍中就提到过:主题的功能也才用模块动态加载的方式,就是为了让页面加载更快!
那么到底是什么意思呢?此功能才用JS-canvas 绘图的方式,所需要的全部代码文件一共12KB!但是这12KB的文件的并不会在页面加载的时候加载此文件!而是在点击分享按钮之后才会加载这12KB的文件并生成图片!
使用这样的逻辑,在页面加载的时候相当于没有开启此功能一样,同时主题大量的采用了这样的动态加载方案,目的只有一个!那就是快!再快!

功能设置

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

解决图片跨域问题

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

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

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

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

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

3.重点请注意!

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

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

4.最后细节

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

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

主题特色

简约优雅的设计
现代化简约设计,更幼稚的阅读体验
前端用户功能
更全面的用户中心,提高网站互动性
模块化组件
可视化模块编辑,页面高度自由化
深度SEO优化
无需任何插件,更高的搜索引擎友好度
自定义主题
自带深色主题,头部、底部主题独立设置
强大的编辑器
超多的古腾堡编辑器块,超爽的写作体验
快!再快一点
代码逻辑深度优化、动态加载,让加载更快
超多实用功能
主题功能超200项,更符合国人使用

部分特色功能

  • 自定义网站图标、logo
  • 自带夜间模式主题
  • 三种网站布局,各页面布局独立设置
  • 全站seo优化,各页面独立seo设置
  • 百度资源实时推送,自动提交
  • 自定义全局主题色
  • 多种导航布局,电脑端手机端独立设置
  • 导航、页脚主题独立自定义
  • 全局加载动画
  • 前端登录、注册,自带社会化登录
  • 前端用户中心,修改资料、头像
  • 前端发布文章、独立打赏功能
  • 文章自动生成目录树
  • 文章图片灯箱、 文章高度限制
  • 文章点赞、收藏、文章封面设置
  • 多种文章格式:图片、画廊、视频、标准
  • 文章封面支持幻灯片显示
  • 文章列表多种显示模式:卡片、多图、幻灯片
  • 首页文章多栏目显示
  • 文章专题功能、首页专题列表显示
  • 首页幻灯片功能、支持参数自定义、支持显示在顶部导航内
  • 搜索热门关键词功能
  • 图像异步加载
  • 全站JS代码动态加载
  • 文章AJAX动态加载
  • 系统弹窗通知
  • 分类、标签、专题独立封面设置
  • 分类、标签、专题 独立AJAX列表
  • 自动获取缩略图、缩略图尺寸设置
  • 精彩一言功能,支持替换签名
  • 文章生成分享海报功能
  • 评论AJAX提交、AJAX反野
  • 评论支持插入表情、高亮代码、图片及自定义文案
  • 支持百度熊掌号功能
  • 多个自定义代码位置
  • 外链重定向转内链功能
  • 分类url去除category该功能
  • 大量Wordpress优化功能
  • 自在邮件SMTP功能
  • 全局代码高亮功能,10+高亮主题可选
  • JS框架文件CDN加速
  • 前端快速设置链接功能

模块及古腾堡块

主题页面构建采用模块化组件,可选择实时预览配置。可将模块插入到页面的不同位置,包括顶部全宽度、顶部内容区、侧边栏、底部内容区、底部全宽度、页脚内部、移动弹出菜单内等等,不同页面也可单独配置。
古腾堡块可在编辑文章、编辑页面的时候插入相关功能,支持实时预览、以及古腾堡的全部特性。方便作者写文章时实现更多的功能及样式

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

可视化模块

  • 核心文章列表模块,多种自定义搭配
  • 文章模块Mini,尺寸较小的文章列表
  • 文章目录树模块
  • 单行滚动文章列表模块
  • 多栏目文章列表
  • 多栏目文章列表mini
  • 幻灯片模块
  • 搜索框模块
  • 文章作者信息模块
  • 最近评论列表模块
  • 友情链接模块
  • 链接列表模块
  • 滚动通知栏模块

古腾堡块

  • 标题块(与主题标题样式同步)
  • 亮点块
  • 引言块
  • 模态框、弹出框块
  • 折叠内容块
  • 高亮代码块
  • 隐藏内容快
  • 提醒框块
  • 按钮块
  • 幻灯片块
  • 独立文字颜色工具
  • 独立文字背景色工具

主题特色简介

主题拥有全面的前端用户功能,包含前端登录、注册、找回密码、社交账号登录,用户在前端可直接发布文章,也可以直接修改资料、头像等等。用户点赞、关注、打赏等功能也可以极大的提高网站的互动性。当然,如果你只想安静的做一个个人博客,没错这些功能都是模块化可关闭的。哦,对了,前端发布文章对用户可是非常友好的,超简单的编辑器、草稿保存、自定义分类、标签都没问题,即使你做个安静的个人博客,也可以单独开启写文章投稿功能哦!

模块化是子比主题的核心之一,说到模块化想必首先想到的就是界面自定义。没错,整个主题除开核心的内容之外,几乎所有地方都可以单独插入模块,UI样式就完全掌握在自己手中了。

但是!除了UI的模块化,功能也是模块化的。这个是什么意思呢?又有什么用? 一款主题会有很多人使用,而不同的网站对功能的需求也是不一样的。主题把功能所需要的代码及文件都单独封装,采用动态加载,按需加载所需要的文件以及页面交互。这样就大大的提高了前端页面的加载速度!注意!动态加载并不是开启了什么功能加载什么代码,而是目前所浏览的页面有哪些功能,那么才会加载相对应的代码与页面交互。

举个例子:比如你开启了”文章海报分享功能”,这个功能代码量其实是比较大的,大约200KB,但是在浏览文章的时候并不会加载这200BK的内容,也不会在页面加载的时候产生交互,而是在当用户点击”文章海报分享”的按钮之后才会加载对应代码,并生成海报,那么这个功能就不会对页面加载产生任何的延迟,就和没开这功能一样!

说到页面交互,就的说说快!主题除开核心的文件,其他均文件采用动态按需加载。同时针对图片全站所有的图片均可开启”图片延迟加载功能”,看哪里加载那里。另外针对WordPress特性,主题也优化了大量的WordPress功能。同时页面大量采用AJAX动态加载内容,提高浏览体验,也提高了加载速度!

主题购买

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

购买说明

主题授权

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

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

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

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


更新日志

V3.3

2020-07-15

新功能

  • 新增 文档模式的付费功能支持
  • 新增 链接列表 页面模板(例如友情链接) :支持链接提交、页面配置等功能 【查看截图】
  • 新增 后台链接管理功能【查看截图】
  • 新增 新版链接列表小工具模块:采用后台链接管理系统
  • 新增 前台登录兼用模式-主题设置-扩展功能(解决网站开启全站静态缓存后,前台可能不能弹出登录框的问题)
  • 新增 全新的前端页面、文章配置功能,可在前端快速修改页面、文章的参数 【查看教程】
  • 新增 所有页面、文章独立设置布局的功能-前台设置
  • 新增 4种页面头部标题样式设置功能-前台设置
  • 新增 页面、文章-多种前台设置功能
  • 新增 面包屑导航用“首页”替代网站名称

优化内容

  • 修复 移动端购买vip不能切换支付方式的bug
  • 修复 用户中心会向其他人显示未审核评论的bug
  • 修复 仅开启一级会员下,会员可见功能失效的bug
  • 优化 文章归档页面模板显示效果
  • 优化其它显示细节

V3.0

2020-06-20

新功能

  • 全新的VIP会员系统功能:
    • VIP分级设置功能
    • 自定义分级的名称:如钻石VIP、黄金VIP
    • 自定义购买会员的商品选项
    • 用户昵称vip徽章显示
    • 站内资源对vip会员单独定价功能
    • 管理员可后台修改用户的vip信息
    • [点此查看详细使用教程]
  • 支付系统 新增码支付收款接口
  • 更新百度资源提交,新增快速提交功能
  • 付费功能新增:免费资源 登录可见 选项
  • 新增全站一键关闭评论功能(主题设置-扩展功能 )
  • 新增全新的”隐藏内容-古腾堡块”:支持评论可见、登录可见、付费可见、会员可见【查看截图】
  • 新增评论作者标签

优化内容

  • 优化后台发布文章也会发邮件的bug
  • 优化付款支付逻辑
  • 优化海报分享功能,支持图片跨域(使用了图片oss等云储存请设置跨域规则)
  • 修复海报分享的副标题标题显示错误的bug
  • 优化用户个人资料默认不公开
  • 优化用户中心链接及资料隐藏用户名
  • 修复文章可能会错位的bug
  • 修复文章图片可能会遮住文字的bug
  • 修复前台发布文章时上传图片出错的bug
  • 修复前台发布文章保存可能出错的bug
  • 修复评论用户信息会与表情框重贴的bug
  • 修复非管理员进入后台会出现错误的bug
  • 修复支付宝付款后可能会重复发送邮件的bug
  • 修复文章列表显示错误以及间距不一致的bug
  • 修复某些情况下个人中心404的bug
  • 修复某些情况下切换付款方式会黑屏的bug
  • 修复和优化其它细节等

更新提醒

V2.2

2020-04-22

新功能

  • 新增支付宝企业支付接口以及企业H5支付
  • 新增商品购买后给用户发送邮件
  • 新增评论审核后用户发送邮件
  • 新增投稿审核后用户发送邮件
  • 新增邮箱验证码注册功能
  • 新增修改用户前端修改邮箱功能
  • 新增自定义邮件发件人昵称功能、自定义追加邮件代码功能
  • 新增文章列表标题文字显示为粗体的选项
  • 首页幻灯片增加5种切换动画选择
  • 完全重写海报分享功能,减少80%代码量,极大的提高了速度

优化内容

  • 更新授权逻辑,提高安全性,解决可能会掉授权的bug
  • 修复页脚微信二维码跳动的bug
  • 修复用户页面存在的蜘蛛爬取空白链接的漏洞
  • 修复部分页面可能会出现的OSS漏洞以及SQL注入漏洞
  • 修复分类页面文章数量显示错误的bug
  • 优化社会化登录后返回原链接
  • 修复评论内容不换行的bug
  • 修复因网速过慢可能会造成幻灯片错位的bug
  • 调整社会化登录按钮的顺序

更新提醒

V2.1.2

2020-04-08

新增功能

  • 全新功能:支付系统、付费阅读、付费下载功能 【查看详情】
  • 多种支付接入:微信官方、支付宝当面付、虎皮椒
  • 搜索功能新增:热门关键词选项、最大关键词数量设置、搜索框默认占位符设置
  • 全局顶部搜索框新增:自定义开关关键词显示、自定义开关分类搜索、自定义分类搜索的分类
  • 新增撤销授权功能
  • 优化主题检测更新逻辑,增加跳过此次更新功能
  • 新增图片灯箱增加点击空白处关闭功能,同时支持下滑关闭
  • 新增文章内插入文章的古腾堡块

优化内容

  • 优化社交登录获取的头像非https会导致的网站不安全问题
  • 优化授权验证逻辑,修复极少情况可能出现的效验失败的bug
  • 优化了用户中心的显示效果
  • 更新百度资源主动推送接口,优化推送逻辑
  • 优化移动端选择输入框的样式
  • 优化部分js文件逻辑,解决加载过慢的现象
  • 修复搜索页文章mini模块编号显示错误的bug
  • 修复安装主题可能会出现functions.php的错误
  • 修复文章海报和摘要会显示隐藏内容的bug
  • 修复移动端内容超出宽度导致左右滚动的bug
  • 修复分享到qq不显示标题的bug
  • 修复幻灯片不显示标题简介的bug
  • 修复小工具会显示未审核评论的BUG
  • 修复面包屑导航不能关闭的bug
  • 优化了大量的显示细节

更新提醒

  • 本次更新了部分小工具代码,更新主题可能会造成小工具配置丢失的情况,请重新配置一下
  • 本次更新调整了授权验证逻辑,可能会出现丢失授权的情况,在后台重新授权一下即可
  • 更新主题后,请务必清空浏览器缓存

V2.0

3月20日

新增功能

  • 增加专题SEO深度优化功能,可以单独给专题设定SEO
  • 增加百度资源自动推送功能,无需开启熊掌号,所有连接自动提交,再次的增加了百度的收录速度
  • 增加侧栏随动功能,添加侧边栏模块时直接可以设置
  • 增加授权和在线更新
  • 增加GitHub登录功能
  • 增加封面图异步加载开关
  • 添加隐藏内容css样式
  • 增加外链重定向功能将目标链接加密功能
  • 增加社交帐号绑定和解绑功能
  • 增加自定义时间格式功能
  • 增加logo 区分日间、夜间主题,且实时切换
  • 增加禁止重复昵称开关功能,修改昵称不允许修改为已存在的昵称
  • 所有的文章模块增加时间限制功能,如:最近7天
  • 增加是否开启AJAX加载选项
  • 增加社社交帐号按钮样式选择

优化内容

  • 修复移动端菜单显示错位的BUG
  • 修复缩略图在有些浏览器不显示的bug
  • 修复图片灯箱下拉关闭失效的bug
  • 修复社会化登录跳转404问题
  • 修复文章页极少情况下文章页可能不能打开的bug
  • 修复前端发布文章-添加媒体的弹出框文字错位的bug
  • 修复markdown 内联代码解析为块级元素的bug
  • 修复后台设置有两个幻灯片图像异步加载功能
  • 修复AJAX获取文章之后,幻灯片缩略图不显示的bug
  • 修复 昵称是否有保留字符 功能失效的bug
  • 修复前端登录如果密码错误则不能再点击按钮的bug
  • 修复评论模块时间显示不正确的bug
  • 修复修改昵称后可能跳转404的bug
  • 修复评论填入呢称时社交登录标题错位的bug
  • 优化文章内链接高亮颜色显示
  • 优化文章内标题的显示样式
  • 优化文章内表格的显示样式
  • 优化大量位置的显示细节

关于侧栏随动功能
侧栏随动功能,因为我想实现多模块随动。但是由于底部自定义空间太大,导致没有很好的逻辑来处理触底检测,所以目前这个功能如果你开启了太多的随动模块,可能会出现触底抖动的现象!此问题我会继续优化,建议开启的模块不要超过3个!

安装前准备

子比主题是一款基于Wordpress的资讯类主题模板,使用子比主题需要先安装好Wordpress。当然为了您的网站配置子比主题搭配出最好的效果,在这里推荐您安装子比主题之前,先做几点准备

推荐的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跳转购买
  • 支持微信内购买
  • 完全自定义购买卡片的文案
  • 后台统计数据、订单明细显示
  • 用户中心统计数据、订单明细显示

目前已接入的收款方式

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

关于接入的支付方式,大家都各种各样的需求。由于时间关系目前接入较少
主要原因还是因为测试条件有限,可能是因为之前做生意的原因,我居然连支付宝当面付都没申请通过….
微信就更不说了。
接入其实是很简单的,如果你有需要接入的SDK且有对应的授权权限,欢迎骚扰!
另外,关于功能。子比主题是一款资讯类主题,那么它的的支付功能也会围绕着资讯相关的方向来做。为什么我会单独说一下,也就是说,花里胡哨的功能是不会做的了,也不会把子比主题做成资源类型的主题。当然如果你还有好点子,那赶紧联系我

功能设置截图

使用教程

支付设置

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

在这里设置一些基本功能,以及设置接入方式,并填写相关的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. 设置隐藏可见模式

如图所示:

注意事项:

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

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

扩展使用

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

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

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

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

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

熟悉古腾堡编辑器

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

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

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

子比主题模块

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

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

模块展示

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

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

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

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

官方-标题快-H1

官方-标题快-H2

官方-标题快-H3

官方-标题快-H4

亮点块

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

简约优雅的设计
现代化简约设计,更幼稚的阅读体验
前端用户功能
更全面的用户中心,提高网站互动性
模块化组件
可视化模块编辑,页面高度自由化
深度SEO优化
无需任何插件,更高的搜索引擎友好度
自定义主题
自带深色主题,头部、底部主题独立设置
强大的编辑器
超多的古腾堡编辑器块,超爽的写作体验
快!再快一点
代码逻辑深度优化、动态加载,让加载更快
超多实用功能
主题功能超200项,更符合国人使用

按钮块

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

按钮 按钮 按钮 按钮 按钮
按钮 按钮 按钮 按钮 按钮
按钮 按钮 按钮 按钮 按钮

引言块

引言块就不介绍了,更加单就是这个样子的。
支持自定义颜色,可以插入链接

这是自定义颜色的引言块

提醒框

文章块

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

隐藏内容模块

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

幻灯片模块

折叠框模块

折叠框标题

折叠框就是可以折叠内容的模块,适用于较长内容且不是很重要的那种,或者就是需要分类的内容,可以设置默认是展开还是折叠状态

这是一个嵌套模态框展示-设置为默认折叠状态

代码高亮模块

//用于显示代码的模块,自动高亮,支持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.显示灯箱

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

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