如何在 WordPress 中创建 Elementor 表

表格是网站上分享信息的一种常见方式,可以用来展示各种内容,如价格、功能列表和链接。虽然WordPress本身提供了创建基本表格的功能,但如果你想要更多自定义选项,Elementor可能是一个不错的选择。

使用Elementor,你不仅可以利用其内置的表格小部件,还可以通过安装专门的Elementor表格插件,为这个流行的页面构建器增加更多表格小部件。

如何在 WordPress 中创建 Elementor 表

1、何时使用 Elementor 表

表格是网站上一个非常实用的工具,几乎到处可见。它们主要用于整理和展示数据,使访问者可以轻松比较和理解信息。

以定价表为例,几乎所有提供服务或订阅的网站都使用表格来展示不同套餐的价格和特点。表格不仅有助于展示详细信息,还可以使文章或网页看起来更整洁、易于阅读。长篇大论的文字有时会让人难以消化,而表格则可以有效地打破这些文本,使内容易于浏览。

WordPress的块编辑器让添加表格变得非常简单。你可以自由设定表格的行数和列数,你就可以根据需要灵活地添加信息。

如何在 WordPress 中创建 Elementor 表

虽然WordPress允许你对表格进行基本的样式调整,比如更改背景颜色、调整按钮样式和修改字体大小,但如果你想要创建更加精致和复杂的表格,可能需要使用更高级的工具,比如ElementorDivi这样的页面构建器。这些工具提供了更多自定义选项,帮助你设计出既美观又功能全面的表格。

如何在 WordPress 中创建 Elementor 表

Elementor 表可以做什么

制作比WordPress基本表格更复杂、更个性化的表格,Elementor提供的高度可定制的价格表小部件是一个很好的选择。通过使用Elementor,你可以编辑表格的标题,自定义标题的样式,添加功能列表,以及调整号召性用语(CTA),使你的表格不仅信息丰富,还能引导用户进行操作。这样的自定义功能让你的表格更具吸引力,也更符合你的网站风格和需求。

如何在 WordPress 中创建 Elementor 表

使用 Elementor,可以为任何页面或帖子创建所需的任何类型的布局。你可以设置多列设计,这样你就可以并排放置多个价格表小部件:

如何在 WordPress 中创建 Elementor 表

如何手动创建 Elementor 表

使用 Elementor 创建定价表。首先,打开 Elementor 编辑器。你可以选择从空白页面开始或从 Elementor 库导入模板:

如何在 WordPress 中创建 Elementor 表

当准备好添加元素时,你需要选择希望表格具有的列数。单击编辑器底部的 Elementor “+”号,然后选择要用于价格部分的列结构:

如何在 WordPress 中创建 Elementor 表

注意:如果你使用多个列,则需要在每个列中添加单独的价格表小部件。尽管每个表格都是一个独特的元素,但用户将看到它们并排(或在移动设备上位于彼此下方)作为一个部分的一部分:

如何在 WordPress 中创建 Elementor 表

建议首先添加一个价格表模块并对其进行样式设计。然后,你可以将该元素复制或复制到其余列中,并向每一列添加唯一的文本。

要自定义表格,选择元素并移至小部件设置下的“样式”选项卡。 Elementor 为你提供了大量的样式选项。其中包括颜色选择排版设置以及表格每个部分的独特配置:

如何在 WordPress 中创建 Elementor 表

一旦你调整好价格表的样式并对其感到满意,可以右键点击该价格表,选择“复制”选项。这样就会在原来的价格表下方生成一个完全相同的副本。然后,你可以将这个副本拖动到页面上任何一个你想放置的空列中。这个操作让你能够快速复制和重用设置,节省时间同时保持网站的一致性。

如何在 WordPress 中创建 Elementor 表

如果你需要在网页上创建多个价格表,可以重复上述复制和调整的过程来创建更多列。如果希望每个价格表都有其独特风格,可以单独调整它们的样式。不过,请确保所有表格的样式足够统一,以便访问者能够清楚地看出这些表格是用来进行比较的。

