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

如何使用新的WordPress区块编辑器(Gutenberg教程)

python,java,大数据,深度学习,html 额外说明

收录于:23天前

在 WordPress 5.0 中,经典的内容编辑器被全新的块编辑器(称为 Gutenberg)所取代。从那时起,我们的一些读者要求我们创建一个关于如何在 WordPress 中使用古腾堡块编辑器的综合教程。

在 WordPress 5.0 中,经典的内容编辑器已被名为 Gutenberg 的全新块编辑器取代。从那时起,我们的一些读者要求我们创建一个关于如何在 WordPress 中使用古腾堡块编辑器的综合教程。

WordPress 块编辑器是在 WordPress 中创建内容的一种全新且不同的方式。在本教程中,我们将向您展示如何使用新的 WordPress 块编辑器并掌握它来创建视觉上令人惊叹的博客文章和页面。

WordPress 块编辑器是在 WordPress 中创建内容的全新方式。在本教程中,我们将向您展示如何使用新的 WordPress 块编辑器并掌握它来创建视觉上令人惊叹的博客文章和页面。

Using the new WordPress block editor aka Gutenberg
块编辑器(Gutenberg)和经典编辑器有什么区别? What’s The Difference Between Block Editor (Gutenberg) and Classic Editor?

在我们深入研究新编辑器之前,让我们首先比较并了解古腾堡块编辑器和经典编辑器之间的差异。

在深入研究新编辑器之前,我们首先比较并了解古腾堡块编辑器和经典编辑器之间的差异。

WordPress 中的经典编辑器如下所示:

这是 WordPress 中经典编辑器的样子:

Old WordPress editor

If you upgrade to WordPress 5.0, then this is what the new block editor looks like:

如果您升级到WordPress 5.0 ,那么新的块编辑器将如下所示:

New WordPress Block Editor also known as Gutenberg

正如您所看到的,它们是两个完全不同的编辑器,用于在 WordPress 中创建内容。

正如您所看到的,它们是两个完全不同的编辑器,用于在 WordPress 中创建内容。

旧的经典编辑器是一个文本编辑器,其格式按钮与 Microsoft Word 非常相似。

旧的经典编辑器是一个文本编辑器,其格式按钮与 Microsoft Word 非常相似。

新编辑器使用了一种完全不同的方法,称为“块”(因此称为“块编辑器”)。

新编辑器使用一种完全不同的方法,称为“块”(因此称为块编辑器)。

块是您添加到编辑屏幕以创建内容布局的内容元素。您添加到帖子或页面的每个项目都是一个块。

块是您添加到编辑屏幕以创建内容布局的内容元素。您添加到帖子或页面的每个项目都是一个块。

You can add blocks for each paragraph, images, videos, galleries, audio, lists, and more. There are blocks for all common content elements and more can be added by WordPress 插件.

您可以为每个段落,图像,视频,画廊,音频,列表等添加块。 有所有常见内容元素的块,并且WordPress 插件可以添加更多块。

新的 WordPress 块编辑器比经典编辑器有哪些更好的地方?

新的 WordPress 块编辑器比传统编辑器更好吗?

新的 WordPress 块编辑器提供了一种向帖子和页面添加不同类型内容的简单方法。

新的 WordPress 块编辑器提供了一种向帖子和页面添加不同类型内容的简单方法。

例如,以前如果您想在内容中添加表格,那么您需要一个单独的表格插件。

例如,以前如果您想向内容添加表格,则需要一个单独的表格插件。

使用新的编辑器,您只需添加一个表格块,选择列和行,然后开始添加内容。

使用新的编辑器,您只需添加一个表格块,选择列和行,然后开始添加内容。

Table block

您可以上下移动内容元素,将它们作为单独的块进行编辑,并轻松创建富媒体内容。

您可以上下移动内容元素,将它们作为单独的块进行编辑,并轻松创建富媒体内容。

最重要的是,新的 WordPress 块编辑器易于使用和学习。

最重要的是,新的 WordPress 块编辑器易于使用和学习。

This gives an immense advantage to all WordPress beginners who are just 开始他们的第一个博客 or building a DIY商业网站.

