您可以通过多种方式为您的企业设计网站，具体取决于您的目标和需要包含的内容量。 虽然有时创建具有多个页面和大量内容的复杂网站是有意义的，但这也可能变得昂贵和复杂。

相反，您可能要考虑创建一个仅包含一个页面的网站。 虽然这听起来可能不足以容纳您需要的所有信息和功能，但您可能会感到惊讶。 单页网站实际上可以成为一种非常有效的方式来推动转化并为您的用户提供价值。

在本文中，我们将首先讨论您可能想要使用单页网站的原因。 然后，我们将引导您完成使用您最喜欢的 WordPress 业务主题之一为您的公司组合的过程。 我们走吧！

一页网站如何使您的业务受益

您可能会怀疑，单页网站只是一个仅包含一个页面的网站。 这些网站中的大多数都设计为访问者可以滚动浏览的一系列部分。 Co 的网站就是一个很好的例子：

虽然看起来不直观，但创建一个单页网站实际上是非常有益的，尤其是对企业而言。 例如，单页商业网站使您能够：

• 讲述贵公司的故事。 使用单个页面可以创建线性叙述，完全按照您希望的方式展示您的业务和服务。
• 简化您的信息。 通过专注于您业务中最重要的方面，您可以让访问者更轻松地掌握您的核心信息。
• 提高用户参与度并增加转化率。 可以构建一个单页网站以引导访问者实现一个特定目标。
• 花更少的时间在网站维护上。 一页网站的简单性使得随着时间的推移更容易管理和使用。
• 创建一个响应速度更快的网站。 由于您的所有内容都在同一页面上可用，因此您的网站将非常适合移动设备，因为用户可以简单地滚动浏览内容。

我应该指出，使用单页设计也有潜在的缺点。 例如，如果您的网站需要包含大量信息并且需要会员选项等复杂功能，那么单个页面就不够了。

您还可能面临性能缓慢的问题，因为每当用户访问它时，您的整个网站都需要加载。 但是，可以通过优化您的网站以提高速度并确保您使用的是高性能主题来避免这种情况。

如何设计一个单页的商业网站（4个步骤）

现在我们已经了解了单页商业网站的好处，让我们讨论如何实际创建一个。 对于本示例，我们将使用 WordPress，因此请确保您首先设置了全新的安装。 您还可以使用本地开发工具（例如 Local）来测试新主题，而不会损害实时站点。 然后，你可以开始工作了！

第 1 步：查找并安装单页业务主题

您的首要任务是找到合适的 WordPress 主题。 主题会改变您网站的外观和布局。 幸运的是，有一些 WordPress 商业主题可以帮助您轻松设计单页网站。

如何添加 CSS 变量来自定义 WordPress 子主题

CSS 变量，也称为 CSS 自定义属性，允许在 CSS 样式表中轻松重用。 如果您使用过 WordPress 子主题，您可能会发现自己做了很多样式...

使用专门的业务主题有很多好处。 例如，专门为商业网站创建的主题可能包含大量有用的功能，例如 WooCommerce 支持。 它还将针对企业的需求进行定制，例如创建行动呼吁 (CTA) 并突出您的产品或服务。

您决定使用什么主题完全取决于个人喜好和专业要求。 但是，您应该在用作单页网站基础的任何主题中寻找一些基础知识。 最重要的是，它需要响应和优化才能平稳运行（即使有大量流量）。

例如，您可以查看万宝龙主题。 这是一个干净、专业和多功能的商业主题，还包括一个页面构建器工具。 这意味着您可以快速组建一个漂亮的网站：

我将在接下来的演练中使用这个主题。 如果您想这样做，则需要先购买并下载它，然后再将其安装到您的站点上。 完成此操作后，就该开始考虑您的网站的实际外观了。

第 2 步：规划网站的结构

当您设计一个单页网站时，结构就是一切。 您可以将您的网站视为一个故事，因为人们会从上到下阅读它。 每个新部分都应提供更多信息，从而在访问者向下滚动页面时激发他们的兴趣和欲望。

