Zibll子比主题-编辑器增强-古腾堡编辑器块详解[入门详解]

火币

火币HTX

火币是全球三大交易所之一,虚拟货币交易平台安全可靠,注册领取新人礼包!

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

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

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

熟悉古腾堡编辑器

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

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

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

子比主题模块

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

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

模块展示

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

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

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

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

官方-标题快-H1

官方-标题快-H2

官方-标题快-H3

官方-标题快-H4

亮点块

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

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

按钮块

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

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

引言块

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

这是自定义颜色的引言块

提醒框

文章块

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

WordPress博客资讯类主题-Zibll子比主题[主题介绍]
糖花生9月前

56008258

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

模态框模块

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

扩展功能

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

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

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

图片[7]-玩转网Zibll子比主题-编辑器增强-古腾堡编辑器块详解[入门详解]-玩转网
© 版权声明
THE END
点赞10赞赏 分享