在Elementor中,你还可以为每个表格或其他模块添加自定义CSS代码,从而进行更深层次的个性化设计。要添加自定义CSS,只需在你选择的小部件中找到“高级设置”,然后点击“自定义CSS”标签页即可。这一功能为你提供了进一步优化和定制页面的灵活性。

如何在 WordPress 中创建 Elementor 表

使用Elementor添加自定义CSS比直接在WordPress中编辑代码要简单得多。在WordPress中,通常需要进入主题文件并调整代码以优化性能。而使用Elementor时,只需要在每个模块的对应字段里输入CSS代码即可。

如果你觉得手动编写CSS代码听起来有些困难,也不必担心。学习CSS并不需要你成为一个网页开发专家,但掌握这项技能确实能帮助你自定义WordPress网站,甚至可能为你开启Web开发的职业道路。

设置好所有的表格,就可以开始编辑它们的文本,并为每个条目添加所需的功能了。只需点击选择一个表格,然后在小部件设置中找到“内容”标签页,你就可以在这里进行修改。这样你就可以轻松管理和更新表格内容。

顶级 Elementor 表插件(12 个选项)

向你介绍12种Elementor插件,这些插件让你能够在帖子和页面中加入新型表格。这些插件虽然是为Elementor设计的,但也可以像普通插件那样安装使用。

1、Elementor 的 ElementsKit 插件

如何在 WordPress 中创建 Elementor 表

ElementsKit 是一款为 Elementor 添加了超过 90 个小部件的工具,其中包括各种表格小部件,如基本表格、定价表,以及支持嵌入 TablePress 元素的功能。

主要特点包括:

  • 三种类型的表格小部件。
  • 支持表格的过滤、搜索和分页功能。
  • 可以与 TablePress 集成,方便地嵌入其他表格。

价格信息: ElementsKit 的价格从每年 39 美元起。

2、WP Table Builder

如何在 WordPress 中创建 Elementor 表

如果你使用 Elementor,你会喜欢使用WP Table Builder。该插件能够使用预先配置的元素(例如按钮、评论部分、产品评级等)构建表格。

主要特征:

  • 使用拖放表生成器
  • 访问预先构建的元素,例如按钮、评论部分和产品评级
  • 自定义表格中每个元素的样式
  • 使用预先构建的页面模板

价格:  WP Table Builder 许可证起价为每年 39 美元。

3.TablePress

如何在 WordPress 中创建 Elementor 表

TablePress 是一个免费的 WordPress 插件,非常适合为你的网站增加电子表格功能。这个插件支持从多种格式导入数据,包括 Excel、CSV 和 JSON 文件。你还可以将表格数据导出到其它应用程序。

通过 TablePress,你可以创建带有搜索功能的表格,这特别适用于展示大量数据。用户可以选择显示特定数量的条目,并在不同页面间切换查看数据。每个 TablePress 表都有一个独特的短代码,你可以使用 Elementor 的 Shortcode 小部件将这些短代码添加到网站的任何位置。

主要特性:

  • 支持以 Excel、CSV、JSON 和 HTML 格式导入和导出数据。
  • 在 WordPress 中添加可搜索的表格。
  • 启用表格的分页功能,便于用户浏览。

价格信息:TablePress 本身是免费的,但如果你需要更多功能,可以购买其高级扩展。

4、Essential Addons for Elementor

如何在 WordPress 中创建 Elementor 表

Essential Addons for Elementor 向页面构建器添加了 80 多个新小部件。你可以选择定价表、数据表、目录等。

该构建器有两个版本。该免费插件添加了 Elementor 附带的定价表小部件的更好版本。如果你想访问数据表(包括过滤、搜索和多种样式),则需要购买高级许可证。

主要特征:

  • 添加定价、数据和内容表小部件
  • 启用表内的搜索和过滤

价格:  Elementor 有一个免费版本的 Essential Addons,高级许可证的起价为每年 39.97 美元。

