如何在 WordPress 上使用 Elementor 创建单页网站

网站是客户可以通过它查看您的业务的窗口。 大公司的网站通常很大、很复杂，而且内容太多（帖子和页面）。 用户必须访问多个页面才能找到他们正在寻找的确切信息。

根据 Marketing Dive 的数据，如果页面加载时间超过 3-4 秒，则 53% 的访问者会离开网站。 如果他们发现很难在最短的时间内找到他们正在寻找的确切信息，他们的不满情绪就会上升。

但是使用单页网站，您可以将业务的所有主要信息集中在一个页面上，并帮助它们更快地加载。 它可以同时改善用户体验和转换。 本文将为您提供有关如何创建单页网站的分步教程。

此外，我们还将介绍一些其他主题，例如它的重要性、您应该包含在其中的元素、最佳单页 WordPress 主题等等。 所以，喝杯茶，继续阅读这篇文章直到最后。

什么是单页网站？

顾名思义，单页网站是只包含一个网页的网站。 它没有关于关于、服务、产品、定价、条款和条件等的附加页面。 相反，所有这些部分都以简明扼要的方式覆盖在一个页面上。

一页网站的唯一目的是服务特定的受众群体，突出产品价值，促进销售，增加转化。 一页网站在手机用户中的流行度达到了最高水平。

由于屏幕尺寸较短，手机并不是很多人浏览多页网站的便捷设备。 单页网站让他们更容易找到准确的产品信息并决定是否购买。

为什么要考虑创建单页网站？

一页网站也称为单页网站。 目前的趋势表明，随着时间的推移，它的受欢迎程度将继续增长。 在下面查看其一些关键原因。

简化用户体验

当您的用户访问您的网站时，他们希望快速轻松地查找信息。 单页网站可以通过将所有主要信息保留在该单页上来简化用户体验。

允许更多地关注内容

在单页网站上，您不必为映射、优化、链接等操心。 因此，您可以专注于以更有创意的方式呈现重要信息，从而吸引读者。

提高转化率

创建单页网站可以帮助您提高转化率。 它使客户免于点击其他网站并减少他们探索不必要事物的时间。

方便移动设备

单页网站很容易从移动设备导航。 我们已经在上面解释了原因。 如果你能以一种聪明的方式展示你的折扣优惠和 CTA，它可以进一步提高你的转化率。

单页网站必须具备哪些要素？

由于单页网站的空间有限，您可能会考虑省略许多您在多页网站上自然维护的元素。 但是在单页网站上，您无法避免一些必备元素。 看看他们。

标头：标头包括一些非常基本的品牌标识元素，如徽标、标语、企业吉祥物、企业颜色等。它还包括导航菜单。 单击其中任何一个将立即将您带到您网站的特定部分。

页脚：页脚包括重要的法律免责声明、作者信息和社交媒体图标。

有意义的图片和视频：如果没有图片，长篇文章会变得乏味。 您必须尽可能包含一些有意义的图像和视频。

服务/产品：无论是投资组合网站还是企业网站，都不要忘记突出您想要销售的关键产品或服务。

推荐：如今，超过 80% 的客户在在线购买产品之前会阅读评论。 在您的网站上添加正面评价，以在您的潜在客户中传播良好的氛围。

号召性用语按钮：转换是任何一页网站的主要目标。 拥有适当的号召性用语按钮可以帮助您立即转换客户。

联系信息：如果访问者对您的产品、服务和优惠深信不疑，他们可能希望与您联系。 添加您的联系信息（电子邮件、电话号码、社交渠道），以便他们可以随时联系到您。

如何使用 Elementor 创建单页网站：分步指南

现在，准备好构建您的单页网站。 Elementor是著名的 WordPress 网页构建器插件。 HappyAddons是 Elementor 的强大扩展。 借助这两种工具，您无需任何编码即可创建功能齐全的单页网站。

此外，您会在他们的库部分中找到许多令人惊叹的现成模板。 您可以使用它们摆脱从头开始创建单页网站的麻烦。 在这里，我们将使用此插件和扩展程序向您展示该过程。 让我们做好准备。

先决条件

1. 元素
2. 快乐插件（免费）
3. 快乐插件（专业版）

最后，像任何其他传统网站一样，您也需要一个域名和托管服务。 一旦您的网站和这些插件准备就绪，请进入您的仪表板并开始按照以下教程进行操作。

