使用服务块突出显示您的服务 – AitThemes 自定义块

服务块是我们在 Citadela Pro 插件中发布的第一个块。借助此块，您可以完美地展示您的服务或产品功能、要点、愿景或工作范围。通过将服务块添加到 WordPress 页面或帖子，您可以突出显示某些元素、添加图标、描述和 CTA。如果您想让访问者仅关注一项特定服务或通过多个服务块关注多项服务，则由您决定。但让我们从头开始。

在这篇文章中我们将解释：

• 服务块的目的及其用途
• 与 WordPress 主题的兼容性
• 如何向网站添加服务块
• 使用 Inspector 进行块自定义
• 如何创建包含多项服务的专用服务页面

服务块的主要目的——以有吸引力的方式展示服务

您应该使用服务块的主要目的是它可以帮助您以有吸引力的方式呈现信息。它可以清楚地将特定组与其他文本区分开来，并突出显示它以引起每个人的注意。服务块在布局中看起来不错，因为：

• 结构化内容
• 用图标刷新一下
• 用图形和间距分隔服务

得益于以上，服务块能够快速引起访问者的注意。

更好的网站导航

因为服务是突出的，所以网站的浏览会变得更加容易。即使客户只会滚动浏览您的网站，他们也不会错过您提供的服务。

如果您将 URL 添加到您的服务中，它可以用作带有 CTA 的导航框。它会让客户点击该框来了解更多信息或订购服务。

服务块用于呈现功能

服务块还可用于突出显示您提供的产品或服务的功能。这意味着每个单独的服务块都将呈现一个特定的功能。这种图形表示可以展现给定产品的关键品质。请记住，访问者不想阅读大量文字。

服务块可以用在什么地方

服务块可以在帖子和页面内使用 - 事实上，您需要它的任何地方。最好在通常是与网站访问者第一次接触的主页上使用它。由于服务块可以轻松吸引访问者的注意力，因此我们建议在访问量最大的页面上使用服务。

服务块可以用在专用服务页面上，该页面与主页类似，访问量很高。您可以在一处展示您提供的所有服务。

稍后我们将讨论如何创建服务页面。

与 WordPress 主题的兼容性

服务块的主要优点是它可用于所有支持 WordPress 块编辑器 (Gutenberg) 的 WordPress 主题。这意味着您可以在我们的主题或任何第 3 方主题（例如 Avada 或 Divi）上使用它。您需要的一件事是安装 Citadela Pro 插件。

如何将服务块添加到您的网站

正如我们已经提到的，要将服务块添加到编辑器，您需要 Citadela 块插件。插件激活后，块将自动添加到 WordPress 编辑器中。

可以通过单击顶部栏中或编辑器内任何位置的“+”符号来添加服务块。之后，只需使用术语“服务”搜索给定的块。

添加服务块的第二个选项是使用“/”并写入单词“service”。

完毕。这就是服务块及其可用选项的样子。

服务块设置

首先，您可以选择更适合您的网站设计的服务布局。默认情况下有框布局，它将图标、标题和描述居中。您可以将其更改为顶部工具栏中的列表布局。图标将移动到标题旁边，所有内容都将向左对齐。

在服务块内有一个占位符，也可以用作提示。您将确切地知道在该单独的框中要写什么。标题通常是指功能的服务名称。下面的文字通常会进一步描述服务或解释客户为何应该订购该服务。

文本可以像平常一样设置格式，您可以将其设置为粗体、斜体或添加链接。

使用 Inspector 进行块自定义

Inspector 中的高级设置允许您根据需要修改服务块。你可以改变：

1. 块色

• 背景颜色
• 标题颜色
• 文字颜色

2. 服务块中的图标或图像

服务块默认显示图标。您可以使用搜索栏从选择器中选择不同的图标。您还可以更改图标颜色。除了图标之外，您还可以使用任何图像。它可以设置为匹配图标大小或适合服务框宽度。

如果您不想在服务框中显示图标或图像，您可以完全关闭此功能（显示图标或图像 –> 无）。

3. 链接

要将访问者导航到另一个页面，您可以将链接添加到服务框中。正确选择 CTA 可以增加点击次数和转化率。您只需写“阅读更多”并插入网址即可。您还可以选择在新的浏览器选项卡中打开此链接。

4.自定义CSS类

对于高级 WordPress 用户来说，就像在其他块中一样，可以选择添加自己的 CSS 代码。它允许您对服务块设计进行更大的更改。

如何创建包含多个服务的服务页面

正如我们在本文开头提到的，服务页面可用于在一个地方呈现所有服务。创建一个新页面并并排或依次插入多个服务块。带有服务的块可以根据您的要求放置在任何地方。这完全取决于您如何使用它。

如何使用服务块在 WordPress 块编辑器中添加服务页面？

• 首先你需要添加 柱块
• 设置列数。如果要呈现3种服务，则需要3栏
• 之后在每一列中添加一个服务块

由于每个服务都是一个单独的块，因此管理简单明了。您可以复制选定的块并在页面的其他位置使用它。最好的事情是，服务块在移动设备上的响应式版本中也看起来不错。

您已经尝试过我们的服务块了吗？你是怎么找到它的？我们期待在下面的评论中看到您的第一反应。