让我们快速了解将图形小部件添加到 WordPress 网站的过程。我们将使用 Visualizer,因为我们非常喜欢它,所以它是我们的最爱。
但是,这并不是 Visualizer 教程。因此,我们在此处采取的步骤可能与您选择的解决方案的步骤不同。考虑到这一点,请安装并激活您选择的插件,然后创建新的图表或图形。
在 Visualizer 中,我们在安装时获得该选项:
Visualizer 插件启动向导。它显示了选择不同图表类型的选项,例如饼图/环形图、条形图和折线图。界面顶部有一个进度指示器,底部有一个保存并继续按钮。
Visualizer 插件的启动向导。
最有可能的是,插件管理面板中的某处会有一个“添加新图表”按钮:
WordPress 管理仪表板显示了 Visualizer Library 界面。顶部有一个红色突出显示的“添加新”按钮。下面是类型、库、日期和来源的下拉过滤器。主内容区域显示了标有 #216 的线图的开头,其中的蓝线代表 Cats 数据。
使用 WordPress 中的 Visualizer 插件添加新图表。
单击按钮并选择图表类型后,您需要输入数据。Visualizer 的免费版本仅支持手动编辑,但您的插件可以为各种工具提供集成和导入选项:
Visualizer 的数据编辑界面。左侧显示带有逗号分隔值的文本区域,而右侧提供从各种来源(例如文件、URL 和数据库)导入数据的选项。
在 Visualizer 插件中编辑图表的数据集。
接下来,查看可用的自定义选项。Visualizer 在图表创建屏幕中包含这些选项。您可以设置各个方面,例如标题位置、轴标签、网格线、图表大小和位置等等:
Visualizer 设置选项卡,其中显示了一个折线图界面,其中有三个数据系列,分别标记为 Cats、Blanket1 和 Blanket2。右侧显示了调整常规设置的选项,包括一个用于设置图表标题位置的下拉菜单。
在 Visualizer 中进行设计定制。
最后一步是将图表或图形嵌入到您的网站。许多插件使用短代码来实现此目的,这意味着您只需将其复制并粘贴到所需的帖子或页面中即可:
Visualizer 插件界面的一部分,显示图表设置和短代码。短代码出现在文本框中,旁边有一个复制按钮。下面有“来源”、“设置”和“帮助”选项卡,其中可以看到“常规设置”和“横轴设置”的可扩展部分。
可视化图表的简码。
Visualizer 还为此提供了一个 Block,它非常方便并且符合现代 WordPress 设计。
显示图形小部件的典型做法
在展示图表和图形时,需要考虑几个方面。简而言之,将它们视为重要且有影响力的内容,并尽量限制显示的小部件数量。不过,要更深入地了解,请考虑以下几点:
放置位置。您的小部件应该与您的内容流自然契合,就像您的图片和视频一样。图形小部件通常跨越媒体和内容之间的界限。
加载速度。添加小部件后,请务必监控网站的性能。有些小部件可能会影响网站的性能。
可访问性。虽然您提供的是视觉数据,但请确保包含适当 巴西 WhatsApp 购物数据 的替代文本并且可以通过键盘导航。这可以帮助所有用户访问您的小部件,无论其视力如何。
说到性能,这一点需要注意。有很多方面都会影响您网站的速度,考虑到您额外图形的负载,这是有道理的。我们的建议是尽可能使用 SVG。对于简单的图表和图标,它们比光栅图像性能更高,可扩展性也更好。
延迟加载和缓存也可以在这里提供帮助,因为它们都以不同的方式限制了图表的加载方式。如果您选择从外部来源提取数据,请确保选择高效的连接以最大限度地减少您提供的HTTP 请求数量。最佳和最优化的方法是将这些数据托管在您网站的服务器上,尽管您可能无法控制这一决定。
概括
WordPress 的图形小部件可让您在网站上可视化典型的文本数据。这种数据呈现和可视化方法可以将复杂的信息转换为更易于理解的格式。您可以使用图表、图形、交互式地图等显示这些数据。
合适的插件至关重要,我们在这篇文章中介绍了很多内容。Visualizer 和 Graphina 都是不错的选择。但是,合适的工具取决于您自己的需求。毫无疑问,它可以对您的网站及其参与度产生巨大的积极影响。
WordPress 的图形小部件是否对您来说足够重要,值得您实现?我们很乐意在下面的评论部分听到您的想法!
如何使用 Visualizer 插件为 WordPress 添加图形小部件
-
- Posts: 10
- Joined: Thu Dec 26, 2024 6:13 am