步骤 01：安装和激活主题

您需要先安装并激活主题。 导航到外观 > 主题。 您可以选择任何您想要的主题。 在这里，我们选择了 Hello Elementor 主题。

步骤 02：使用 Elementor 打开一个新页面

要打开新页面，请从仪表板转到Pages > Add New 。 单击上面的使用 Elementor 编辑按钮。 它将打开 Elementor 的默认页面布局。

步骤 03：启用 Elementor 画布

您可能会在默认布局上获得一些不必要的文本和元素。 您不应该在最后一页上发布它们。

您需要启用Elementor Canvas以排除它们。 要做到这一点-

• 单击左下角的设置图标。
• 然后从页面布局部分中，选择 Elementor Canvas。

步骤 04：选择现成的页面模板

单击 HappyAddons 图标。 它将打开 HappyAddons 库，您可以在其中根据需要选择现成的页面模板。

在“块”和“页面”部分中，您将获得大量现成的模板。 当我们创建一个单页网站时，我们从页面部分选择一个模板。 我们正在从这个集合中选择一个投资组合模板。 你可以选择任何你喜欢的。

您可以在 Elementor Canvas 上看到导入的页面模板。 接下来，您可以通过添加导航菜单、文本、图像和其他内容来自定义页面。

步骤 05：添加导航菜单

在添加导航菜单之前，您必须确定要在网站上包含哪些部分。 我们希望将以下部分添加到该网站。

• 关于我
• 我的服务
• 特殊技能
• 我的客户
• 联络我

要创建这些菜单，请再次转到您的 WordPress 仪表板。

• 然后导航到外观 > 菜单。
• 为您的菜单命名。
• 点击最后的创建菜单按钮。

之后您将获得快乐菜单选项。 切换它。 然后为每个菜单项添加自定义链接，如视频所示。 按照以下公式创建客户链接：

（复制粘贴您的着陆页网址）/#（页面部分）
http://local/?page_id=163&preview=true/#关于我

您可以将上面链接中的About Me替换为您喜欢的文本。 但请确保您复制文本，因为我们将在您的实时页面上添加它时需要它。

同样，为其他菜单项创建自定义链接。 最后，单击右下角的保存菜单按钮。

再次回到 Elementor Canvas。 在英雄部分上方添加一个新部分。 选择合适的布局。 然后按照下面的视频将快乐菜单拖放到上面。 它将在此页面顶部显示您刚刚创建的所有菜单项。

在样式部分，您可以进一步自定义菜单项。 您可以更改它们的字体大小、字体类型、字体颜色和背景颜色。 此外，您可以添加下拉指示器、子菜单项、子菜单面板、徽标等。

步骤 06：创建 Web 部分

在这里，我们将向您展示为上述网站添加和构建所有部分的过程。

# 关于我部分

向下滚动到本页的第二部分。 您可以将第二部分转换为关于我。 该过程显示在此视频中。 如果需要，您可以在其旁边添加说明性照片。

从样式选项中，您可以将照片完美地放置在 Elementor Canvas 的布局上。

# 我的服务部分

按照与上述部分完全相同的过程，您可以创建和编辑“我的服务”部分。

# 特殊技能部分

要创建特殊技能部分，您可以使用小部件技能栏。

您可以进一步自定义它以使此部分引人注目。 此外，您可以在技能栏部分旁边添加说明文字。

# 我的客户部分

在我的客户部分，您必须尝试添加客户对您的评价。 它将作为社会证明并在您的潜在客户中建立可靠性。 您可以使用推荐轮播小部件。 将其拖放到您网站上的新部分。

从内容和样式选项中，您可以上传客户的照片并将他们的评论作为推荐添加到您的网站上。

＃ 联络我

您可以使用页面模板附带的现成联系表单，或使用 HappyAddons 联系表单小部件来构建一个。 HappyAddons 有许多联系表单模板，您可以从中选择一个以使该部分更引人注目。

单击 HappyAddons 图标，再次转到库部分。 从那里选择您想要的联系表格结构。

HappyAddons 与所有主要的联系表单构建器插件集成。 如果您已经有任何构建表格，您可以立即轻松地将其导入您的联系表格部分。