5、PowerPack for Elementor

如何在 WordPress 中创建 Elementor 表

PowerPack for Elementor 是一个功能强大的插件,为Elementor页面构建器增加了70多个小部件。这些小部件让你能更快、更高效地设计网站,同时还包括了一系列全新的模板供你使用。

在创建表格方面,PowerPack提供了可排序和可搜索的数据表功能,你可以方便地使用CSV文件导入数据。此外,这个插件还提供了多种表格模板,使你可以根据需求选择合适的样式。

PowerPack不仅限于数据表,还包括信息和定价表小部件。如果你需要向访客详细介绍所提供的服务,信息表非常适合这个用途。

主要特性包括:

  • 创建可排序和可搜索的数据表。
  • 通过CSV文件导入数据到表中。
  • 提供定价和信息表小部件,增强网站的信息展示能力。

价格信息: PowerPack的许可证费用从每年44美元起。这个价格可以让你享受到所有这些高级功能,提升网站设计的专业度。

6. Elementor 专属插件

如何在 WordPress 中创建 Elementor 表

Elementor 的独家插件有免费版和高级版。免费插件为 Elementor 添加了40多个小部件,而高级许可证将为你带来超过 65个专业小部件。

当谈到表格时,免费版本添加了一个新的定价表模块。使用高级版本,你可以访问比较表和数据表。比较表的工作方式与定价元素类似,但你可以使用新的布局和样式。

主要特征:

  • 添加新的定价表模块
  • 访问比较表和数据表
  • 访问表格小部件的多种布局

价格:Elementor 有一个免费版本的Exclusive Addons 。高级许可证起价为每年 29 美元。

7、JetElements

如何在 WordPress 中创建 Elementor 表

JetElements 是一个为 Elementor 添加了150 个新小部件的插件,这些小部件主要针对电子商务和订阅类型的网站设计。除了常规功能,JetElements 还提供了一些有趣的表格小部件,如定价表和响应式表格。

与 Elementor 的基础定价表相比,JetElements 提供的定价表小部件拥有更多的自定义选项。例如,你可以添加吸引人的视觉效果,比如表格元素的视差效果和微动画,使你的表格更具吸引力和动感。

主要特性:

  • 为 Elementor 增加定价表和响应式表格小部件。
  • 提供丰富的视觉效果自定义选项,如视差和动画效果,让表格更加生动。

价格信息: JetElements 的全包许可费用从每年 43美元起。如果你只需要特定的功能,还可以选择自定义小部件包,按需支付,只购买你需要的小部件。这种灵活性使得 JetElements 成为一个适合各种需求的优秀选择。

8、Premium Addons for Elementor

如何在 WordPress 中创建 Elementor 表

Premium Addons for Elementor提供了免费版和高级版的插件,但是新的表格小部件只包含在高级版中。

如果你选择购买高级许可证,你将能够使用新增的数据表和定价表小部件。这些高级工具非常适合向访问者展示详细信息,并且可以和图表及图形小部件结合使用,使数据显示更加直观和吸引人。

主要特点包括:

  • 为 Elementor 添加数据表和定价表小部件。
  • 表格可以配合图表和图形小部件使用,使信息呈现更加丰富和动态。

价格信息: Elementor 高级插件的许可证起价为每年 39 美元。这个价格可以让你解锁这些高级功能,进一步丰富网站的内容展示。

9、DataMentor

如何在 WordPress 中创建 Elementor 表

DataMentor 是一个为 Elementor 添加功能丰富的单个表格小部件的插件。这个小部件提供了广泛的功能,超出了我们之前看到的大多数附加组件。

使用 DataMentor,你可以创建高度定制的表格,每个表格元素中都可以添加图片、按钮、列表和图标。你还可以为每一列或行设置独特的样式,使表格看起来更加专业和吸引人。如果你需要灵感或想快速开始设计,DataMentor 还提供了多个表格模板供你选择。

