如何在 WordPress 中添加按钮：使用 PostX 增强您的 WordPress 按钮

WordPress 按钮块是一个功能强大的 WordPress 块，它将按钮自定义提升到一个全新的水平。 凭借广泛的选项和功能，它允许您创建吸引网站访问者的引人注目的交互式按钮。 那么，如何在WordPress中添加按钮呢？

使用以下步骤在 WordPress 中使用按钮

• 安装 PostX
• 添加 PostX 按钮块
• 在 WordPress 按钮中添加链接
• 自定义按钮块

今天我们将探索 PostX 按钮块的亮点，如何使用 PostX 在 WordPress 中添加按钮。 事不宜迟，让我们开始吧。

如何在 WordPress 中添加按钮

现在，我们将解释如何向 WordPress 站点添加按钮。 按照这个分步指南，您可以在您的网站中添加完美的 WordPress 按钮。

视频教程

这是将 WordPress 按钮添加到您的网站的视频教程。

第 1 步：安装 PostX

要解锁 PostX 的强大功能并利用其功能，您需要安装该插件。

安装和激活 PostX Gutenberg Blocks 插件：

1. 转到插件 → 添加新插件。
2. 搜索“PostX”。
3. 单击安装，然后单击激活。

获取 PostX Pro 解锁所有令人兴奋的功能并制作令人惊叹的网站！

现在您已准备好使用 WordPress 按钮增强您的网站。

第 2 步：添加 PostX 按钮块

我们已经完成了 PostX 的安装。 现在可以使用这些按钮及其扩展的定制功能。 因此，事不宜迟，让我们向您展示如何在 WordPress 中添加按钮。

首先，您需要转到一个页面。 您可以转到 WordPress 页面选项，然后单击添加新页面来创建新页面。 然后，搜索“按钮组”以选择此块。 这会将 WordPress 按钮添加到页面。

第 3 步：在 WordPress 按钮中添加链接

超链接按钮或简单来说在 WordPress 按钮中添加链接很容易。

您需要先选择按钮，然后选择要超链接的文本。 现在，您将看到默认的 WordPress 工具提示。 从工具提示中，您会看到带有超链接图标的“链接”选项。 只需单击它即可打开 URL 框，并在其中添加您想要的链接以在按钮中添加链接。

第 4 步：自定义按钮块

选择块后，您将在右侧栏中看到所有自定义选项。

此块有两种类型的设置。 由于您可以添加多个按钮，因此此块对“按钮”和“按钮组”有单独的设置。

我们将向您展示所有自定义选项以及如何使用它们。

单个按钮的自定义设置

要选择和打开按钮的设置，您需要单击按钮。

风格

首先，单击按钮以获取其自定义选项。 您将看到的第一个设置是样式选项。 目前，它有 4 种样式选项。 您可以选择最适合您网站设计的那个。

按钮尺寸

您将获得的下一个选项是更改按钮大小。 默认情况下，您将获得小号、中号、大号、特大号和自定义。 如果您选择“小”、“中”、“大”或“超大”尺寸选项，您将获得预设按钮尺寸。

但是如果您想完全自定义按钮的大小，您可以通过选择“自定义”并调整其顶部、右侧、底部和左侧以设置水平和垂直尺寸来实现。

这是不同按钮样式的视觉外观。

文本

然后，您将获得文本设置。 这将使您可以根据需要自定义按钮文本。 您将看到“文本排版”、“文本颜色”和“文本悬停颜色”的设置。

如果展开文本排版设置，则可以更改字体大小（完全可自定义）、选择字体（包括自定义字体） 、字体粗细、高度、间距、文本装饰和文本样式，并将其转换为大写、小写和标题大小写。

这是悬停效果的视觉外观。

背景

此设置可让您自定义此按钮块的所有背景。

首先，您可以设置完全可自定义的按钮边距，以获得完美的水平和垂直位置。

然后您可以更改按钮颜色，包括纯色和渐变色。 单击每个以打开调色板。

之后，您可以调整此按钮的边框。 此设置包括边框样式（3 种预制样式）、边框宽度和颜色。

并且，调整所选按钮的边框半径。

此外，您还将获得 Box Shadow 设置。 展开它可以让您调整“Offset-X”、“Offset-Y”、“Blur”和“Spread”。

此外，您还可以设置阴影颜色。 如果您希望按钮向内而不是向外产生阴影，您将获得“插入”开关。

图标

您将在按钮设置中获得的最后一个设置是图标设置。 您必须启用切换栏才能使用它。 展开设置后，您会看到“图标商店”菜单，您可以在其中从庞大的库中选择图标。

有一个按钮可以将图标从文本之前交换到文本之后。

您可以更改图标大小并调整图标和文本之间的间距。

而且，您可以在正常和悬停时更改图标颜色。 您需要单击图标颜色自定义以打开调色板。

按钮组的自定义设置（多个按钮）

要选择按钮组，您会在默认的 WordPress 工具提示中看到“选择按钮组”图标。

纽扣间隙

选择按钮组后，您将找到按钮间隙设置。 此设置有助于设置 2 个和更多按钮之间的间隙。

水平和垂直对齐

在这里，您可以调整多个按钮的水平和垂直对齐方式。

您还可以切换垂直对齐以垂直设置按钮。

利润

您还可以从此设置调整整个按钮组的边距。

按钮动画

这是按钮块中最有趣的设置之一。 目前，您将在 WordPress 按钮块中设置 4 个动画。 当您将鼠标悬停在按钮上时，它们中的每一个都提供不同的方法。 此外，您可以使用“按钮变换”滑块调整动画的位置。

这是按钮动画的视觉效果。

这就是您使用 WordPress 按钮块所能获得的全部。 现在您知道如何使用 PostX 添加 WordPress 按钮了。

获取 PostX Pro 解锁所有令人兴奋的功能并制作令人惊叹的网站！

结论

现在您知道如何在 WordPress 中添加按钮，按钮块提供高级自定义选项，包括按钮样式、图标集成、渐变背景、悬停效果、高级排版、按钮组功能和动画。 您可以创建惊人的社交分享按钮，甚至可以在您的站点中实现完全自定义的加载更多按钮。

使用这个强大的工具，您可以创建具有视觉吸引力和吸引力的按钮，以增强您网站的用户体验。 利用 PostX 的 WordPress 按钮块来释放 WordPress 中可自定义按钮的功能。

您可以在我们的 YouTube 频道上查看 WordPress 视频教程。 此外，请在 Facebook 和 Twitter 上找到我们以获取定期更新！