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

如何导入/导出WordPress Gutenberg块(2个步骤)

python,java,wordpress,vue,大数据,ViewUI 额外说明

收录于:23天前

您是否知道新的 WordPress 块编辑器(又名 Gutenberg)允许您保存自定义内容块并将其导出以在其他 WordPress 网站上使用。

您是否知道新的 WordPress 块编辑器(又名古腾堡)允许您保存自定义内容块并将其导出以在其他 WordPress 网站上使用。

这个鲜为人知的功能非常有用,可以为您节省大量时间,特别是如果您正在为客户构建网站。

这个鲜为人知的功能非常有用,如果您正在为客户构建网站,它可以为您节省大量时间。

在本文中,我们将向您展示如何轻松导出 WordPress Gutenberg 块并将其导入以在其他网站上使用。

在本文中,我们将向您展示如何轻松导出 WordPress Gutenberg 块并将其导入以在其他网站上使用。

How to export your Gutenberg blocks
可重复使用的古腾堡块101 Reusable Gutenberg Blocks 101

Gutenberg is a fully 基于块的 WordPress 编辑器 where every piece of content you add is a block.

古腾堡(Gutenberg)是一个完全基于块的 WordPress 编辑器 ,其中您添加的每个内容都是一个块。

您可以自定义每个单独的块样式并重复使用它以在将来快速创建内容。

您可以自定义每个单独的块样式,然后重复使用它们以在将来快速创建内容。

这些可重复使用的块对于添加号召性用语按钮、反馈表单、横幅广告等非常有帮助。

这些可重复使用的块非常适合添加号召性用语按钮、反馈表单、横幅广告等。

We created a step by step guide on how to 在 WordPress 中创建可重用的块.

我们创建了有关如何在 WordPress 中创建可重复使用的块的分步指南。

Giving a name to reusable block

许多用户不知道的是,您实际上可以导出这些可重复使用的块以在其他网站、客户网站上使用,从技术上讲,如果您愿意,您甚至可以出售它们。

许多用户不知道的是,您实际上可以导出这些可重用块以在其他站点、客户端站点上使用,从技术上讲,您甚至可以出售它们。

让我们看一下如何导出古腾堡块以在其他站点上使用。

让我们看一下如何导出古腾堡块以在其他站点上使用。

导出WordPress Gutenberg块以在其他站点上使用 Exporting Your WordPress Gutenberg Blocks to Use on Other Sites

WordPress 的可重用块不仅限于创建它们的网站。您可以轻松导出它们以在任何其他 WordPress 网站上使用。

WordPress 的可重用块并不限于您在其上创建的网站。您可以轻松导出它们以在任何其他 WordPress 网站上使用。

First, you’ll need to open the block management page. You can navigate to that page by clicking the 管理所有可重用块 link inside the 可重复使用的 tab in your content editor.

首先,您需要打开块管理页面。 您可以通过单击内容编辑器中“ 可重复使用的”选项卡内的“ 管理所有可重用块”链接来导航至该页面。

Manage all reusable blocks in Gutenberg

进入块管理页面后,您可以编辑、删除、导出和导入 WordPress Gutenberg 块。

进入区块管理页面后,您可以编辑、删除、导出和导入 WordPress Gutenberg 区块。

Gutenberg reusable blocks management page

步骤 1. 导出您的古腾堡块

步骤 1. 导出您的古腾堡块

To export your Gutenberg block, you simply need to click the 导出为 JSON option below the block.

要导出您的Gutenberg块,您只需要单击该块下面的导出为 JSON选项。

Export your WordPress block as JSON file

接下来,您的块将以 JSON 文件的形式下载到您的计算机。现在,您可以将此 JSON 上传到任何其他 WordPress 站点并使用该块。

接下来,您的块将以 JSON 文件的形式下载到您的计算机。现在您可以将此 JSON 上传到任何其他 WordPress 网站并使用此块。

Gutenberg block downloaded

第 2 步:导入您的古腾堡块

步骤 2. 导入您的古腾堡块

You need to log into the other WordPress site and go to its block management screen. You’ll see an 从 JSON 导入 button at the top.