主要特性包括:

  • 为 Elementor 添加一个新的表格小部件。
  • 提供多种表格模板,便于快速设计。
  • 允许在表格中添加图像、文本、按钮、列表和图标,增强表格的功能性和视觉效果。

价格信息: DataMentor 是一个免费插件,你可以免费使用所有这些高级功能,为你的网站添加丰富和动态的表格内容。

10、Happy Addons for Elementor

如何在 WordPress 中创建 Elementor 表

Happy Addons for Elementor 是一款非常全面的插件,为 Elementor 页面构建器增加了超过 140个小部件和许多新的模板。

在表格功能方面,Happy Addons 提供了基本和高级两种类型的表格小部件。高级表格小部件支持从多种格式导入数据,并提供搜索、过滤和分页功能,让管理大量数据变得更加容易。此外,你还可以使用多种预设计的表格布局,方便快速创建专业的表格。Happy Addons 同时还包括了定价表和比较表的元素,帮助用户更好地展示产品和服务的不同选项。

主要特点包括:

  • 提供基本和高级表格小部件。
  • 支持从多种格式导入数据。
  • 提供多种预设计的表格布局。
  • 包括定价表和比较表元素。

价格信息: Happy Addons 有免费版本可用。如果需要更多功能,高级许可证的起价为每年 39 美元。这个价格可以让你享受到更多高级功能,帮助你创建更加丰富和专业的网站内容。

11、Royal Elementor Addons

如何在 WordPress 中创建 Elementor 表

Royal Elementor Addons 是一个为 Elementor 添加了超过 90 个新小部件的插件。这些小部件本身是免费的,但你也可以选择购买高级版本,以解锁每个小部件的额外自定义选项。

使用 Royal Elementor Addons,你可以在 Elementor 中添加一个全新的定价表小部件。这个小部件提供了多种新的样式选项,让你的定价表看起来更具吸引力。此外,它还包括一个便利的切换选项,让访客可以在每月和每年的定价(或其他类似选项)之间轻松切换。

主要特性包括:

  • 添加新的定价表小部件到 Elementor。
  • 通过新的样式选项自定义您的定价表。
  • 在定价表中加入价格切换功能,方便用户选择不同的计费周期。

价格信息: Royal Elementor Addons 的基本功能是免费的。如果你需要更高级的功能,高级版的许可证费用为每个网站 29 美元(一次性费用),这使得它成为一个经济实惠的选择,可以大幅提升你网站的功能性和视觉效果。

12、Elementor Addon Elements

如何在 WordPress 中创建 Elementor 表

Elementor Addon Elements 是一个完全免费的插件,它为 Elementor 增加了超过 24 个新的小部件,包括价格表、比较表和数据表。

这个插件的价格表提供了很多额外的自定义选项,这些选项在 Elementor 的默认小部件中是没有的。对于数据表,你可以选择制作可以搜索或者过滤的表格,使用户能够更容易找到他们需要的信息。此外,你还可以为表格添加动画效果,让它们在视觉上更加引人注目。

主要特性包括:

  • 为 Elementor 添加价格表、比较表和数据表。
  • 提供可搜索和可过滤的数据表选项。
  • 数据表支持动画效果,增强视觉吸引力。

价格信息: Elementor Addon Elements 是完全免费的,你可以自由使用所有这些功能来丰富网站内容。

总结:

如何在 WordPress 中创建 Elementor 表

Elementor 提供了一系列工具,让你可以轻松创建既时尚又复杂的 WordPress 表格。许多与 Elementor 兼容的 WordPress 表格插件让你可以在网站上添加几乎任何类型的表格。

Elementor 页面构建器自带了一个直观的价格表小部件,方便你快速创建价格表。如果你想添加其他类型的表格,可以尝试使用专门的 Elementor 表格插件,如 ElementsKitWP Table Builder,这些插件提供了更多的表格选项和功能。这样,无论你需要什么样的表格,都可以找到合适的工具来实现。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/9470/

(1)
上一篇 2024年 5月 11日 下午6:58
下一篇 2024年 5月 12日 下午4:19

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信