这给刚开始你的第一个博客或建立DIY商业网站所有WordPress初学者都带来了巨大的优势。

话虽这么说,让我们来看看如何像专业人士一样使用新的 WordPress 块编辑器来创建精彩的内容。

话虽如此,让我们来看看如何像专业人士一样使用新的 WordPress 块编辑器来创建精彩的内容。

以下是我们将在本古腾堡教程中介绍的内容:

以下是您将在本古腾堡教程中介绍的内容:

  1. Using Gutenberg – The new WordPress block editor

    使用古腾堡–新的WordPress区块编辑器
  2. Creating a new blog post or page

    创建一个新的博客文章或页面
  3. How to add a block in Gutenberg

    如何在古腾堡添加块
  4. Working with blocks in the new editor

    在新的编辑器中使用块
  5. Saving and reusing blocks in Gutenberg

    保存和重用古腾堡中的块
  6. Publishing and post settings in Gutenberg

    古腾堡的发布和发布设置
  7. Plugin settings in new editor

    新编辑器中的插件设置
  8. Adding some common blocks in Gutenberg

    在古腾堡添加一些常见的块
  9. Exploring some new content blocks in Gutenberg

    探索古腾堡的一些新内容
  10. Bonus tips on using Gutenberg like a pro

    像专业人士一样使用Gutenberg的额外提示
  11. Adding more blocks to Gutenberg Block Editor

    向Gutenberg块编辑器添加更多块
  12. FAQs about Gutenberg

    关于古腾堡的常见问题

准备好?让我们深入了解一下。

准备?让我们深入了解一下。

使用古腾堡–新的WordPress区块编辑器 Using Gutenberg – The New WordPress Block Editor

块编辑器的设计直观且灵活。虽然它看起来与旧的 WordPress 编辑器不同,但它仍然可以完成您在经典编辑器中可以完成的所有操作。

块编辑器的设计直观且灵活。尽管它看起来与旧的 WordPress 编辑器有所不同,但它仍然可以完成您在经典编辑器中可以做的所有事情。

让我们首先介绍您在经典编辑器中执行的基本操作,以及它们如何在块编辑器中完成。

让我们首先介绍您在经典编辑器中执行的基本操作以及它们如何在块编辑器中完成。

使用块编辑器创建新的博客文章或页面 Creating a New Blog Post or Page Using The Block Editor

You will start creating a new blog post or page like you normally would. Simply click on 帖子 » 添加新帖子 menu in your WordPress admin. If you are creating a page, then go to 页面 » 添加新内容 menu.

您将像往常一样开始创建新的博客文章或页面。 只需单击您的WordPress管理员中的帖子 » 添加新帖子菜单。 如果要创建页面,请转到页面 » 添加新内容菜单。

Adding a new post

这将启动新的块编辑器。

这将启动新的块编辑器。

如何在古腾堡添加块 How to Add a Block in Gutenberg

每个帖子或页面的第一个块是标题。

每个帖子或页面的第一部分是标题。

之后,您可以使用鼠标移动到标题下方或按键盘上的 Tab 键向下移动并开始书写。

之后,您可以使用鼠标移动到标题下方,或按键盘上的 Tab 键向下移动并开始书写。

Adding a post title in Gutenberg

默认情况下,下一个块是段落块。这允许用户立即开始写作。

默认情况下,下一个块是段落块。这允许用户立即开始写作。

但是,如果您想添加不同的内容,则可以单击编辑器左上角、现有块下方或块左侧的添加新块按钮。

但是,如果您想添加其他内容,可以单击编辑器左上角、现有块下方或块左侧的“添加新块”按钮。

Add new block button

单击该按钮将显示添加块菜单,顶部有搜索栏,下面有常用块。

单击此按钮将显示“添加块”菜单,顶部有一个搜索栏,下面有一个常用块。

您可以单击选项卡来浏览块类别或输入关键字来快速搜索块。

您可以单击选项卡来浏览块类别,或输入关键字来快速搜索块。

Finding and adding blocks in Gutenberg

如果您不想使用鼠标单击按钮,则可以使用键盘快捷键,输入 / 来搜索并添加块。

