如何通过 Automattic 使用 WordPress 事件块

2021年11月4日

138

WordPress 的母公司 Automattic 已经发布了一些最著名的 WP 插件。 WooCommerce、Jetpack、Akismet、BuddyPress、bbPress……等等。现在，他们在已经很长的列表中添加了另一个强大的插件：Event Block。这是一个非常简单的解决方案，可以让您的用户知道您要做什么。

什么是事件块？

与 WordPress 5.8 的许多新块不同，事件块必须通过插件存储库手动安装，而不是编辑器本身的块目录。

自动阻止事件

Automattic 现代设计理念的精髓在这个插件中如火如荼。它简单、易于使用且时尚。只需导航到插件在您的管理面板中搜索或上传以安装它。然后它将出现在您的插件列表中事件.

该块本身允许您添加事件、时间和位置的描述，并将图片添加到显示给访问者的卡片中。此外，您还有特定于区块的选项和设置，您可以调整这些选项和设置，以使区块更适合您网站的设计和您正在显示的事件的外观。

如何将事件块添加到您的帖子或页面

安装插件后，将事件块添加到您的页面就很容易了。在 WordPress 块编辑器中，只需按 + 按钮 添加一个新块。您可以在顶部工具栏中或任何空白块的右侧找到此按钮。

添加一个新块

将出现块选择侧栏。您可以在 小工具 部分，如果您滚动浏览整个安装的块集。您还可以搜索事件立即找到它。（注意搜索事件不会拉起块。）

搜索结果中的事件块

每个块为单个事件显示一张卡片。如果您打算使用它来显示一个节日或一系列活动（例如连续播放多天的戏剧的放映时间），您将需要在描述中包含该信息或为每个单独的节目创建多张卡片。

事件块设置和选项

正如我们上面所说，一种选择是不是包括能够展示一系列事件。从技术上讲，无法展示一系列日期。话虽如此，让我们看看究竟是什么事件块插件能够做。

要设置事件的日期，只需单击 选择日期 按钮。将出现一个弹出式日历，您可以在其中选择事件发生的日期和时间。如果您不选择时间，则默认为您选择日期的时间。然后日期将替换按钮并出现在块的左上角。

事件阻止日期

其他领域——标题, 地点，和描述— 只是您在其中键入相关信息的文本框。它们本质上是不言自明的。

标题、位置和描述

但是，此卡的一个主要缺点是位置不可点击。要将它们链接到地图，您需要使用块或其他方法将其单独包含在帖子中。默认情况下，电话号码可在移动设备上点击。

我们应该注意，您可以超链接描述或位置框中的任何文本。这意味着，如果您转到 Google 地图并输入事件的位置，则可以获取该搜索的 URL，并根据需要使用位置文本创建超链接。这不是一个理想的解决方案，但也许是您在不添加其他插件的情况下拥有的最好的解决方案。

这 活动图片 本质上是放置在事件块一侧的图像块。它将拉伸以适应块。您可以通过将块设置中的图像焦点定位到右侧 蓝色圆圈 在下面 焦点选择器 标题。

图像和设置

下面是 颜色设置 部分。您可以使用这些来调整块的外观，为整个块设置背景和文本颜色。

颜色设置

幸运的是，编辑器会警告那些对颜色组合不甚了解的人，并且会在您选择的组合难以阅读时发出警告。

也许事件块的最佳选择是您可以向其中添加子块。只需在描述后按回车/回车，你就会得到另一个 + 按钮 就像在基本编辑器中一样。从这里，您可以在事件本身内添加任意数量的其他块。 甚至其他活动.

事件中事件事件中事件事件中事件

事件块中的每个单独元素都可以单独调整。您可以将新创建的事件块视为您正在处理的帖子或页面的较小内容区域。每个子事件都可以有自己的设计和图像，以及每个段落块或其他任何内容。块的选项都将出现在右侧 块选项侧边栏 取决于您选择的块。

事件块插件的最后一个选项是您决定将事件本身显示为居中对齐的元素还是拉伸内容区域的宽度。

内容宽度

在上下文菜单中，对齐图标可让您选择其中之一。无论您选择哪个，您在其中创建的任何子块都会自行调整以适应更改。图像仍将聚焦在您指示的位置，但如果宽度允许，它们将扩展并显示更多基本图像。

有效使用事件块的提示和最佳实践

事件块插件简单而强大，你可以用它做很多事情。这里有一些提示，可确保您在客人面前脱颖而出。

1. 使用颜色

不要让颜色选项浪费在事件块上。利用能够调整设计的优势，以便您可以补充您的页面设计以及事件内和同一页面上的其他块。

如果您在事件块本身中使用块，请确保将它们的样式设置为从其容器中脱颖而出，以便您的用户更有可能注意到它们。

2. 使用适当大小的图像

真的，图像可以成就或破坏一个事件。如果您的活动看起来不令人兴奋或不吸引人，人们就不太可能想要参加。确保您使用能够以各种尺寸和形状呈现您的活动的高质量图像。由于图像具有响应性并根据它们拥有的空间调整它们的位置，因此可以设置没有特别的颗粒状照片。

始终测试您的图像以确保它们在多个方面都能很好地显示。

3.利用子块的优势

不要害怕在活动本身中添加免费块。当然，您可以在页面内容中添加一些内容，但是如果您想保证看到该信息，将其嵌入到事件块中是最好的方法。

例如，您可以在事件中使用 Divi 块来使用我们的地图模块，因为 WordPress 中没有一个默认值，并且事件块默认不呈现可点击的地址。（同样请记住，如果您愿意，您可以使用超链接将 Google 地图 URL 粘贴到该位置。）

4. 试验模式选项卡

WordPress 5.8 向编辑器引入了模式选项卡。结合Event Block插件，你可以不费吹灰之力就做出一些非常赏心悦目的页面设计。

模式事件块

在任何可以添加块的情况下，您都可以选择 模式选项卡 在左侧边栏中。选择一个会将其添加到您的模板中，您可以从那里开始。在上图中，我们只是在模式放入的每一列的底部添加了一个事件块，并在默认页面列中添加了一个。因为古腾堡编辑器允许在任何地方进行调整，您也可以尝试创建自己的模式。这样，您的活动就不会在标准网格或列表中丢失。