7 个最佳 WordPress 图标框插件（免费和付费）

已发表: 2024-01-25

图标盒设计是展示您的产品或服务的简洁简介的最佳方式。在盒形设计上展示您的信息可能是展示内容的一种有吸引力的方式。但是，如果您想在 WordPress 网站上创建此设计，则需要图标框插件的帮助。

但是，当涉及到插件时，可以有很多选择。这正是这篇文章的主题：继续阅读以了解最好的 WordPress 图标框插件！

内容隐藏

1什么是图标框？

2前 7 个 WordPress 图标框插件

3如何选择最好的 WordPress 图标框插件

4最后的话

什么是图标框？

图标框就像功能框。从本质上讲，它使您能够在盒形卡片上展示关键信息。

通常，网站用户不会喜欢对您的服务或产品进行详细描述。但是，您可以使用图标框插件轻松简化 WordPress 网站上这种乏味的体验。

它可以让您显示一个内容框，在其中，您通常会看到一个按住的图标和其他元素，例如标题、描述和按钮。而且，一个好的插件可以让您自定义图标框元素，以直观地突出您的基本USP （独特卖点）。

那么，让我们了解最好的图标框插件......

7 个最佳 WordPress 图标框插件

这是我们精心挑选的图标框插件集合。我们已经测试了这些插件并尝试使用所有功能。请注意，我们将提供的插件是免费和付费选项的混合体。

1.ElementsKit图标框小部件

插件统计：

活跃安装量： 1+00万（免费版）
评分： 5.0或更高
最适合：多用途图标框。

ElementsKit 是一个完整的多用途图标框插件选项，您可以使用它在 WordPress 网站上的任何位置提供具有视觉吸引力的信息或功能框。您会发现此功能是 ElementsKit 插件下的一个小部件。

ElementsKit 图标框小部件可简化图标、标题、描述、按钮等所有内容以及徽章和水印等其他独特功能。该插件在图标框功能方面的一大优势是其大量的图标集合。您将可以访问 Font Awesome- Regular、Font Awesome- Solid、Font Awesome- Brands 和 ElementsKit 图标包。

另外，ElementsKit 还提供了几种悬停效果的动画效果。您可以将其单独应用于图标或整个图标框。这样，您在展示您的产品或服务的重点部分的同时，将拥有更强大的功能。

优点：

从您的设备上传 SVG 图标。
轻松地将它们放置在页面布局中。
广泛的图标集合。
为图标框启用水印。
添加和自定义徽章和边框。
启用仅用于悬停的按钮。
使用背景叠加层设置图标框的样式。
作为 ElementsKit 插件的免费小部件提供。

缺点：

作为第三方插件提供。

2.Elementor图标框小部件

插件统计：

活跃安装量： 5+百万（免费版）
评分： 4.6或更高
最适合：多用途图标框。

您可以在 WordPress 网站上使用的另一个免费插件是 Elementor Icon Widget。我喜欢这个插件的地方在于，您不需要像使用 ElementsKit 那样安装任何其他插件。您需要同时安装 Elementor 和 ElementsKIt。而且，用户界面对初学者友好。

但是，Elementor 中缺少 ElementsKit 的一些强大功能，例如按钮、徽章或水印。它非常适合显示最小的图标框。就像您无法将访问者导航到任何地方一样，因为它没有按钮功能。

当涉及到使用 Elementor Builder 在图标框上添加悬停效果时，您将获得一些支持。而且，悬停效果不会像我们的首选 ElementsKit 那样有任何打开动画效果。不过，Elementor 图标框使用起来很方便，并且具有足够的自定义功能。

优点：

自定义图标并定义其位置。
在悬停时应用动画效果。
获取排版的样式选项。
移动响应图标框。

缺点：

无法添加任何徽章、水印或按钮。

3. 彩盒面板和信息框

插件统计：

活跃安装： 1,000+
评分： 4.6或更高
最适合：多用途图标框。

当我们测试这个基于引导程序的插件时，它与所有类型的设备兼容。我发现最大的缺点是它的用户界面非常复杂。虽然它提供了所见即所得的功能，但是能够满足直观的体验。

不过，您可以使用此插件创建一个图标框，例如团队框、信息框或功能框。

优点：

具有广泛的颜色选择。
促进五种盒子布局。
支持 Font Awesome 图标并与图标选择器集成。
与拖放构建器集成。
具有砖石和同位素效果。
图标显示的两种不同选项。

缺点：

不附带任何版式和图标自定义。
无法上传您自己的图标。
大多数功能都在专业版中提供。

4. Betheme图标盒

插件统计：

最适合：多用途图标框。

该图标框元素由 Betheme 构建器插件提供支持。如果您想将图标放置在框中的不同位置，这个插件可以为您做到。而且，您还可以在图标框上应用直观的悬停效果。一种特殊的动画效果是当您将鼠标光标悬停在整个框上时，整个框都会移动。