如果您不想使用鼠标单击按钮,可以通过 Enter/Search 和 Add Block 使用键盘快捷键。

在新编辑器中使用块 Working with Blocks in The New Editor

每个块都有自己的工具栏,显示在块的顶部。工具栏中的按钮会根据您正在编辑的块而变化。

每个块都有自己的工具栏,该工具栏显示在块的顶部。工具栏中的按钮会根据您正在编辑的块而变化。

例如,在此屏幕截图中,我们正在处理一个段落块,其中显示基本格式按钮,例如:文本对齐、粗体、斜体、插入链接和删除线按钮。

例如,在此屏幕截图中,我们正在处理一个显示基本格式按钮的段落块,例如:文本对齐、粗体、斜体、插入链接和删除线按钮。

Each block comes with its own toolbar

除了工具栏之外,每个块还可以有自己的块设置,这些设置将显示在编辑屏幕的右栏中。

除了工具栏之外,每个块还可以有自己的块设置,这些设置将显示在编辑屏幕的右栏中。

Block settings

您可以通过简单的拖放或单击每个块旁边的向上和向下按钮来上下移动块。

您可以通过简单的拖放操作或单击每个块旁边的向上和向下按钮来上下移动块。

Moving a block up and down
保存和重用古腾堡中的块 Saving and Reusing Blocks in Gutenberg

块最好的事情之一是它们可以单独保存和重用。这对于经常需要在文章中添加特定内容片段的博主来说特别有用。

块最好的事情之一是它们可以单独保存和重用。这对于经常需要在文章中添加特定内容片段的博主来说特别有用。

只需单击每个块工具栏右上角的菜单按钮即可。从菜单中选择“添加到可重用块”选项。

只需单击每个模块工具栏右上角的菜单按钮即可。从菜单中选择“添加到可重用块”选项。

Saving a block to reuse later

系统会要求您提供此可重用块的名称。输入块的名称,然后单击“保存”按钮。

系统会要求您提供此可重用块的名称。输入块的名称并单击“保存”按钮。

Giving a name to reusable block

块编辑器现在会将块保存为可重用块。

块编辑器现在将块保存为可重用块。

现在您已经保存了一个块,让我们看看如何将可重用块添加到您网站上的其他 WordPress 帖子和页面中。

现在您已经保存了块,让我们看看如何将可重用块添加到您网站上的其他 WordPress 帖子和页面。

只需编辑要添加可重用块的帖子或页面即可。在帖子编辑屏幕中,单击添加块按钮。

只需编辑要添加可重用块的帖子或页面即可。在帖子编辑屏幕中,单击“添加块”按钮。

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

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

Insert a reusable block

您可以将鼠标悬停在其上以查看该块的快速预览。只需单击该块即可将其插入到您的帖子或页面中。

您可以将鼠标悬停在其上以查看该块的快速预览。只需单击该块即可将其插入到您的帖子或页面中。

所有可重用块都存储在您的 WordPress 数据库中,您可以通过单击“管理所有可重用块”链接来管理它们。

所有可重用块都存储在 WordPress 数据库中,您可以通过单击“管理所有可重用块”链接来管理它们。

Manage your reusable blocks

这将带您进入块管理器页面。从这里,您可以编辑或删除任何可重复使用的块。您还可以导出可重用块并在任何其他 WordPress 网站上使用它们。

这将带您进入块管理器页面。您可以在此处编辑或删除任何可重复使用的块。您还可以导出可重用块并在任何其他 WordPress 网站上使用它们。

Import export reusable blocks in WordPress
在Gutenberg块编辑器中发布和管理选项 Publishing and Managing Options in Gutenberg Block Editor

Each WordPress post contains a lot of metadata. This includes information like publish date, 类别和标签, 特色图片, and more.

每个WordPress帖子都包含很多元数据。 其中包括发布日期, 类别和标签特色图片等信息。

所有这些选项都整齐地放置在编辑器屏幕的右栏中。

所有这些选项都整齐地放置在编辑器屏幕的右栏中。