首先，记住简单是关键。 您不想让网站内容过多，因此请关注最重要的细节。 您也不希望以不相关的主题分散读者的注意力，因此请确保您添加的每个部分都朝着相同的总体目标工作。

当谈到如何组织你的部分时，最好使用“倒金字塔”技术。 此方法使您的内容更易于使用且更具吸引力。 您网站的顶部将是最广泛的部分，其中包含更多一般信息，而随后的每个部分都更加集中并包含更具体的细节。

第 3 步：创建您的页面

一旦你有了计划，就该付诸实践了。 启动您的网站并创建一个新页面，并将其设置为您网站的静态主页。 根据您的主题，您可能还希望在此阶段自定义其外观。 例如，万宝龙主题通过专用的常规设置部分提供了许多选项。

对于我们的示例，我们将坚持使用默认外观并专注于内容。 因此，返回您的新页面。 我们将使用 Visual Composer，因为它包含在我们选择的主题中，但如果您愿意，您可以使用任何页面构建器（甚至标准编辑器）：

您首先要确保您的布局设置为全角并且不包含侧边栏，这对于单页网站来说是不需要的。 您可能还想删除“英雄”部分，因为您的页面可能不需要它。

如果您使用的是 Visual Composer，您可以通过在编辑页面时向下滚动并设置以下选项来执行此操作：

完成后，您就可以开始添加内容了。 让我们从一张图片开始，并附上一个简短的描述：

我们在这里所做的只是添加一个带有图像背景的新行，然后是一个标题和一个文本块。 这是吸引访问者注意力并让他们好奇地了解更多信息的好方法。

下一部分应提供有关您的业务特定产品的更多信息：

在这里，我们使用图标和文本来解释业务的实际用途。 以这种方式使用多媒体是明智之举，因为图像可以使用户更有可能进行转换。

您还会注意到每个新行都显示为一个单独的部分。 您甚至可以使用屏幕左侧的点在它们之间导航：

接下来，我们可以包含有关该业务的更多信息。 请注意，我们越往下走越详细：

希望读者对您的服务足够感兴趣，可以一直滚动到页面底部。 届时，他们应该会找到接下来需要的信息，例如联系方式：

您还需要向他们展示要采取的明确行动。 这导致我们进入最后一步。

第 4 步：添加强有力的号召性用语 (CTA)

为了让您的网站产生转化，您需要有效的号召性用语 (CTA)。 “创建一个强大的 CTA 是它自己的艺术形式。 ” 最重要的是让它从页面的其余部分中脱颖而出，并确保其信息清晰。

因此，让我们创建一个 CTA 并将其放置在两个不同的区域中。 首先，我们将创建一个按钮并将其添加到我们的第一部分，以便在访问者访问该站点时立即可见：

然后，让我们将相同的按钮添加到最后一部分：

这是为了确保在阅读完所有相关信息后，向一直阅读的访问者展示 CTA，并希望他们对您的服务产生兴趣。

设计一个非常有效的 CTA 转换的 10 个步骤

您知道您网站的主要目标，但您的访问者知道吗？ 您可能拥有网络上最好的产品、具有用户友好界面的华丽网站，以及来自您的...

这使我们的教程结束！ 当然，这只是向您展示单页网站如何组合在一起的一个非常基本的示例，因此我们建议您尝试不同的内容和视觉效果。

结论

有时最简单的选择确实是最好的选择。 对于商业网站，您可能不需要多个页面和复杂的网站结构。 一个单页的网站可能会更好地为您服务，该网站讲述您的故事并说服用户进行转换。

在本文中，我们讨论了使用单页商业网站的好处。 我们还带您完成了通过 WordPress 商业主题创建主题的过程：

1. 查找并安装单页业务主题。
2. 规划您的网站结构。
3. 创建您的页面。
4. 添加强有力的号召性用语 (CTA)。

您对为您的企业建立有效的单页网站有任何疑问吗？ 在下面的评论部分让我们知道！

下一篇：探索2019年网页设计趋势！

我们将单页网站视为 2019 年的趋势之一。通过我们的免费电子邮件课程探索更多内容（以及获取创建它们的资源！）。 点击这里注册今天的免费课程！