WP Simple Pay 博客

WordPress 支付教程、技巧和资源

WordPress 5.0 和 Gutenberg:您需要了解的内容

最后更新于

作者: 作者图片 丹尼斯

您无疑已经了解了 WordPress 5.0,这是一个重大的更新,彻底改变了我们通过 WordPress 创建内容的方式。

如果您使用 WordPress 已有一段时间,您可能知道该平台随着时间的推移发生了多大的变化。曾经一个简单的博客工具,如今已成为一个全面的网站构建和管理平台。

WordPress 5.0(代号“Bebo”)是我们使用该平台方式的一次重大转变。通过这次更新,WordPress 团队将重点放在了可用性和可访问性上。他们希望每个人都能在编写代码的情况下设计出令人惊叹的精美且响应式网站。

在本文中,我们将介绍 WordPress 5.0 的新功能,解释 Gutenberg 编辑器及其用法,然后讨论这对您最喜欢的支付插件 WP Simple Pay 有何影响。

WordPress 5.0 功能

WordPress 团队在开发 WordPress 5.0 时有三个目标:

  1. 找到一种方法,让用户能够使用富媒体和设计元素创建更多内容,而不是创建简单的、以文本为主的页面。
  2. 创建一套标准来与用户界面进行交互,使网站构建直观。他们不希望您混合使用富文本、短代码、HTML、从其他平台复制的代码以及其他格式。他们希望您使用他们的块系统。
  3. 使核心功能易于发现。他们希望您能直接看到各种内容类型(视频、图片、分隔符、列等),这样您就不必搜索 WordPress 或拼凑第三方插件。

这些都是宏伟的目标,但 WordPress 5.0 全部实现了。请观看他们的宣传视频:

以下是 WordPress 5.0 主要更新列表。

  • WordPress 现在正式支持 PHP 7.3 版本。
  • 新的 JavaScript 语言包允许您直接将可翻译字符串添加到 JS 代码中。
  • 点击“预览”按钮时,元框会保存。
  • 点击“预览”按钮时,草稿会保存。
  • 移动端优化改进。
  • 上线前可以裁剪背景图片。
  • 添加了 wp-image CSS 类,以便您可以使用图片尺寸属性。
  • WordPress Rest API 进行了一些重大改进(这有助于开发人员创建与 WordPress 集成的应用程序)。
  • 经典编辑器已被 Gutenberg 编辑器取代(稍后将详细介绍)。

WordPress 团队为什么要进行这些更改?

简单来说,WordPress 必须与其他网站构建解决方案竞争,例如 Squarespace、Wix、Shopify 等。是的,这些平台吸引了特定的用户群体,但它们仍然是 WordPress 的竞争对手。 WordPress 的市场份额持续增长,但其竞争对手的市场份额也在增长。

新主题:Twenty Nineteen

WordPress 的设计师们喜欢每年推出一个新主题。WordPress 5.0 还包含了最新的默认主题 Twenty Nineteen

WordPress 5.0和Gutenberg

与 WordPress 团队的大多数主题一样,Twenty Nineteen 现代、简约、轻量且专业。它高度可定制,并且在移动设备上看起来很棒。

最重要的是,新主题是专门为新的古腾堡区块编辑器设计的。由于古腾堡编辑器是全新的,它是为数不多的功能完善的主题之一。WordPress团队表示,他们将随着时间的推移更新旧的WordPress主题(一直追溯到Twenty Ten),以适应古腾堡。

古腾堡区块编辑器

新编辑器是WordPress 5.0中最显著的变化。它彻底改变了我们创建页面和文章内容的方式。古腾堡作为独立插件已经存在了好几个月,所以您可能已经尝试过它了。它现在是默认的WordPress编辑器。

“古腾堡的总体目标是提供一种文章和页面构建体验,让创建丰富的布局变得容易,”WordPress团队说道

如果您曾经使用过Thrive Architect、Elementor、Visual Composer或Beaver Builder等页面构建器,您会认出WordPress默认的新系统。

WordPress 5.0和Gutenberg

古腾堡是一个复杂的基于区块的编辑器。您不是将内容键入或粘贴到一个大文本框中,而是使用模块化区块来“构建”内容。

不同的区块有不同的用途。例如,图片区块用于图片。标题区块用于标题。段落区块用于——您猜对了——段落。每个区块都有特定的用途,您不能以其他方式使用它们。

WordPress 5.0和Gutenberg

WordPress 5.0附带了40多个默认区块。您可以从第三方来源安装带有自己区块的其他插件。如果您想要更多区块,请查看Atomic BlocksStackableAdvanced Gutenberg BlocksCoBlocks

古腾堡如何工作?

要添加区块,只需从菜单中选择它,或通过单击页面上的“+”图标之一来添加。您可以通过简单地将区块拖动到新位置来移动它们。

这种堆叠内容区块的方法让您无需接触代码即可控制最终设计。想将图片移到另一个段落的上方?只需简单地用鼠标拖动即可,而无需进行任何重新格式化或在HTML中留下重复的代码。

此外,布局区块提供了比以往更多的功能。您可以快速轻松地创建列、分隔符、按钮和小部件(用于短代码)。

每个区块都有自己的设置面板,因此您可以完全按照自己的意愿构建内容。当您单击一个区块时,界面右侧的菜单将更改以显示该区块的设置。

如果您创建了一个想要在其他地方(在该页面或其他页面上)使用的区块,您可以将其保存为可重用区块。这样您就可以在该页面或任何其他页面上快速添加具有这些设置的区块。

WordPress 5.0和Gutenberg

您可能会认为这种新的内容创建“构建”风格比简单地在文本框中键入更复杂,但WordPress通过添加大量键盘快捷键进一步简化了它。这些命令可以帮助您快速添加、删除和操作区块,从而快速创建内容。

WordPress 5.0和Gutenberg

在接下来的几个月里,我们无疑会看到您喜欢的插件和主题迎来大量更新(如果还没有发生的话)。它们将需要进行更改以适应Gutenberg。

Gutenberg和WP Simple Pay

那么Gutenberg如何影响WP Simple Pay?

幸运的是,它影响不大。如果您想在页面上添加WP Simple Pay表单,只需添加一个新块,在“小工具”类别中找到“短代码”块,然后粘贴您的短代码。

WordPress 5.0和Gutenberg

或者,您可以将短代码粘贴到段落块中。该块应自动转换为短代码块。

Gutenberg的优点在于,块系统会将您的付款表单保留在自己的行中,因此不会与其他页面元素发生格式冲突。

展望未来

虽然可以安装一个恢复经典编辑器的插件,但我们建议您尽快熟悉块编辑器。一旦您掌握了它,您就会意识到您可以在不接触代码的情况下快速创建令人难以置信的页面和帖子。

坦率地说,我们认为Gutenberg和WordPress 5.0只是朝着可访问性和专业级设计转变的开始。WordPress — 以及其他内容管理系统 — 希望您在他们的平台上构建整个网站,尽量少使用第三方工具。

您会在网上找到很多关于Gutenberg和WordPress 5.0发布的批评,但我们很期待看到人们如何使用它以及WordPress的未来。

哦,如果您发现错误,请务必报告!WordPress依赖其忠诚的社区提供反馈,以便他们能够不断改进其产品。

披露:我们的内容由读者支持。这意味着如果您点击我们的一些链接,我们可能会赚取佣金。我们只推荐我们认为能为读者带来价值的产品。

立即开始接受付款

在您的WordPress网站上开始接受一次性付款、定期付款或捐赠。