假设您安装了Contact Form 7插件。 将 Contact Form 7 小部件拖放到您的表单部分。 然后从保存的列表中选择要发布的表单。

# 添加页脚

最后，为您的单页网站添加页脚。 同样，您可以使用 Happyaddons 库来选择页脚模板或使用小部件来构建一个。

步骤 07：将 Web 部分链接到导航菜单

现在您必须将所有这些部分分别链接到导航菜单。 它将使读者能够通过单击菜单项跳转到不同的网页部分。

还记得你复制的关于我的文字吗？ 您需要将其粘贴到 CSS ID 部分，如下所示。

因此，您可以在 Elementor 和 HappyAddons 的帮助下创建一个单页网站，而无需编写任何代码。

步骤 08：预览单页网站

让我们看看我们创建的单页网站的最终预览。

这真的很难用图像和短片来展示一页网站创建过程的每个部分。 我们尽最大努力使其有效且具有高度的教育意义。 希望您喜欢本教程。

如果您对本教程的任何部分有任何困惑，请在评论部分给我们留言。 我们将回复您。

奖励：构建单页网站时要记住的事情

大多数用户在构建单页网站时都会犯一些常见错误。 在下面查看它们，以便您在设计网站时可以避免它们。

保持逻辑结构

它指的是您将在您的网站上涵盖的部分的年表。 大多数成功的网站通常保持这样的年表：关于 > 产品/服务 > 销售报价/定价 > 推荐 > 联系信息。 如果你有不同的想法是没有问题的。 但要确保结构是合乎逻辑的。

使其具有移动响应能力

如果您忘记使您的单页网站具有移动响应能力，那么它永远无法满足您的目标。 这将导致您错过良好的流量和许多潜在客户。 您必须使您的网站具有移动响应能力，以使其可供所有用户访问。

确保加载时间短

加载时间缓慢是大多数网站每天失去大量访问者的关键原因。 使用像 Hello 这样的轻量级主题并压缩您的媒体文件以减少加载时间。

选择合适的调色板和字体类型

使用良好的颜色托盘和字体类型，正确地维护您对用户的品牌价值。 最好选择与您的内容风格相匹配的主题。 您不必手动更新调色板和字体类型。

您可以使用的 5 个最佳单页 WordPress 主题

选择正确的主题非常重要，因为它决定了网站的设计、布局、加载速度、移动响应能力和内容呈现风格。 在这里，我们将向您介绍我们推荐的最佳单页 WordPress 主题。

阿斯特拉

Astra 是一个现代的、轻量级的、简约的、完全响应的 WordPress 主题，使用直观的拖放构建器构建。 它具有简洁的设计、实时预览和大量演示模板，可让您立即创建任何类型的网页。

内芙

Neve 是另一个流行且轻量级的 WordPress 主题，非常适合单页网站。 它还附带了一个很好的准备导入起始页的集合。 Neve 可以与任何页面构建器插件（包括 Elementor 和 HappyAddons）完美配合。

迪维

Divi 是一个多用途的 WordPress 主题，您几乎可以将其用于您能想到的任何类型的网站。 它有一个内置的页面构建器功能名称 Divi Builder，您可以通过它为您的网站提供更令人惊叹的外观。

极端主义者

如果您正在寻找最好的单页 WordPress 主题，无论是餐厅、代理机构、婚礼还是酒店客房，Ultra 都是一个不错的选择。 它是 Themify 系列的一部分。 因此，您将在此主题中获得 Themefiy builder 的所有元素。

取消编码

Uncode 拥有最广泛的演示模板库之一。 它有数百种现成的设计和八种独特的一页设计。 使用这些演示模板，您可以在几个小时内准备好您的单页网站。

有关如何创建单页网站的常见问题解答

现在查看有关如何创建单页网站的最常见问题的答案。

您准备好建立您的单页网站了吗？

我们现在已经到了本文的结尾。 如今，单页网站是一种流行的在线方式。 它的受欢迎程度不断提高的原因是它具有转换特定目标受众群体并满足您的追求的能力。

希望您已在本文中找到所有必要的资源，为创建单页网站做好准备。 如果您正在寻求任何进一步的帮助来澄清您的困惑，只需在评论部分说明您的信息。 我们会尽快回复您的查询。

如果您喜欢阅读更多类似这样的有趣文章，请订阅我们并关注我们的 Facebook 和 Twitter 频道。