使用wpDataTables在WordPress中创建令人惊叹的响应表

在WordPress中创建表很容易。有使用代码向WordPress添加表的传统方法,但是到目前为止,构建表(或图表)的最便捷方法是使用wpDataTables WordPress插件。它使从各种外部来源导入表,根据自己的喜好对其进行样式设置并将其添加到您的网站变得极为容易.


基本HTML表格

您可以使用标准将表添加到WordPress HTML表格标签. 它们非常简单明了,并使用以下基本结构(创建帖子时请记住在“文本”标签中输入它们):

第一 第二 第三
插口 杰克逊 25
简森 30

这将导致生成一个与此表类似的表(请注意,标题单元格的任何样式都取决于您的主题):

第一第二第三
插口杰克逊25
简森30

如果您只想向站点添加一个或两个表,则使用HTML创建表将是有效的并且很好。但是,如果您要创建表,那么经常会遇到一些问题.

  • 您需要学习HTML编码以了解高级选项
  • 添加HTML非常耗时,如果创建许多表,从长远来看会降低您的工作效率
  • 此方法在布局和设计上受到严格限制(除非您是高级开发人员)

如果您使用的是WordPress,我们可以安全地假定1)您使用的是最新版本的WordPress,以及2)您的主题具有响应能力。当您使用HTML表格标记在WordPress网站中插入表格时,您将花费大量时间来调整布局.

您的网站可能响应迅速,但您的表却没有响应.

这自然会破坏您网站的响应特性。将数据插入您的站点也可能是一个问题。电子表格处理软件(例如Google Spreadsheets或Microsoft Excel)具有许多导入工具,可以从数据库中获取数据。但是,当您键入每个字符时–效率不高.

早些时候,我们发现了在WordPress中使用HTML插入表格的三个主要问题。不用担心-有一种更好的创建表的方法。因此,让我介绍一个可解决所有上述问题的插件,并带来许多有用的功能.

使用wpDataTables创建更好的表

wpDataTables响应表插件

要使用WordPress创建表,我们强烈建议使用wpDataTables。这个完全响应的高级插件使您可以轻松地在WordPress中创建,自定义和管理表格和图表– 无需编码. 只需安装并开始构建表格和图表!受到14,300多个人的信赖(以前曾将其命名为本月的WordPress插件之一),根据我们的拙见,它只是将表添加到WordPress支持的网站的最佳方法之一.

有关wpDataTables的更多信息查看实时演示

您可以通过单击上面的按钮来了解有关Themeforest的wpDataTables的更多信息,或者继续阅读以了解我们为何认为它如此出色.

多个数据源

wpDataTables数据源

根据您希望在何处存储数据,wpDataTables允许您从许多不同的源进行导入。从Excel,CSV,Google Doc,XML,JSON,Serialized PHP Array或MySQL查询中选择以导入数据。还有一些选项可以手动创建新表,链接到实时数据源(直到将其加载到页面上时才动态更新表)或使用GUI(图形用户界面)工具生成自定义查询.

MySQL查询是我个人最喜欢的,因为它使我可以查看 并修改 适当数据库中的数据。如果您有一个团队开发人员在一个表项目上工作,这将使协作变得非常简单(稍后将对此进行详细介绍)!

增强的自定义和响应式布局

设计表格从未如此简单。通过几个复选框和几个颜色选择,您可以设计插件以补充您网站的主题。看一下插件必须提供的出色设计功能:

wpDataTables自定义样式

还提供了用于界面语言,时间/日期格式,对齐方式,自定义JS / CSS等的内置选项。哦,我有没有提到该插件也是移动响应的?无论屏幕大小如何,您都可以设置表将占用多少空间!

高效搜索的过滤器

wpDataTables排序和筛选选项

创建新表格(或编辑现有表格)时,您确实可以启用过滤器。使用过滤器,您可以仅使用所需的项目来减少结果集。这对于查询大型数据库非常有用。例如,如果您有一个图书馆数据库,则根据 学科 可以帮助您更快地找到书.

但是,由于每次编辑过滤器时,都会增加数据库要执行的计算数量,从而增加服务器压力。因此,您可以选择完全禁用过滤器.

从前端编辑MySQL数据库

wpDataTables允许前端编辑

wpDataTables还允许您从前端(即实时WordPress网站)直接编辑数据库。在配置表格时,只需启用“编辑”标签下的选项即可。您甚至可以设置哪些用户可以编辑数据库中的值,从而使所有用户可以打开该数据库来提交或基于他们的用户角色进行访问.

使用图表可视化数据

可视化是比普通文本更有效的注意力吸引者。毕竟,眼见为实。它 增加我们的数据获取率, 与传统阅读相比例如,当您查看年度收入报告的饼图时,与阅读全部十二个月的数据相比,几乎总是可以更快地解释数据.

wpDataTables图表样式

wpDataTables可帮助您创建动态图表(通过Google Charts,HighCharts或Chart.js)以可视化表格数据。这对于包含大量数字数据的表特别有用,例如,博客分享他们的月度收入报告.

终身更新

大多数插件开发人员会为您提供一年的更新和支持。但是,此开发人员包括终身更新和六个月的支持,但需支付一次性费用(注意-要获得持续支持,您需要续订许可证).

详细文件

在解释如何使用wpDataTables时,开发人员不遗余力。有大量的在线文档以及视频教程可帮助您掌握插件的全部功能!

这告诉我们两件事:

  1. 开发人员关心他们的客户-以便他们回来购买产品
  2. 知识渊博的客户=更少的打= =更低的支持票=快乐的客户