但是，您必须付费才能获得所有这些功能，因为该插件没有免费版本。而且这种投资并不值得，因为有相同价格的免费替代品。

优点：

从库中选择一个图标或添加您的自定义图标。
设置图标的不同位置。
为所有设备创建响应式图标框。
应用多种悬停动画效果。
悬停时移动整个图标框。

缺点：

需要支付完整的计划费用。

5. 服务箱展示

插件统计：

活跃安装： 5,000+
评分： 4.8或更高
最适合：基于服务的图标框。

Service Box Showcase 插件提供了一种使用预构建模板轻松设计图标框的方法。您可以使用它来以有吸引力的方式显示已定义的服务。

该插件仪表板包含各种有用的设置，但免费版本中只有少数可用。您最终可以设计一个也与所有浏览器兼容的响应式图标框。

Service Box Showcase 插件的另一个好处是，它可以让您添加一个“阅读更多”按钮，该按钮仅在以前的插件的专业版中可用。

优点：

支持 Font Awesome 图标和图标选择器。
与拖放 API 集成。
促进可拖动的常见问题解答项目以方便排序。
选择显示图标和阅读更多按钮。
提供图标框的轮播样式。
提供标题和按钮文本的自定义选项。

缺点：

为单一目的而开发。
大多数功能都在专业版中提供。

6. 服务箱

活跃安装：500+

评分：5.0

最适合：基于服务的图标框。

Service Box 是一个简单的图标框插件。它非常适合显示您的服务信息。除了显示多种服务风格外，它还可以在网格和滑块视图中显示您的服务。此外，您还可以对服务框进行分组。

优点：

在网格和滑块视图中展示您的服务。
适用于 16 种不同风格。
将您的服务箱分组。
添加背景颜色和图像。
添加带有图标框的按钮。
设置您的图标框排版风格。

缺点：

主要用于创建基于服务的图标框。
无法添加徽章和水印。

7. 信息框（古腾堡块）

活跃安装：1000+

评分：5.0

最适合：多用途图标框。

我们要添加到此列表中的最后一个插件是 Info Box，这个 WordPress 插件是为古腾堡编辑器开发的。它可以让您为您的古腾堡网站创建完全自定义的图标框。

您可以开始创建具有不同预设布局的动画图标框。它提供了一个用于单独设置每个内容元素的位置的控件。而且，它还促进了图标框中每个元素的所有自定义功能。总的来说，这是一个完整的图标框解决方案。

优点：

基于古腾堡的直观界面。
可以显示图像而不是图标。
获取自定义功能来设置图标样式。
获取用于设置所有元素（如标题、副标题和按钮）样式的控件。

缺点：

没有任何徽章或水印功能。

如何选择最好的 WordPress 图标框插件

您还在为选择最好的 WordPress 插件来设计图标框而感到困惑吗？通常，我们会为任何 WordPress 要求提供多个插件选项。但是，并非所有插件都提供特定的要求和首选项。

因此，下面我们概述了选择正确的插件来显示信息框时的一些基本最低要求。

设定您的要求

我们已经知道，图标框由多个元素组成。然而，将所有这些都归为一类是非常具有挑战性的。此外，您的设计可能有特定的需求，例如显示徽章或水印。而且，最重要的是插件图标库应该包含您喜欢的图标和支持上传图像而不是图标的选项。

定制选项

使用图标框插件的主要目的之一是使某条特定信息更具吸引力。而且，您可能已经有了一些造型想法。因此，定制起着重要的作用。例如，您可能希望仅将悬停效果应用于图标而不是整个框。因此，在安装此图标之前必须检查自定义功能的可用性。

用户界面

拥有复杂的仪表板会使您的图标框设计变得更加困难。为此，您需要一个可以更轻松地控制设置的用户界面。您应该拥有一个具有所见即所得构建经验的插件。 Elementor 或 ElementsKit 插件促进了这样的功能。

预制布局

预制布局帮助我们轻松获得设计灵感并在几分钟内开始工作。一些插件提供专业设计的布局，让您的工作更轻松。因此必须检查该图标框插件的布局套件的可用性。

响应式设计

图标框的响应能力很重要，因为它需要在所有设备上都完全可见。为了更好地理解响应式设置，您可以阅读文档或教程。

插件冲突

当我们需要像图标框这样的设计时，我们通常会安装单一用途的插件。这样做会增加插件的数量，并可能导致插件之间发生冲突。那么，有什么办法可以解决呢？最佳实践是拥有一个具有各种功能的插件。例如，使用ElementsKit可以满足您网站设计的不同需求，包括图标框。

最后的话

此列表中的所有插件都以各自的方式受益。它们都有助于为您的 WordPress 网站创建令人惊叹的图标框。然后，涉及您对功能和用户界面的个人喜好。

现在，此列表中的大多数插件都是免费的，因此您应该尝试一下并找到一个您在实际使用中感到舒适的插件。而且，这将是找到最好的 WordPress 图标框插件的合适方法。