您需要登录到另一个WordPress网站,然后转到其块管理屏幕。 您会在顶部看到“ 从 JSON 导入”按钮。

Click Import from JSON in Gutenberg

继续并单击该按钮进行导入。

继续并单击按钮进行导入。

Next, you’ll see a file upload box. You need to click on the 选择文件 button and select the block JSON file you downloaded earlier.

接下来,您将看到一个文件上传框。 您需要单击“ 选择一个文档”按钮,然后选择您先前下载的阻止JSON文件。

Choose file to import block in Gutenberg

After it’s uploaded, you’ll see an 进口 option. Simply click on that to proceed.

上传后,您会看到一个进口选项。 只需单击即可继续。

Import WordPress Gutenberg block

WordPress 现在将导入新的可重用块并将其保存在数据库中。完成后,您可以像使用任何其他块一样在新的 WordPress 网站上使用它。

WordPress 现在将导入新的可重用块并将其保存在数据库中。完成后,您可以像任何其他块一样在新的 WordPress 网站上使用它。

Gutenberg block imported

We hope this article helped you learn how to export your WordPress Gutenberg blocks to use on other sites. You may also want to see our list of the 所有网站都必须有 WordPress 插件.

我们希望本文能帮助您学习如何导出WordPress Gutenberg块以在其他站点上使用。 您可能还想查看我们所有网站都必须有 WordPress 插件列表。

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/wp-tutorials/how-to-export-your-gutenberg-blocks-to-use-on-other-sites/

. . .

相关推荐

额外说明

局部变量 与常量区别

    局部变量 如果一个变量不是在类中定义,而是在某个语句块或方法中,则该变量就是局部变量。局部变量的作用范围: 从定义该局部变量开始,直到所处的块结束。因为局部变量的作用域特性,所以无法使用访问权限修饰符,包括static修饰符。 相比于全局变量,局

额外说明

Java 专业人士必备的书籍和网站

Java 专业人士必备的书籍和网站列表 您必备的参考资料 <!--START RESERVED FOR FUTURE USE INCLUDE FILES--><!-- this content will be automatically generate

额外说明

C# 4. 三个定时器的测量数据

三种定时器实测精度都不是太高。 在.NET中有三种计时器: 1、System.Windows.Forms命名空间下的Timer控件,它直接继承自Componet。Timer控件只有绑定了Tick事件和设置Enabled=True后才会自动计时,停止计时可

额外说明

【java】管理系统

实现的功能: 简单的功能 列表查询 登录 添加 删除 修改 复杂的功能 删除选中 分页查询 复杂的条件查询 项目地址:点我 效果:

额外说明

CSS仿淘宝首页导航条布局效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

额外说明

机器学习 第一节 第二课

[toc] CONDA 环境安装 conda: data science package & enviornment manager 创建环境:     conda create--name python3 python=3 切换环境:     wind

额外说明

大数据讲课笔记6.6 ZooKeeper的Java API操作

文章目录 零、学习目标 一、导入新课 二、新课讲解 (一)ZooKeeper Java API概述 1、ZooKeeper Java API包含五个包 2、ZooKeeper类常用方法 (二)通过Java API操作ZooKeeper 1、创建Maven

额外说明

查征信 查婚姻状况 查公开的个人信息 学信网学历学位查询 中国执行信息公开网执行人查询 民办院校学位学历查询 国外学历学位查询方法 征信中心 中国裁判文书查询 查询全国的莆田系医院 企查查 天眼查

目录 莆田系医院 征信中心 中国执行信息公开网 全国标准信息公共服务平台 中国裁判文书网 国家药品监督管理局 商务部直销行业管理 学历查询 学信网学历、学位查询流程 国外学历、学位查询方法 民办院校学历、学位查询流程 企业查询 全国企业信用信息公示系统

额外说明

前端(二十六)——常见的HTTP异常状态码以及正反向代理配置

-博主:小猫娃来啦 -文章核心:前端常见的HTTP异常状态码以及正反向代理配置 文章目录 前端常见的HTTP异常状态码 404 - 未找到资源 403 - 禁止访问 304 - 未修改 500 - 服务器内部错误 正反向代理配置 重要性 本地正向代理配置

ads via 小工具