此外,使用较少的支持票,开发人员可以将更多的时间用于改进插件和引入更新的功能。!

如何使用wpDataTables建立响应表

现在,您知道了我们为什么认为wpDataTables是一个很棒的插件,让我们向您展示如何使用它!使用wpDataTables插件创建新表的过程分三个步骤:.

1.安装wpDataTables

我知道这应该是显而易见的,但是您首先需要安装wpDataTables。因为这是一个高级插件,所以必须从CodeCanyon购买和下载(只需转到购买的位置并下载“仅可安装的WordPress文件”)即可.

安装wpDataTables插件

然后只需按照屏幕上的说明完成安装和激活.

2.创建您的数据表

激活插件后,您将拥有一个全新的“ wpDataTables”菜单项。单击它,然后单击蓝色的“添加新按钮”以开始创建新表。.

wpDataTables创建或导入表

您的第一个选择将是您要如何创建表。应该提供五个选项。因为我们有一个想要使用的简单电子表格,所以我们选择了从CVS导入的选项。然后,点击“下一步”后,系统会提示您选择并上传文件.

wpDataTables管理表

上载数据源后,您将能够输入自定义表格名称以及使用选项来编辑,添加或删除列和行。然后单击绿色按钮以完成表格的创建.

wpDataTables表设置

您现在在家中了!在此页面上,您可以调整表格的其他设置(可选)。使用“显示”选项在较小的设备上启用响应式折叠,添加水平滚动条,限制表格宽度等。转到“编辑”选项卡以启用前端编辑,或启用表格工具(打印,复制或导出)快速链接)。最重要的是,您可以在进行调整时实时预览编辑内容。只记得点击  (或应用)选中标记,如果您进行了任何更改.

完成后,从屏幕顶部复制表格简码,因为第三步也是最后一步需要它.

3.将表插入帖子或页面

wpDataTables简码

要使用表格,您要做的就是将简码粘贴到帖子或页面上的内容中(如上图所示)。此简码将呈现在网站的前端,具体取决于您对表格的样式:

wpDataTables前端表

在我们这里,您可以看到我们已经启用了表格工具(可以打印,导出等),过滤和前端提交。就是这样–您的餐桌已准备就绪!

想要建立一个图表?

您也可以使用wpDataTables构建图表。创建表格后,点击“创建图表”开始.

wpDataTables创建图表

从这里给您的图表命名,选择一种样式(有很多吨可供选择),然后继续到下一个屏幕,在其中您将选择要用于创建图表的数据表.

wpDataTables分配数据

选择要用作数据源的表后,将表列分配给图表的各个部分。根据您选择的图表,可能需要最少数量的值。在我们的示例中,我们选择了一个条形图,该条形图至少需要两列(成为条形图)。排序后,列将继续进行下一步.

wpDataTables自定义图表

现在是有趣的部分。使用选项来设置样式并向图表添加功能。响应宽度,高度,背景,边框,字体,标签,颜色,显示/隐藏标题,悬停工具提示等方面有大量选项.

完成编辑后,请单击“下一步”并复制图表简码。只需将其粘贴到您的帖子或页面内容中,保存并转到网站的前端即可查看图表!

添加更多WordPress表功能

想要更多?有一些 wpDataTables的扩展和加载项 为您的WordPress网站添加更多表格和图表选项.

wpDataTables高级过滤器

强大的过滤器:设置级联(从左到右复合)过滤器,多面过滤(应用多个过滤器以缩小结果),禁用表视图,直到用户选择过滤器,添加实时搜索功能等等。设置表格时只需启用并配置该选项.

报表制作工具:根据数据表生成自己的自定义Word或Excel报告。当允许用户进行前端编辑(以便收集数据可以重新运行和打印报告)或需要定期重新生成报告(例如月度发票或工时卡)时,这特别有用。.

wpDataTables强大的形式

强大的形式:添加对流行的Formidable Forms Pro表单生成器的支持。使用强大的表单创建数据收集表单(例如调查),然后根据用户提交的内容自动生成表格,并将每个字段转换为一列.

重力形式:将Gravity Forms提交与wpDataTables集成在一起,以基于用户数据自动创建WordPress表。该扩展程序在创建表格时会添加一个新的数据源,因此可以轻松链接到您的特定重力表并可视化数据.

自己尝试wpDataTables

wpDataTables实时沙箱

大多数开发人员都会为您提供现场演示,以使您对插件的功能有一个了解。但是它们仅显示输出,即“前端”视图-基于预先确定的输入。这是大多数插件实时演示都无法实现的地方-它们无法让您访问插件的设置和工具-即后端.

但是,wpDataTables在其演示中为您提供了完整的沙箱,您可以在其中 先试后买. 所有的汽车经销商都这样做-臭名昭著的试驾。通过沙箱,您可以根据自己的心脏测试插件的功能,并实时查看输出.

查看wpDataTables演示

是否要下载副本以在自己的安装上进行测试? wpDataTables确实提供了可以从WordPress.org存储库中获取的精简版本。它没有我们上面介绍的所有令人敬畏的高级功能,但是它是查看该插件是否可能是满足您需求的正确解决方案的好方法.

获取wpDataTables Lite

而且,如果您喜欢它,则可以放心购买。为什么?因为您已经测试并使用了该产品.

结论

wpDataTables是处理大量数据的WordPress网站不可缺少的插件之一。无论是创建学校项目还是公司的年度报告,表格及其可视化在数据表示中都起着至关重要的作用。.

获取WordPress的wpDataTables

您是否尝试过wpDataTables?或者您对这个插件可以做什么有任何疑问?在下面发表评论-我们很高兴收到您的来信!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map