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

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

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

熟悉古腾堡编辑器

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

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

• 

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

子比主题模块

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

• 

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

模块展示

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

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

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

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

官方-标题快-H1

官方-标题快-H2

官方-标题快-H3

官方-标题快-H4

亮点块

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

按钮块

通过按钮块快速添加各种样式的按钮。一共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;
}

模态框模块

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

扩展功能

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

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

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