如何在WordPress网站上创建产品对比表?

WordPress网站产品对比

即使不是电商/网购网站,当我们在撰写博客时,会引用到一些产品/参数对比,毕竟表格一目了然,会让读者/访客浏览体验更佳。在本篇wordpress教程中,我将为您介绍如何使用WP Table Builder插件在WordPress网 上创建产品对比表。

产品对比表在很多电商网站应用的比较广泛,例如,看一下这个亚马逊产品比较表,该表列出了选择进行比较的产品的所有详细信息,以便让消费者做出更快的选择。

WordPress网站产品对比

接下来,正式进入本篇教程。

如何使用WP Table Builder在WordPress上创建产品比较表

首先,我们将使用到一款wordpress插件WP Table Builder。该插件是目前最简化的页面构建器之一。您不需要任何编码知识即可使用此表构建器。在开始创建表之前,让我们看看如何使用WP Table Builder。

  • 创建一个新表
  • 在表格的单元格中添加内容
  • 自定义表格样式
  • 保存并发布
  • 使用简码插入

这就是我们将在以下步骤中执行的操作。我将详细介绍每个步骤,以便您了解使用WP Table Builder多么容易。

步骤1:安装/启用插件

安装WP Table Builder插件后,您将在WordPress管理控制台中看到Table Builder选项。只需转到“表构建器”选项,然后单击“添加新”选项即可创建一个新表。完成后,将打开表构建器界面。

步骤2:创建表和添加/编辑内容

进入界面后,需要输入表的名称。给它起一个名字,如果需要,以后可以更改它。我将表格命名为“产品比较”。

WordPress网站产品对比

现在,我们需要定义表上的行数和列数。切换或输入所需的行数和列数,然后单击“ 生成”按钮。该表将立即生成。

WordPress网站产品对比

然后,我们将向单元格添加内容,比如文本、图片、清单、星级等。为了更加方便大家理解,在这里,我正在创建一个表格来比较WordPress的比较热门的两款页面构建器插件– Beaver Builder和Elementor。在页面上添加相应的元素,并添加项目并自定义颜色,字体大小,边框后,就可以实现:

WordPress网站产品对比

当然,你可以随时对表格进行自定义。进入单元格管理,您可以轻松地从“ 管理单元格”按钮添加和删​​除行,列,单元格。单击管理单元按钮以自定义表格。您可以单击列顶部的按钮来插入列/行。

而且还可以进行单元格合并/边框填充等等操作。完成更改后,您可以继续保存表格,预览表格。如果没有问题,就可以直接发布。

WordPress网站产品对比

步骤3:使用简码将表插入到页面/文章中

当我们完成了对比表的设计,接下来只需要使用简单的短代码将其显示在页面上即可。单击表编辑器中的embed按钮以获取产品比较表的简码。

WordPress网站产品对比

最后,您可以使用简码将此表简单地嵌入到任何文章页面上,只需复制并粘贴简码即可。

WordPress网站产品对比

现在您知道了如何使用WP Table Builder创建表并将其显示在您的网站上吧。该插件是在WordPress网站上创建表格的最简单方法之一。关于在wordprss网站上创建对比表,你还有其他的方法或者问题吗?欢迎在本文下面留言讨论。

联系博主

梦想家路飞

梦想家路飞

8090后,自由职业,摩羯座,跑者,骑行者,旅行者,WP爱好者,独立摄影师,非专业设计师,客栈老板,菜鸟厨师......

了解更多关博主

打赏博主

写作不易 请予鼓励

微信扫一扫请博主喝杯咖啡

微信打赏
0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments