小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何在WordPress区块编辑器(Gutenberg)中创建可重用区块

java,python,linux,git,大数据 额外说明

收录于:17天前

您经常在 WordPress 帖子中使用相同的内容片段吗?如果您这样做,那么您一定会喜欢新的 WordPress 块编辑器中的可重用块功能。它允许您保存任何内容块并在网站上的其他帖子和页面中重复使用它们。

您是否经常在 WordPress 帖子中使用相同的内容片段?如果您这样做,那么您一定会喜欢新的 WordPress 块编辑器中的可重用块功能。它允许您保存任何内容并在网站上的其他帖子和页面中重复使用它们。

在本文中,我们将向您展示如何在 WordPress 块编辑器(也称为古腾堡)中轻松创建可重用块。我们还将向您展示如何在 WordPress 帖子中添加可重用块并将其导出以在其他 WordPress 网站上使用。

在本文中,我们将向您展示如何在 WordPress 块编辑器(也称为 Gutenberg)中轻松创建可重用块。我们还将向您展示如何向 WordPress 帖子添加可重用块并将其导出以在其他 WordPress 网站上使用。

Creating a reusable block in WordPress Gutenberg editor
什么是WordPress区块编辑器(Gutenberg)中的可重用区块? What is a Reusable Block in WordPress Block Editor (Gutenberg)?

WordPress 编辑器中的可重用块是单独保存以供以后使用的内容块。

WordPress 编辑器中的可重用块是单独保存以供以后使用的内容块。

许多博主经常在多篇文章中添加相同的内容片段,例如博文末尾的号召性用语或在社交媒体中关​​注博客的链接。

许多博主经常在多个帖子中添加相同的内容,例如博客文章末尾的号召性用语或在社交媒体中关​​注博客的链接。

大多数人只是将内容片段作为文本文件保存在计算机上,然后在需要时复制并粘贴。

大多数人只是将内容片段保存为文本文件,然后在需要时复制和粘贴。

The 古腾堡 WordPress 编辑器 solves this problem by introducing reusable blocks.

古腾堡 WordPress 编辑器通过引入可重复使用的块来解决此问题。

基本上,您现在可以将内容片段保存在 WordPress 编辑器中,然后几乎立即在任何地方重复使用它们。

基本上,您现在可以将内容片段保存在 WordPress 编辑器中,并几乎立即在任何地方重复使用它们。

以下是可重用块可以帮助您更高效地工作的一些场景:

以下是可重用块可以帮助您更高效地工作的一些场景:

  • Asking users to follow you on social media at the end of each article.

    每篇文章的末尾都要求用户在社交媒体上关注您。
  • Adding call-to-action buttons in your WordPress posts and pages.

    在您的WordPress帖子和页面中添加号召性用语按钮。
  • Saving and reusing tables

    保存和重用表格
  • 反馈表 to your pages反馈表
  • 附属横幅会员横幅
  • and more…

    和更多…

话虽这么说,让我们看看如何在 WordPress 块编辑器中轻松创建可重用的块。

话虽如此,让我们来看看如何在 WordPress 块编辑器中轻松创建可重用的块。

影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

在WordPress编辑器中创建可重用块 Creating a Reusable Block in WordPress Editor

所有古腾堡块都是 WordPress 编辑器中的单独内容元素,它们可以单独保存为可重用块

所有古腾堡块都是 WordPress 编辑器中的单独内容元素,它们可以单独保存为可重复使用的块

首先,您需要创建一个新帖子或编辑现有帖子。在帖子编辑屏幕上,单击添加新块按钮,然后根据要保存的内容选择块类型。

首先,您需要创建新帖子或编辑现有帖子。在帖子编辑屏幕上,单击“添加新块”按钮,然后根据要保存的内容选择块类型。

Add a new block to Gutenberg editor

在此示例中,我们将在段落块中保存几行文本。

在此示例中,我们将在段落块中保存几行文本。

添加块后,您需要添加要重用的内容。您可以使用块工具栏和块设置中的样式和格式选项。

添加块后,您需要添加要重用的内容。您可以使用块工具栏和块设置中的样式和格式选项。

Editing a block

完成编辑后,单击工具栏中的三点菜单按钮,然后选择“添加到可重用块”选项。

完成编辑后,单击工具栏中的三点菜单按钮,然后选择“添加到可重用块”选项。

Add to reusable blocks

系统将要求您输入可重用块的名称。我们建议使用一个可以帮助您快速识别该块及其用途的名称。

系统将要求您输入可重用块的名称。我们建议使用名称来帮助您快速识别该块及其用途。

