8个用于设计漂亮表格的WordPress插件

丘壑

发布于 2019-04-09 16:51:49

4.9K0

发布于 2019-04-09 16:51:49

文章被收录于专栏：一丘一壑一丘一壑

在WordPress中作为内容管理工具的一个好处是，几乎所有文字处理软件能做的事情（例如文本格式，布局格式，嵌入图像等等）都可以在WordPress编辑器中完成，但比较欠缺的一种功能是表格设计。

WordPress最新版中的Gutenberg编辑器已经有了表格“块”的功能。你可以在这里在线体验一下：https://wordpress.org/gutenberg/。可以快速插入一个简单的表格。

Gutenberg中的表格工具

除此之外，你还在WordPress中手写代码进行插入表格操作：

HTML table code

或者，如果你对代码比较熟悉，也可以通过一些前端工具来开发出复杂的数据表并挂载到WordPress中，比如上一篇文章WordPress 精品插件大全页面的开发小记中所用到的BootstrapVue的方式。这种方式对一般用户来说还是比较重，比较复杂了。

幸运的是，WordPress中有丰富的表格插件和工具可以用来构建表格，使用户不需要懂代码就能作出比较专业的表格来展示数据。

8个用于在WordPress中设计表的插件

在以下场景时，可能会在WordPress中使用表格。

用数据来对文章中涉及的内容、探讨的话题来进行支撑。
用来列出产品规格，如果以纯文本、列表形式展示可能会过于冗长繁琐难以理解。
用来展示产品或服务的亮点和主要功能，比如一些免费和付费功能对比的价格表。
和其他类似产品进行并排比较，以帮助用户进行决策。
使用户能够进行一些计算（这可能是一种非常聪明的销售策略）。

无论你想在WordPress中使用表格干什么，都应该是尽量使表格具有吸引力。数据和冗长的列表读起来是很枯燥的（这也是为什么图片部分在当今的网页设计扮演了重要的角色），所以你的表格不能仅仅是无聊的Excel表格的翻版。

通过使用WordPress插件或Page Builder来创建表格，可以做一些很酷的事情，为网站增色。此外，在WordPress中使用表格还可以带来以下好处：

更清晰的数据显示方式。
作为大段文字的补充。
简单明了的解释不同产品或服务之间的区别。
用巧妙设计的交互或设计风格来吸引用户的注意力，用来提高目标产品的销量
为你的网站创建易于更新的媒体。无需在WordPress之外重新创建表格、重新上传或重新嵌入，只需在WordPress中进行更改。
为你的网站添加有趣的互动方式

以下是一些比较好用的WordPress表格插件推荐

TinyMCE Advanced

TinyMCE Advanced让用户可以在不编辑HTML代码的情况更好地控制内容，该插件还有在编辑器工具栏中有附带了许多其他功能，它包括15个TinyMCE插件，可根据您选择的按钮自动启用或禁用，其中也包括创建表格的功能。虽然是比较简单的表格，但如果能满足需要，那么这个插件就足够了。

Data Tables Generator by Supsystic

Data Tables Generator是一个为WordPress网站设计简单表格的进阶插件。在管理后台，提供了一个类似Excel的界面。只需添加数据、选择样式和更改设置，然后发布即可。你可以使用该插件创建表格、图表，并且比TinyMCE具有更多的格式设置。

League Table

当你有大量外部数据时想要引入WordPress时，这个付费插件非常适。你所要做的就是上传导入电子表格文件，然后自定义在你网站上的显示方式。虽然这可能不适合定价表或产品比较，但如果你要比较人口统计，财务，分数等数据会比较有帮助。

Pricing Table by Supsystic

如果您喜欢Data Tables Generator插件的简单性和易用性，但需要更突出显示的定价表，Supsystic的另一个插件将会有帮助。这个定价表插件可以通过拖拽来构建响应式的并排比较的定价表。

TablePress

这是一个很棒的WordPress表格插件，可以导入数据，手动输入，也很易于使用。用户可能更愿意在WordPress中使用类似电子表格软件的体验来构建表格。如果你计划显示数十行甚至数百行数据，此插件还允许过滤，排序和分页。

wpDataTables

这个插件的开发人员将这其称为“数据管理器”，人如其名。你不仅可以将大批量数据导入WordPress（支持 Excel，CSV，Google电子表格，MySQL查询，XML，JSON和序列化PHP数组），还可以使用它的表格构造器或可视化界面来管理表格。也是可以完全自定义的，不必在有限的设计样式中选择。免费版功能已经足够满足基本需求，付费版的功能会更强大。