Divi 产品亮点：TablePress Styler

TablePress Styler 是 Divi 的第三方插件，它为 TablePress（WordPress 的流行表格制作插件）添加了许多样式选项。 TablePress Styler 不仅为您提供样式选项，还使 TablePress 更易于与 Divi 一起使用。 在这篇文章中，我们将介绍 TablePress Styler，了解它如何与 TablePress 配合使用，以帮助您确定它是否是适合您需求的产品。

为 TablePress Styler 创建 TablePress 表

首先，您需要创建将与 TablePress Styler 一起使用的表格。 TablePress Styler 不创建表格。 相反，它设置在 TablePress 中创建的表格的样式。 它需要 TablePress 插件，并作为 TablePress 的 Divi 插件运行。 在 TablePress 中制作表格后，使用 TablePress Styler 通过 Divi Builder 自定义这些表格的样式。

在此示例中，我使用免费电子邮件营销布局包中的标签创建了一个示例表。

我将使用该布局包的登录页面中的样式来创建我的示例。

TablePress Styler Divi 模块

TablePress Styler 向 Divi Builder 添加了一个新模块。 通常，TablePress 中的表格会添加简码。 使用 TablePress Styler，您无需单独添加表格。 该模块为您添加它。 这使得表格更易于与 Divi Builder 一起使用。

TablePress Styler 设置中的第一个选项包括一个下拉框，您可以在其中选择表格。 打开下拉框会显示您在 TablePress 中创建的所有表格。 选择您要显示的表。

该表的显示方式与您在 TablePress 编辑器中创建它的方式完全相同。

表号

您可以完全控制桌子的设计。 您无需返回 TablePress 编辑器即可进行设计调整。 调整设置、元素、列、行、参数、按钮等。 某些设置需要 TablePress Pro（或 Max）或 TablePress 扩展。 我们将了解免费版 TablePress 的功能。

设置

设置调整页眉、页脚和行标题。 您可以以任意组合启用或禁用它们。 您还可以启用排序和滚动。 我在这个例子中启用了所有这些。 我将在这些示例中启用它们以显示模块的选项。

元素

元素允许您移动或禁用表名称和描述。 您还可以启用搜索、信息、分页和选择器。 如果启用分页，您可以指定每页上显示的条目数。 页眉和页脚不计入条目数。 我在本例中启用了所有这些，将分页更改为 2，并将名称移至表格下方，将说明移至表格上方。

列

列允许您设置每列的宽度。 指定宽度（以像素、百分比等为单位）。您还可以指定要隐藏或显示的列。 在此示例中我隐藏了第 2 行和第 5 行。 我已将标题移回顶部，并将说明保留在标题下的新位置。

行数

行可让您指定要显示或隐藏的行。 我在此示例中隐藏了第 3 行。

TablePress Pro 选项

在 TablePress Styler 插件中，参数是一项高级功能，需要了解表参数。 需要 TablePress Pro（或 Max）的功能包括按钮、响应式表格、计数器列、固定行、固定列、行顺序、行过滤、列过滤和列过滤器下拉列表。 自动 URL 转换需要 TablePress 自动 URL 转换扩展。

TablePress Styler 设计设置

每个元素都包含独立的设计设置，允许您使用 Divi Builder 自定义 TablePress 表格。 我将使用布局包中的设计队列自定义表格。

TablePress 造型器名称

除了标题级别之外，表名称设置还包括所有标准文本设置。 在此示例中，我更改了字体、字体粗细、颜色和大小。 它现在与此布局包中使用的 H2 设置匹配。

TablePress 造型器说明

描述包含与名称文本相同的选项。 在下面的示例中，我对描述进行了样式设置，以与表格上方行中的简介相匹配。 我更改了字体、粗细和颜色。

TablePress Styler 元素

元素还包括标准字体选项。 我已经调整了本示例的字体、粗细和颜色。 搜索、分页和类似文本现在与布局包中的辅助标题相匹配。

间距

间距允许您调整所有元素的间距，包括名称、描述、搜索、信息、分页和分页选择器。 我已经调整了本示例中的所有设置，以将文本进一步分开。

细胞

单元格允许您更改单元格的水平和垂直对齐方式、填充和背景颜色。 我添加了填充并将背景颜色更改为黑色。 一旦我改变字体颜色，这个背景颜色将更容易阅读。

文本

文本设置控制单元格内的文本。 我已使文本样式与描述文本相匹配。

标头

页眉设置包括背景和字体设置。 在此示例中，我调整了背景颜色、字体颜色和文本对齐方式。

页脚

页脚设置遵循页眉设置，包括背景和字体颜色。 在此示例中，我调整了背景颜色、字体颜色和对齐方式。

行标题

行标题还包括背景和字体颜色、对齐方式等设置。在本例中我调整了背景颜色和字体颜色。

图标

您还可以将图标添加到表格中。 将它们添加到 TablePress 编辑器中的单元格中。 TablePress Styler 销售页面包含指向您可以使用的图标的链接，并包含每个图标的短代码。

在 TablePress Styler 模块中选择图标并调整其大小和颜色。 我增加了图标的大小并将其颜色更改为黑色。

纽扣

使用按钮简码将按钮添加到 TablePress 单元格。 您还可以向短代码添加自定义链接。 在我的示例中，我已将它们添加到页脚中。

一旦表格中有按钮，您就可以使用模块的按钮设置来自定义它们。 调整背景、文本、边框颜色、边框半径、内边距、边距、阴影等等。 我在示例中调整了大部分设置。

颜色

颜色可让您调整交替行的颜色或色调。 如果您希望所有行显示相同的颜色，您还可以禁用交替颜色。 分别调整行、悬停和排序的选项。 此示例显示色调选项。 我已经调整了交替行的色调。

对于颜色，您可以让它们相乘或不相乘。 如果您选择使用正片叠底（如下例所示）来创建灰色背景，则颜色会混合。

边框

边框可让您指定水平和垂直边框、选择内部或外部边框以及调整宽度、颜色和样式。 此示例显示了水平和垂直禁用的所有边框。

下面的示例包含内部垂直边框。 我已经禁用了水平边框。 我还增加了宽度，将颜色更改为白色，并选择“Groove”作为样式。 这将创建一组可用于定价表、统计数据等的卡片。

TablePress Styler 设计结果

以下是表格在 Divi 布局中的外观。 这只是布局的一小部分，以保持图像更小。 我能够毫无困难地获得我想要的款式。 一切都很直观。 它与 TablePress 和 Divi 配合良好。

作为额外的好处，这里还有一些基于 Divi 布局包的样式示例。 第一个的样式与 Divi 的律师布局包相匹配：

最后，这里是一个使用 Divi 音乐场地布局包将表格制作得看起来像事件列表的示例。

哪里可以购买 TablePress Styler

TablePress Styler 在 Divi Marketplace 上有售，售价 39 美元。 它包括无限使用、一年的支持和更新以及 30 天退款保证。

结束对 TablePress Styler 的思考

这就是我们对 TablePress 和 Divi 的 TablePress Styler 的看法。 TablePress Styler 可以很好地将这三者结合在一起。 设计设置使您可以对表格设计和自定义进行大量控制。 所有设置都与任何 Divi 模块一样直观。 如果您使用 TablePress 和 Divi，TablePress Styler 是您 Divi 工具箱必备的插件。

我们希望听到您的意见。 您尝试过 TablePress Styler 吗？ 请在评论中告诉我们您的想法。