Add block name

最后,单击“保存”按钮来存储您的可重用块。

最后,单击“保存”按钮来存储可重用块。

您的块及其所有设置将保存在 WordPress 数据库中。

您的块及其所有设置将保存在 WordPress 数据库中。

在其他帖子和页面中添加可重用块 Adding Reusable Block in Other Posts and Pages

现在我们已经学习了如何在 WordPress 中创建可重用块,让我们看看如何在 WordPress 帖子和页面中添加可重用块。

现在我们已经学习了如何在 WordPress 中创建可重用块,让我们看看如何在 WordPress 帖子和页面中添加可重用块。

再次创建新帖子或编辑要添加可重用块的帖子。在帖子编辑屏幕上,单击添加新块按钮。

再次创建新帖子或编辑要添加可重用块的帖子。在帖子编辑屏幕上,单击添加新块按钮。

您的可重复使用块位于“可重复使用”选项卡下。您还可以通过在搜索框中输入其名称来找到它。

您的可重用块位于“可重用”选项卡下。您还可以通过在搜索框中输入其名称来找到它。

Adding reusable block

您可以将鼠标悬停在其上以查看该块的快速预览。继续并单击该块将其插入到您的帖子中。

您可以将鼠标悬停在其上以查看该块的快速预览。继续并单击该块将其插入到您的帖子中。

您的可重用块将出现在帖子编辑器中。

您的可重复使用的块将出现在帖子编辑器中。

Reusable block added into a post

您还可以通过单击块上的编辑按钮来编辑可重用块。

您还可以通过单击块上的编辑按钮来编辑可重用块。

但是,请记住,更改可重用块会在您使用过它的所有位置上更改它。

但是,请记住,更改可重用块会在您使用它的任何地方发生更改。

如果您只想进行仅出现在该特定帖子上的更改,那么您需要先将其转换为常规块。

如果您想要进行仅出现在该特定帖子上的更改,则需要先将其转换为常规块。

单击块工具栏中的三点菜单,然后选择“转换为常规块”选项。

单击“块”工具栏中的三点菜单,然后选择“转换为常规块”选项。

Convert to regular block

这会将您的可重用块转换为常规块,并且您将能够对其进行更改,而不会影响原始的可重用块。

这会将您的可重用块转换为常规块,您可以更改它而不影响原始可重用块。

在WordPress编辑器中管理所有可重复使用的块 Managing All Reusable Blocks in WordPress Editor

使用可重用块一段时间后,您可能会不再使用一些块或想要重命名一些块。

使用可重用块一段时间后,您可能有一些不再使用的块,或者一些您想要重命名的块。

古腾堡编辑器允许您从一个屏幕轻松管理所有可重复使用的块。

古腾堡编辑器可让您从一个屏幕轻松管理所有可重复使用的块。

要管理您的块,请单击添加块按钮,然后找到可重用选项卡。您将看到一个用于管理可重用块页面的链接。

要管理您的块,请单击“添加块”按钮并找到“可重用”选项卡。您将看到一个用于管理可重用块的链接。

Manage reusable blocks link

单击该链接将带您进入块管理页面。从这里,您可以编辑、删除、导出和导入您的块。

单击此链接将带您进入区块管理页面。在这里您可以编辑、删除、导出和导入块。

Manage reusable blocks
导出/导入可重复使用的块 Exporting / Importing Reusable Blocks

可重复使用的块不仅可以在创建它们的网站上重复使用。您还可以在任何其他 WordPress 网站上使用它们。

可重用块不仅可以在创建它们的网站上重用。您也可以在任何其他 WordPress 网站上使用它们。

您可以从块管理屏幕导出块。只需单击块下方的导出按钮,WordPress 就会将其作为 JSON 文件发送给您。

您可以从块管理屏幕导出块。只需单击块下方的导出按钮,WordPress 就会将其作为 JSON 文件发送给您。

Exporting a reusable block

您现在可以切换到另一个 WordPress 网站的管理区域。转到块管理屏幕,然后单击“从 JSON 导入”按钮。

现在您可以切换到另一个WordPress网站的管理区域。转到块管理屏幕并单击“从 JSON 导入”按钮。

这将显示一个文件上传框。单击“选择文件”按钮以选择您之前下载的块,然后单击“导入”按钮。

这将显示一个文件上传框。单击“选择文件”按钮选择之前下载的块,然后单击“导入”按钮。

WordPress 现在将导入您的可重用块并将其保存在数据库中。您可以继续并开始在新网站上使用它。

