本站设计-编辑器增强-古腾堡编辑器块详解

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

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

熟悉古腾堡编辑器

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

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

图片[1]-Zibll子比主题-编辑器增强-古腾堡编辑器块详解[入门详解]-Wordpress主题模板-zibll子比主题

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

模块展示

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

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

标题块-自定义颜色

标题块-自定义颜色2

官方-标题模块-H1

官方-标题模块-H2

官方-标题模块-H3

官方-标题模块-H4

亮点块

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

本站设计-编辑器增强-古腾堡编辑器块详解 插图2

按钮块

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

本站设计-编辑器增强-古腾堡编辑器块详解 插图3

引言块

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

这是自定义颜色的引言块

提醒框

文章块

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

隐藏内容模块

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

幻灯片模块

TAB栏目模块

栏目 1栏目 2栏目 3

栏目一的内容示例:

  • 栏目随意添加、删除
  • 内容支持侧入任意模块
  • 三种显示样式

TAB栏目模块详细使用教程

折叠框模块

折叠框标题

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

嵌套模态框展示

码高亮模块

//用于显示代码的模块,自动高亮,支持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子比主题-编辑器增强-古腾堡编辑器块详解[入门详解]-Wordpress主题模板-zibll子比主题
温馨提示:本文最后更新于2022-12-15 18:24:49,某些文章具有时效性,若有错误或已失效,请在下方留言或联系云小叔叔
文章版权声明 1、本网站名称:元宇宙之家
2、本站永久网址:https://liboven.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞213赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称常用语表情代码图片

    暂无评论内容