Document settings in Gutenberg the new WordPress editor
古腾堡的插件选项 Plugin Options in Gutenberg

WordPress 插件能够利用块编辑器的 API 将自己的设置集成到编辑屏幕中。

WordPress 插件能够利用块编辑器的 API 将自己的设置集成到编辑屏幕中。

Some popular plugins are already available as blocks. For example, WP表格, the best WordPress 表单生成器插件 allows you to add forms into your content using a widget block.

一些流行的插件已经可以作为模块使用。 例如,最好的WordPress 表单生成器插件 WP表格允许您使用小部件块将表单添加到内容中。

WPForms block in new Gutenberg editor

Here is how 优斯特搜索引擎优化 allows you to edit your SEO settings in the new editor:

以下是优斯特搜索引擎优化允许您在新编辑器中编辑SEO设置的方式:

Yoast SEO settings in new Gutenberg editor

WooCommerce also comes with widget blocks that you can easily add to any of your WordPress posts and pages.

WooCommerce还带有小部件块,您可以轻松地将其添加到任何WordPress帖子和页面中。

WooCommerce products block
在新编辑器中添加一些常见块 Adding Some Common Blocks in New Editor

基本上,新编辑器可以完成经典编辑器所做的一切。然而,你做事会比以前更快、更优雅。

基本上,新编辑器可以完成传统编辑器所做的一切。然而,你会比以前更快、更优雅地完成工作。

1. 在新的 WordPress 编辑器中添加图像

1.在新的WordPress编辑器中添加图像

新的 WordPress 编辑器中有一个随时可用的图像块。只需添加块,然后上传图像文件或从媒体库中选择即可。

新的 WordPress 编辑器中有一个随时可用的图像块。只需添加块并上传图像文件或从媒体库中进行选择。

Image block in new WordPress editor

您还可以从计算机中拖放图像,编辑器将自动为其创建图像块。

您还可以从计算机中拖放图像,编辑器将自动为它们创建图像块。

添加图像后,您将能够看到块设置,您可以在其中添加图像的元数据,例如替代文本、大小,并添加图像的链接。

添加图像后,您将能够看到块设置,您可以在其中添加图像的元数据(例如替代文本、大小和添加图像链接)。

Image block settings

2. 在新块编辑器中添加链接

2. 在新的块编辑器中添加链接

块编辑器附带多个块,您可以在其中添加文本。最常用的一个是段落块,它在工具栏中带有一个插入链接按钮。

块编辑器附带多个块,您可以在其中添加文本。最常用的是段落块,它在工具栏中带有一个“插入链接”按钮。

所有其他常用的文本块还包括工具栏中的链接按钮。

所有其他常用的文本块还包括工具栏中的链接按钮。

Link button in the list block

您还可以使用键盘快捷键插入链接,在 Mac 上为 Command + K,在 Windows 计算机上为 CTRL + K。

您还可以使用键盘快捷键(Mac 上的 Command + K 或 Windows 上的 CTRL + K)插入链接。

3. 在古腾堡中添加图片库

3. 为古腾堡添加图片库

画廊块的工作原理类似于图像块。您添加它,然后上传或选择图像文件。

图库块的工作方式与图像块类似。您添加它,然后上传或选择图像文件。

Adding image gallery in new WordPress editor

4. 使用 Gutenberg 在 WordPress 帖子中添加短代码

4. 使用 Gutenberg 将短代码添加到 WordPress 帖子中

您的所有短代码都将像在经典编辑器中一样工作。您可以简单地将它们添加到段落块中,也可以使用短代码块。

您的所有短代码都将像在经典编辑器中一样工作。您可以简单地将它们添加到段落块或使用短代码块。

Adding a shortcode block
探索古腾堡的一些新内容块 Exploring Some New Content Blocks in Gutenberg

古腾堡编辑器承诺通过引入一些新块来解决 WordPress 中一些长期存在的可用性问题。

古腾堡编辑器承诺通过引入一些新模块来解决 WordPress 中一些长期存在的可用性问题。

以下是我们相信用户会发现非常有帮助的一些最爱。

以下是我们认为用户会觉得有用的一些最爱。