WordPress 现在将导入您的可重用块并将它们保存在数据库中。您可以继续并开始在新网站上使用它。

For more detailed instructions, we have created a step by step guide on 如何导入/导出WordPress内容块(附截图).

有关更详细的说明,我们创建了有关如何导入/导出 WordPress 内容块的分步指南(有截图)

We hope this article helped you learn how to create a reusable block in WordPress Gutenberg editor. You may also want to see our tips on 发展您的在线业务 without spending a fortune.

我们希望本文能帮助您学习如何在WordPress Gutenberg编辑器中创建可重用的块。 您可能还希望了解我们在不花大钱的情况下发展在线业务提示。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/beginners-guide/how-to-create-a-reusable-block-in-wordpress/

. . .

相关推荐

额外说明

EMQ X 与物联网平台的关系是什么

       典型的物联网平台包括设备硬件、数据采集、数据存储、分析、 Web / 移动应用等。 EMQ X 位于数据采集这 一层,分别与硬件和数据存储、分析进行交互,是物联网平台的核心:前端的硬件通过 MQTT 协议与位于数据采 集层的 EMQ X 交

额外说明

通过Navicat for MySQL远程连接的时候报错mysql 1130的解决方法

转发:https://www.cnblogs.com/happyyangyanghappy/p/10728699.html 今天在用远程连接Mysql服务器的数据库,不管怎么弄都是连接不到。 错误代码是1130,ERROR 1130: Host X.X.

额外说明

【机器学习入门与实践】合集入门必看系列,含数据挖掘项目实战:模型融合、特征优化、特征降维、探索性分析等,实战带你掌握机器学习数据挖掘。

【机器学习入门与实践】合集入门必看系列,含数据挖掘项目实战 本专栏主要方便入门同学快速掌握相关知识。声明:部分项目为网络经典项目方便大家快速学习,后续会不断增添实战环节(比赛、论文、现实应用等) 主要讲解了数据探索性分析:查看变量间相关性以及找出关键变量

额外说明

机器学习进阶 第一节 第三课

特征预处理 概述 数值型数据标准缩放 归一化 sklearn 归一化 API MinMaxScaler 语法 归一化步骤 归一化案例 概述 特征处理: 通过特定的统计方法 (数学方法)将数据转换成算法要求的数据. sklearn 特征处理 API: sk

额外说明

rviz显示urdf模型:No transform from [base_link] to [base_footprint]

问题描述 No transform from [base_link] to [base_footprint] 创建URDF模型在rviz中显示时,可以显示模型形状,但不显示颜色,如下图: 问题分析 rviz默认Fixed Frame(固定参考系)为bas

额外说明

祖国啊,情深难载

文章目录 无心剑小诗《祖国啊,情深难载》 无心剑英译张藜《我和我的祖国》 无心剑英译叶文福《祖国呵,我要燃烧》 无心剑英译乔羽《我的祖国》 无心剑英译冯娜《祖国》 无心剑英译若水《我的地理》 无心剑英译李发红《唯一的可能》 无心剑英译叶延滨《中国》 无心

额外说明

2017阿里实习生招聘编程题之相亲约会

题目描述: 小张很多年过年都没有回家了。这次回家父母给他安排了很多个相亲的姑娘,有一个很长的名单,长度为N. 父亲安排约会,每次随机选择一个要相亲的对象,母亲则负责记录哪些姑娘已经约会过了。直到和所有的姑娘都约会完一遍以后,这个浩大的相亲工程才会结束。这

额外说明

【云原生】查看 Docker 容器启动命令和相关参数

安装Python3 Linux 一般都默认安装了 Python 2,而 Python2 就附带了 pip 命令,但 2 版本的 pip 经常在安装包的时候出错,所以建议安装 Python3。使用如下命令安装Python3: sudo yum instal

额外说明

详细的SSM+Vue小项目(适合新手)

一、准备工作      1.工具准备       (1)后端:idea intellij+Mysql       (2)前端:webstorm       (3)需求文档:易文档       2.知识准备      (1)后端:spring mvc(ma

额外说明

Generator【SpringBoot集成】代码生成+knife4j接口文档(2种模板设置、逻辑删除、字段填充 含代码粘贴可用)保姆级教程(注意事项+建表SQL+代码生成类封装+测试类)

保姆级教程,逻辑删除及字段自动填充设置,特别要说明的是本次用的是MySQL数据库,如果使用Oracle数据库是,数据库配置需要改变,数据库表一定要大写,否则无法生成代码。 数据库表 CREATE TABLE `student` ( `id` int(

ads via 小工具