主题特色

部分特色功能

模块及古腾堡块

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

购买说明

• 兼容浏览器： 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 都不可以用
三个域名授权同理

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

更新日志

安装前准备

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

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

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

古腾堡编辑器是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;
}

模态框模块

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

扩展功能

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

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

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

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

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

1.找到主题的幻灯片块

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

2.选择画廊图片插入

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

3.设置幻灯片参数

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

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

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

4.显示灯箱

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

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