1. 在 WordPress 中的某些文本旁边添加图像

1. 在 WordPress 中的某些文本旁边添加图像

Using the old editor, many of our users were unable to place an image next to the text. You can do this now with the 媒体与文字 block.

使用旧的编辑器,我们许多用户无法在文字旁边放置图片。 您现在可以使用“ 媒体与文字》块来执行此操作。

Media and Text block

这个简单的块带有两个并排放置的块,允许您轻松添加图像并在其旁边添加一些文本。

这个简单的块包含两个并排放置的块,使您可以轻松添加图像并在其旁边添加一些文本。

2. 在 WordPress 帖子和页面中添加按钮

2.向 WordPress 帖子和页面添加按钮

在经典编辑器中,向博客文章或页面添加按钮是另一个烦恼。您要么必须使用为按钮创建短代码的插件,要么必须切换到 HTML 模式并编写代码。

经典编辑器中的另一个烦恼是在博客文章或页面上添加按钮。您要么必须使用为按钮创建短代码的插件,要么必须切换到 HTML 模式并编写代码。

古腾堡附带一个按钮块,可让您快速向任何帖子或页面添加按钮。

古腾堡附带按钮块,允许您快速向任何帖子或页面添加按钮。

Adding a button block in Gutenberg

您可以为按钮添加链接、更改颜色以及从三种按钮样式中进行选择。

您可以向按钮添加链接、更改颜色并从三种按钮样式中进行选择。

3. 在博客文章和登陆页面中添加漂亮的封面图片

3. 为博客文章和登陆页面添加漂亮的封面图片

您可能想要尝试的另一个很酷的功能是“封面”块,它允许您向帖子和页面添加封面图像。

您可能想要尝试的另一个很酷的功能是封面块,它允许您将封面图像添加到帖子和页面。

封面图像是较宽的图像,通常用作页面中新部分或故事开头的封面。它们看起来很漂亮,并允许您创建引人入胜的内容布局。

封面图像是较宽的图像,通常用作页面上新部分的封面或故事的开头。它们看起来很漂亮,并允许您创建引人入胜的内容布局。

Simply add a cover block and then upload the image you want to use. You can choose an overlay color for the cover or make it a fixed background image to create 视差效应 when users scroll down the page.

只需添加一个封面,然后上传您要使用的图像即可。 您可以选择封面的叠加颜色,也可以将其设为固定的背景图像,以在用户向下滚动页面时创建视差效应

The cover image block in Gutenberg editor

4. 在文章内创建表格

4.在文章内部创建一个表

The classic editor didn’t have a button to 将表格添加到您的 WordPress 帖子中. You had to use a plugin or create a table writing custom CSS and HTML.

经典编辑器没有按钮将表添加到 WordPress 帖子 。 您必须使用插件或创建编写自定义CSS和HTML的表格。

新的古腾堡编辑器附带一个默认的表格块,这使得将表格添加到帖子和页面中变得非常容易。只需添加块,然后选择要插入的列数和行数。

新的古腾堡编辑器附带一个默认的表格块,这使得向您的帖子和页面添加表格变得非常容易。只需添加块并选择要插入的列数和行数。

Table block

您现在可以继续开始向表行添加数据。如果需要,您可以随时添加更多行和列。还有两种基本样式可供选择。

现在您可以开始向表行添加数据。如果需要,您可以随时添加更多行和列。还有两种基本样式选项可用。

5. 创建多列内容

5. 创建多列内容

创建多列内容是经典编辑器根本无法处理的另一个问题。块编辑器允许您添加列块,这基本上添加了两列段落块。

创建多列内容是经典编辑器根本无法处理的另一个问题。块编辑器允许您添加列块,这基本上添加了两列段落块。

Multi-column content

这个列块非常灵活。您可以在一行中添加最多 6 列,甚至可以在每列中使用其他块。

这个柱块非常灵活。您可以在一行中添加最多 6 列,甚至可以在每列中使用附加块。

像Pro一样使用Gutenberg的额外提示 Bonus Tips to Use Gutenberg like a Pro

看着新的块编辑器,您可能想知道是否会花费更多时间添加和调整块而不是创建实际内容?

