巧用WordPress 古腾堡编辑器的“可重用区块”

记得刚开始接触WordPress 官方推出的“古腾堡”编辑器的时候，感觉不如经典编辑器好用，有很强的不适感，但用了一些时间之后，就慢慢感觉到了新的官方编辑器的强大与易用。

“区块”（Block）是古腾堡编辑器处理编辑内容的基本单位。现在很多比较先锋的编辑器和App都开始使用“区块”（Block）了，比如WordPress 古腾堡编辑器、Notion、Roam Research、印象笔记的网页版等。一个标题、一个段落、一张图片、一个视频、一个表格……都是一个区块。上述编辑器都支持对区块进行非常方便的添加、编辑、调整格式等操作，区块这个基本单位给编辑器的操作提供了很大的想象空间和发挥空间，操作更加直观、灵活，在“简单易用”和“功能强大”这个两难选题中找到了一个很好的平衡点。

今天，我用古腾堡编辑器中一个容易被人忽视的“可重用区块”为例，来给大家做一个小小的展示。

一、简介

WordPress古腾堡编辑器的“可重用区块”

文章中的某些内容，我们可能除了用于一篇日志之外，还会在其他的日志中重复用到，此前只能通过复制粘贴的方式来实现，而且不能同步更新，现在的“可复用区块”就可以很好的解决这一问题，大大提升效率。

我想在系列文章中加入一组链接的组合，就可以用这个“可重用区块”来实现，比如我想在每一篇关于Day One 的日志中添加这个主题的一系列链接，如下图：

关于Day One 系列的链接集合

二、将某个区块添加到“可重用区块”

如何实现呢？

在古腾堡编辑器中在选中需要设置为“可重用区块”：

将某个区块添加到“可重用区块”

如上图所示，两步操作就可以把当前的一个区块“添加到可重用区块”，方便日后重复使用。

三、添加可重用区块

日后在其他文章中，只需要在目标位置上添加区块，选择你所需要的可重用区块就可以了。

添加可重用区块

四、更新可重用区块的内容

如何日后想更新这个可重用区块的内容如何操作呢？

管理所有可重用区块

选择对应区块

编辑可重用编辑区块的内容

更新这个区块，所有使用这个区块的页面就同步更新了。

禁用WordPress古腾堡编辑器全屏模式方法有哪些？

从WordPress 5.4版本开始，如果重新安装WordPress，当你发布文章的时候，会默认进入全屏编辑模式。因为古腾堡编辑器的全站编辑功能，编辑器左边显示过多的菜单选项，导致界面很混乱，所以WordPress团队决定默认设置全屏编辑模式。但是这个功能对于一部分用户来说，是很不友好的，所以想要禁用这种全屏模式，那么禁用WordPress古腾堡编辑器全屏模式方法有哪些？

1.手动禁用全屏模式

如上图所示，要关闭全屏编辑模式，可以在编辑界面，点击右上角的三点图标，然后取消勾选“全屏模式”即可。你的这个选择会保存在浏览器数据中，也就是你还在用这个浏览器和这个用户登录的时候，就不会默认全屏编辑了。

如果你还想切换到全屏模式，只需要再次勾选全屏模式即可。

2.全局禁用全屏模式

但是如果你换一个浏览器或另一个账户登录，你还是会发现，默认还是全屏模式，你还是需要再次取消全屏模式。要解决这个问题，可以将下面的代码添加到当前WordPress主题的 functions.php 或你的插件文件中，就可以默认全局禁用掉全屏模式：

//默认禁用编辑器的全屏模式
function jba_disable_editor_fullscreen_by_default() {
if (is_admin()) { 
$script = \"jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( \'core/edit-post\' ).isFeatureActive( \'fullscreenMode\' ); if ( isFullscreenMode ) { wp.data.dispatch( \'core/edit-post\' ).toggleFeature( \'fullscreenMode\' ); } });\";
wp_add_inline_script( \'wp-blocks\', $script );
}
}
add_action( \'enqueue_block_editor_assets\', \'jba_disable_editor_fullscreen_by_default\' );

以上代码就可以让整个网站后台全局禁用全屏模式，所有用户都生效。当然了，每个用户还可以在编辑界面手动切换为全屏模式。只不过，默认都是进入到非全屏模式。

3.让用户设置是否开启全屏模式

但是如果网站有多个用户或管理员，我们想让用户自己选择是否默认启用全屏模式，可以借助Blockeditor Fullscreen Mode Control插件实现，启用插件后，用户可以在 用户 - 我的个人资料 界面，设置是否启用全屏模式：

这个设置值是独立于每个用户的，只要是这个用户登录，不管是不是在新的浏览器，都会调用这里的设置来决定是否启用全屏模式。当然了，用户还是可以在编辑器界面手动切换为全屏模式或取消全屏模式的，并且最后选择的模式都会保存到用户设置中。

以上就是禁用WordPress古腾堡编辑器全屏模式方法。