如何使用 Visualizer 制作响应式 WordPress 图表

您的 WordPress 网站是否需要访问各种图表和图形? 如果是这样,Visualizer:WordPress 的表格和图表管理器是完成这项工作的完美插件。

该插件为用户提供了超过 15 种不同的图表和图形(只有 4 种是免费的),它易于使用,甚至允许您从 Excel 导入数据。 一切都直接在古腾堡编辑器中处理,因此,一切都非常简单。

今天,我将演示如何使用 Visualizer WordPress 插件来创建图表和图形。

本教程适用于:
WordPress 5.9
插入: Visualizer:用于 WordPress 的表格和图表管理器 v3.7.4

为什么要在 WordPress 中添加图表和图形?

图表、图形和其他视觉内容有助于提高内容的可读性。 它们允许您将大型数据集转换为大多数访问者可以一目了然地阅读的易于理解的图像。

还值得一提的是,当普通访问者看到图表或图形时,它会散发出更专业的氛围。 这可以为您的声明增加更多可信度。 因此,更容易证明一个观点。

当然,这些工具甚至可能不适合您的访问者。

虽然许多网站所有者都熟悉 Microsoft Excel 或 Google 表格,但您也可以将这些图表和图形用于您自己的网站数据,但我会提倡使用 Excel,因为它具有更强大的功能。

无论如何,让我们进入教程。

如何在 WordPress 中制作图表

第 1 步:安装 Visualizer:WordPress 的表格和图表管理器

总之,这个插件允许您在古腾堡编辑器中创建各种图表。 您可以从 Excel 等其他来源手动输入或导入数据。 您真正需要做的就是安装插件、创建图表并将其添加到 Gutenberg。

真的就是这么简单。

让我们首先单击插件并选择左侧管理面板上的添加新选项。

添加新插件

在可用的搜索框中搜索 Visualizer:WordPress 的表格和图表管理器。 这将提取您可能会发现有用的其他插件。

搜索插件

向下滚动,直到找到 Visualizer 插件,然后单击“立即安装”按钮并激活插件以供使用。

立即安装按钮

第 2 步:创建图表

安装插件后,您现在可以开始在 WordPress 中制作图表了。

此图表制作工具允许您在 WordPress 中创建四种图表,包括表格、饼图、折线图和条形图。 其余选项锁定在高级版本后面。 好消息是每种类型的过程几乎相同。

唯一的区别在于该图表的细节,例如确定条形图中条形的颜色。 总的来说,它非常简单。

在左侧管理面板上,单击 Visualizer 并选择添加新图表选项。

添加新图表

将出现一个弹出窗口,其中包含插件提供的所有图表。 选择您要使用的选项。 作为参考,我正在 WordPress 中制作条形图。

选择图表

单击“下一步”按钮,您将看到带有一些虚拟数据的图形示例。 现在您只需要实际输入真实数据,在免费版本中有两个选项。

您可以使用 CSV 文件 (Excel),也可以提供 URL 链接。 手动等其他选项被锁定在高级版之后。 使用一种可用的方法将数据添加到图表中。

笔记: 如果您像我一样使用 Excel,则需要将第一行设为列标题,第二行将包含数字。

将数据添加到图表

将出现图表的预览。 我为 2021 年的游戏机销售做了一个。仔细检查信息是否正确。 如果没有,您将需要返回文件,编辑并重新上传它。

不用担心颜色,我们需要保存图表来更改它们。 单击“创建图表”按钮。

预览图表

第 3 步:编辑图表(可选)

您现在将在可用图表列表中看到您刚刚制作的图表。 如果要更改视觉元素,请单击它。 在这种情况下,您可能想要更改颜色。 如果不能随意跳过这一步。

笔记: 您无法更改任何实际数据。 这需要使用正确的信息重新上传新文件。 因此,如果您发现某些内容拼写错误或数据不正确,则需要重新创建图表。 在高级版本中,您可以手动输入数据,因此您可以即时进行更改。

点击编辑选项

单击设置选项卡并选择系列设置。 您应该看到图表的每个数据点。 在这种情况下,我的是 Switch、PlayStation 和 Xbox。

展开选项,您可以选择一种颜色以及它是否在图例中。 每种图表类型的选项都不同。

您可以在进行更改时看到更改。 单击“保存图表”按钮以保存更改。 这是一个更新的视图:

预览图表

第 4 步:将图表添加到帖子或页面

添加图表就像在 Gutenberg 中添加块一样简单。

转到您网站上的任何帖子或页面。 单击“+”按钮并搜索 Visualizer Chart 块并选择它。

选择可视化图表块

您可以选择创建新图表或选择现有图表(此过程与我们刚刚所做的相同,但在 Gutenberg 内完成)。

单击显示现有图表选项。

显示现有图表

选择您在上一步中制作的图表。

图表现在在古腾堡

您可以重复这些步骤来创建多个图表和图形,并将它们添加到您的帖子和页面中。 请记住,您可以在单个帖子或页面中添加任意数量的内容。 您也可以将它们添加为小部件,但由于它们的性质,这可能不是一个好主意。

恭喜您学习如何在 WordPress 中创建响应式图表和图形。

溢价值得吗?

在许多插件中,高级版本并不总是必要或值得的。 但在这种情况下,它可能是。

到目前为止,高级版最大的便利是能够手动将数据输入图表。 这使您可以轻松地对图表和图形进行更改和添加。 没有它,您每次都需要上传一个新文件,这会占用您的时间。

更不用说您可以访问在 WordPress 中使用的各种其他图表和图形。 如果您打算大量使用此插件。 我可以肯定地说高级版值得购买。

使用 WordPress 图表帮助您的数据点脱颖而出

数据是一种强大的工具,但是当它是数字形式时,它可能很难被消化。 这就是图表和图形发挥作用的地方。 它们可以使数据易于阅读并增强内容的视觉效果。

只需确保您添加的数据实际上是正确的。 而且,始终包括您用来提高可信度的任何来源。

您找到使用该插件的难易程度如何? 为什么要将图表添加到您的 WordPress 网站?

  如何为您的品牌推出服装系列网站

类似文章