看着新的块编辑器,您可能想知道,您会花更多的时间添加和调整块而不是创建实际内容吗?

嗯,新的编辑器速度非常快,即使是几分钟的基本使用也可以让您无需思考即可立即添加块。

嗯,新的编辑器速度非常快,几分钟的最基本使用将使您无需考虑即可立即添加块。

很快您就会意识到使用这种新方法您的工作流程将变得多么快。

很快您就会意识到使用这种新方法将使您的工作流程更快。

对于高级用户,这里有一些额外的提示,可以帮助您更快地使用新的 WordPress 编辑器。

对于高级用户,这里有一些额外的提示,可帮助您更快地使用新的 WordPress 编辑器。

1. 将块工具栏移至顶部。

1. 将块工具栏移至顶部。

正如您可能在屏幕截图中注意到的那样,每个块的顶部都会出现一个工具栏。您可以将此工具栏移动到编辑器的顶部。

您可能已经在屏幕截图中注意到每个块的顶部都有一个工具栏。您可以将工具栏移动到编辑器的顶部。

只需单击屏幕右上角的三点按钮,然后选择“顶部工具栏”选项。

只需单击屏幕右上角的三点按钮并选择“顶部工具栏”选项即可。

Move the block toolbar to the top of the editor

2. 使用键盘快捷键

2. 使用键盘快捷键

古腾堡附带了几个方便的快捷方式,可以让您的工作流程变得更好。您应该立即开始使用的第一个是 /。

古腾堡附带了一些方便的快捷方式,可以让您的工作流程变得更好。您应该立即开始使用的第一个是 /。

只需输入 / 然后开始输入,它就会显示您可以立即添加的匹配块。

只需输入 / 并开始输入,它就会显示您可以立即添加的匹配块。

如需更多快捷键,请单击屏幕右上角的三点菜单,然后选择“键盘快捷键”。

要获得更多快捷键,请点击屏幕右上角的三点菜单,然后选择“键盘快捷键”。

Launch keyboard shortcuts

这将弹出一个弹出窗口,其中列出了您可以使用的所有键盘快捷键。该列表将为 Windows 和 Mac 用户提供不同的快捷方式。

这将弹出一个弹出窗口,其中列出了您可以使用的所有键盘快捷键。该列表将为 Windows 和 Mac 用户提供不同的快捷方式。

3.拖放媒体自动创建媒体块

3.拖放媒体自动创建媒体块

古腾堡允许您将文件拖放到屏幕上的任何位置,它会自动为您创建一个块。

古腾堡允许您将文件拖放到屏幕上的任何位置,它会自动为您创建一个块。

您可以放置​​单个图像或视频文件,它会为您创建块。您还可以放置多个图像文件来创建图库块。

您可以拖放单个图像或视频文件,它会为您创建块。您还可以拖放多个图像文件来创建图库块。

Drag and drop gallery block in new WordPress editor

4. Adding YouTube, Twitter, Facebook, 维梅奥, and other embeds

4.添加YouTube,Twitter,Facebook, 维梅奥和其他嵌入

古腾堡向块编辑器引入了新的嵌入块。所有受支持的嵌入类型都有一个块,包括 YouTube、Twitter、Facebook 等。

古腾堡向块编辑器引入了新的嵌入式块。所有受支持的嵌入类型(包括 YouTube、Twitter、Facebook 等)都有一个块。

Embed blocks

但是,您可以随时复制并粘贴嵌入 URL,它会自动为您创建一个块。

但是,您始终可以复制并粘贴嵌入的 URL,它会自动为您创建一个块。

例如,如果您添加了 YouTube 视频 URL,它将自动创建 YouTube 嵌入块并显示视频。

例如,如果您添加 YouTube 视频 URL,它将自动创建 YouTube 嵌入块并显示视频。

YouTube embed
在WordPress中为Gutenberg块编辑器添加更多块 Adding More Blocks to Gutenberg Block Editor in WordPress

WordPress 中的新块编辑器允许开发人员创建自己的块。有一些很棒的 WordPress 插件为新编辑器提供块捆绑包。

WordPress 中的新块编辑器允许开发人员创建自己的块。有一些很棒的 WordPress 插件为新编辑者提供块捆绑包。

这里有几个:

以下是一些:

1. 高级古腾堡

1. 高级古腾堡

Advanced Gutenberg

Advanced Gutenberg 附带了多个流行内容元素的块,例如 WooCommerce 产品滑块、推荐、地图、计数器、选项卡、手风琴等。

Advanced Gutenberg 附带了多个流行内容元素的块,例如 WooCommerce 产品滑块、推荐、地图、计数器、标签、手风琴等。

It also gives you advanced control on which users can access blocks based on their 用户角色. You can create user profiles and select which blocks they can add.

它还使您能够根据用户角色对哪些用户可以访问块进行高级控制。 您可以创建用户配置文件并选择他们可以添加的块。

2. 可堆叠——古腾堡积木

2. 可堆叠——古腾堡积木

Stackable - Gutenberg Blocks

Stackable – 古腾堡块是一系列设计精美的古腾堡块的集合,您可以在您的网站上使用它们。它包括容器、帖子、功能网格、手风琴、图像框、图标列表、号召性用语等块。

Stackable – 古腾堡块是一系列设计精美的古腾堡块的集合,您可以在您的网站上使用它们。它包括容器、帖子、功能网格、手风琴、图像框、图标列表、号召性用语等块。

3. 编辑器块

3.编辑器块

Editor blocks for Gutenberg

Editor Blocks is another neat collection of Gutenberg blocks that you can use. It comes with useful blocks like author profile, hero image, 定价表, brands, features, and more.

编辑器块是您可以使用的另一个古腾堡块的整洁集合。 它带有有用的块,例如作者资料,英雄形象, 价位表 ,品牌,功能等等。

关于古腾堡的常见问题解答– WordPress中的新块编辑器 FAQs about Gutenberg – The New Block Editor in WordPress

自从 Gutenberg 成为新的 WordPress 编辑器以来,我们收到了很多问题。以下是有关古腾堡的一些最常见问题的解答。

自从古腾堡成为新的 WordPress 编辑器以来,我们收到了很多问题。以下是有关古腾堡的一些最常见问题的解答。

1. 我的旧帖子和页面会怎样?我还可以编辑它们吗?

1. 我的旧帖子和页面会怎样? 我还可以编辑吗?

您的旧帖子和页面完全安全,不受古腾堡的影响。您仍然可以编辑它们,古腾堡将自动在包含经典编辑器的块中打开它们。

您的旧帖子和页面对于古腾堡来说是完全安全的。您仍然可以编辑它们,古腾堡将自动在包含经典编辑器的代码块中打开它们。

Editing older articles in new WordPress editor

您可以在旧编辑器中编辑它们,也可以将旧文章转换为块并使用新的块编辑器。

您可以在旧编辑器中对其进行编辑,或者将旧帖子转换为块并使用新的块编辑器。

2.我还能继续使用旧编辑器吗?

2.我还可以使用旧的编辑器吗?

Yes, you can still keep using the old editor. Simply install and activate the 经典编辑器 plugin.

是的,您仍然可以继续使用旧的编辑器。 只需安装并激活经典编辑器插件即可。

激活后,它将禁用块编辑器,您将能够继续使用经典编辑器。

激活后,它将禁用块编辑器,您将能够继续使用经典编辑器。

请注意,经典编辑器的支持将持续到 2022 年。

请注意,经典编辑器将支持到 2022 年。

3.如果新编辑器无法与我正在使用的插件或主题配合使用怎么办?

3. 如果新编辑器不支持我正在使用的插件或主题,我该怎么办?

古腾堡计划已经开发了很长时间。这为插件和主题作者提供了充足的时间来测试他们的代码的兼容性。

古腾堡计划已经开发了很长时间。这为插件和主题作者提供了充足的时间来测试其代码的兼容性。

但是,某些插件和主题仍有可能无法与新编辑器很好地配合。在这种情况下,您可以安装经典编辑器插件,请求开发人员添加古腾堡支持,或者只是找到替代插件或主题。

但是,仍然有一些插件和主题可能无法在新编辑器中正常工作。在这种情况下,您可以安装经典编辑器插件,要求开发人员添加古腾堡支持,或者干脆找到替代插件或主题。

4. 如何了解更多古腾堡提示和技巧?

4. 如何了解更多古腾堡提示和技巧?

WPBeginner 是了解 WordPress 中新的块编辑器的最佳场所。我们是互联网上最大的 WordPress 资源网站。

WPBeginner 是学习 WordPress 中新的块编辑器的最佳场所。我们是互联网上最大的 WordPress 资源网站。

我们将发布新文章并更新旧资源,以帮助您掌握新的块编辑器。

我们将发布新文章并更新旧资源,以帮助您掌握新的块编辑器。

Meanwhile, if you have any questions, feel free to reach out to us by leaving a comment or by using the 联系表 on our website.

同时,如果您有任何疑问,请随时发表评论或使用我们网站上的联系人列表与我们连接

We hope this Gutenberg tutorial helped you learn how to use the new WordPress block editor. You may also want to see our 完整的 WordPress 性能指南 for improving your website speed.

我们希望此古腾堡(Gutenberg)教程能够帮助您学习如何使用新的WordPress块编辑器。 您可能还想查看我们完整的 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/beginners-guide/how-to-use-the-new-wordpress-block-editor/

. . .

相关推荐

额外说明

Vue 2.0——v-model双向绑定

文章目录 背景 什么叫双向绑定 案例 效果展示 背景 Vue 还提供了 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定。 使用vue进行数据获取操作,不再像之前的使用jquery或者原生的dgi方式获取数据了。 通常会采取v-mode

额外说明

Gitee:使用简单

Gitee:简单的使用 阅读前提:解决问题的时候要多百度一下,多去浏览这一类的文章。。。 1.在Gitee官网注册一个用户 2.新建分支 3.新建仓库 4.配置SSH公钥 5.需要安装Git软件,然后打开Git Bash 输入:ssh-keygen -t

额外说明

网络存储分类

浏览器端用来存储数据的浏览器API主要包括 sessionStorage、localStorage和indexedDB。 sessionStorage和localStorage主要用来存储简单的字符串或者由JavaScript对象经过JSON处理后的字符

额外说明

Java常用类

Java常用类 一、System类 1、System类代表当前Java程序的运行平台,程序不能创建System类的对象, System类提供了一些类变量和类方法,允许直接通过System类来调用这些类变量和类方法。 (1).currentTimeMill

额外说明

TopSAP天融信LINUX客户端CentOS版安装

TopSAP天融信 LINUX客户端 CentOS版安装 下载客户端 安装 运行 下载客户端 项目需要用到CentOS环境下的天融信客户端,可以下载LINUX版 下载地址 https://app.topsec.com.cn/ X86_64(或AMD64)

额外说明

RbbitMQ04_Spring集成RabbitMQ实现发布订阅模式、路由模式、通配符模式

文章目录 ①. 生产者和消费者工程目录如下、pom.xml依赖 ②. 生产者配置文件 ③. 生产者测试代码 ④. 消费者配置文件 ①. 生产者和消费者工程目录如下、pom.xml依赖 <?xml version="1.0" encoding="UTF-8

额外说明

邻接表(单链表)详细分析,言简意赅

-音乐分享 夏野与暗恋——闫东炜    树和图都可以用到 ---比如加入图的每一条边,就可以用这个方法 --- 邻接表就是单链表,如果有n个结点,就开了n个单链表。 存储这个点可以走向哪里 邻接表可以存储有向图  使用邻接表时,一般选择头插法   -️‍

额外说明

发布一个node密码加密的包

一、node-auth0主要提供的功能 1、密码加密 2、校验密码是否正确 二、包的使用 1、安装 npm install node-auth0 三、使用步骤 1、导包 import NodeAuth from 'node-auth0'; 2、实例化

额外说明

leetcode560. Subarray Sum Equals K

Given an array of integers and an integer k, you need to find the total number of continuous subarrays whose sum equals to k. E

ads via 小工具