如何使用 WordPress 制作单页网站?

想在不聘请技术人员的情况下在 WordPress 中创建一个单页网站？单页网站非常适合登录页面、投资组合和小型企业网站，因为它们具有吸引力、适合移动设备并引导访问者点击。但是如果没有正确的方法，搭建好网站后，可能导致加载时间变慢、移动响应能力差，并造成令人困惑的用户体验，使访问者离开网站。在本问中，我们将向您展示如何在 WordPress 中创建专业的单页网站。

为什么要创建单页网站？

大多数企业和组织都需要一个网站。即使您经营的是面对面的业务，网站也可以帮助用户发现您的品牌，然后采取下一步行动。这可能是从请求预约到获取联系信息或计划前往实体店的任何事情。

但是，建立一个完整的博客或网站可能是一个非常令人头疼的问题。您可能没有时间、预算或专业知识来设计多个页面并使所有内容永远保持最新状态。

单页网站是一个要求低得多的选择。

另外，有时，您甚至不需要多页网站。如果您有实体店或企业，那么您的网站可能只是充当数字名片。它可以帮助人们在 Google 上找到您并为他们提供基本详细信息，例如您的电话号码和其他详细信息。

在这种情况下，单页商业网站可帮助您在更短的时间内更轻松地实现目标。

我们还与许多自由职业者和企业家合作，他们使用单页网站作为他们的在线作品集或个人简介页面中的链接。

单页网站也非常适合会议或研讨会等短期活动。

由于访问者通常有一个单一的特定目标，因此无需创建他们不会使用的复杂多页网站。

最好的部分是什么？活动结束后，您可以轻松地关闭该网站 – 无需担心维护您不再需要的东西。

最重要的是：如果您需要一种快速、简单且经济实惠的方式来创建在线形象，那么单页网站可能是您的完美解决方案。

第 1 步：选择您的网站构建器

您可以使用许多网站构建器来创建单页网站，但我们建议使用 WordPress。

首先，它是开源且免费的，因此使用起来不需要任何费用。大多数高级构建器都是专为多页网站设计的，这意味着您最终可能会为单页设计根本不需要的功能付费。

通过选择 WordPress，您可以获得一个功能强大且可靠的平台，而无需高成本。

但情况会变得更好。根据我们的博客统计，WordPress 是世界上最受欢迎的网站平台，为近 43% 的网站提供支持。这意味着您可以为您的单页网站获得最好的平台 – 再次，无需高昂的成本。这是双赢的。

但是，有两种类型的 WordPress 软件，因此选择合适的软件很重要。

首先是 WordPress.com，这是一个博客托管平台。然后是 WordPress.org，也称为自托管 WordPress。对于单页网站，我们建议使用 WordPress.org 因为它允许您安装第三方插件，包括页面构建器。

虽然良好的设计对于任何 WordPress 网站都至关重要，但对于单页网站来说绝对是必不可少的。由于给人留下深刻印象的空间有限，因此每个像素都很重要。

这就是为什么一个强大的页面构建器插件是必不可少的。它使您可以完全控制页面设计，因此您可以精确调整每个元素在页面上的显示位置。通过这种方式，页面构建器可帮助您在最小的空间量中产生最大的影响。

第 2 步：为您的单页网站设置托管

要创建单页网站，您需要一个域名和虚拟主机。

域名是您的网站在 Internet 上的地址。这是客户在浏览器中输入的内容，以访问您的单页网站，网络托管是您的网站在线存在的地方。我们以bluehost为例。

步骤 3。在您的虚拟主机上安装 WordPress

当您使用我们的链接注册 Bluehost 时，Bluehost 会自动在您的域名上安装 WordPress。

请等待几分钟加载，然后单击“编辑站点”按钮，这将带您设置新网站。

此时，将出现一个新窗口，询问您是要迁移 WordPress 网站还是开始新的设置。

由于我们正在创建一个新网站，因此我们将单击“开始设置”按钮。

设置向导现在将要求提供一些基本信息，例如您正在构建的网站、博客或在线市场的类型。

选择最适合您的单页网站的类别，然后单击“继续设置”。

完成整个 Bluehost WordPress 设置向导后，单击“完成设置”。

Bluehost 现在将带您进入 WordPress 管理区域。

您还可以通过直接在 Web 浏览器中前往 yoursite.com/wp-admin/ 来登录 WordPress 仪表板。

如果您使用的是不同的 WordPress 网站主机，例如 SiteGround、Hostinger、HostGator，那么您可以查看我们的完整指南 如何安装 WordPress 为所有顶级托管服务提供商。

现在已完成，您可以开始使用 WordPress 构建您的单页网站。

第 4 步：安装 Page Builder 插件

正在寻找创建令人惊叹的单页网站的最简单方法？那么我们强烈推荐 SeedProd。这个流行的页面构建器插件带有一个拖放界面，因此您可以准确控制每个元素在页面上的显示位置。

您还可以创建无限行，每行都有自己的布局。这意味着您可以在单页网站上包含大量内容，而不会感到杂乱。

第 5 步：创建新页面

现在，终于到了创建您的单页网站的时候了！要开始使用，请前往 SeedProd » 着陆页，然后单击“添加新着陆页”。

SeedProd 有许多设计，这些设计被组织成不同的活动类型，例如即将推出和 404 页面。您可以单击屏幕顶部的选项卡，以根据推广活动类型筛选其模板。

当您创建单页网站时，通常从一张白纸开始是有意义的。要从头开始设计您的单个页面，请将鼠标悬停在 ‘Blank template’ 上，然后单击出现的橙色复选标记。

接下来，为您的单页网站输入名称。SeedProd 将根据页面的标题自动创建一个 URL，但您可以将其更改为您想要的任何内容。

描述性 URL 将帮助搜索引擎了解您的网站的全部内容，以便他们可以将其展示给正在寻找与您一样的内容的人。

当您对输入的信息感到满意时，请单击“保存并开始编辑页面”按钮。

第 6 步：添加您的品牌

SeedProd 现在将在其拖放编辑器中打开空白模板。您将在左侧看到各种设置，在右侧看到实时预览。

您的单页网站是您建立品牌的第一个（也是唯一一个）机会，因此正确使用非常重要。也就是说，让我们从更改全局设置开始，以便您的页面设计始终保持一致。

为此，请单击左下角菜单中的齿轮图标。

要微调标题和正文文本，请单击以展开 ‘Fonts’ 部分。

您现在可以使用下拉菜单更改默认字体和文本样式。

接下来，您可以为标题、文本、按钮、链接和背景创建配色方案。

您可以覆盖单个元素的这些设置，但提前定义这些设置可以更轻松地创建一致的设计。此外，从长远来看，它会节省您的时间。

要进行此更改，请单击以展开 ‘Colors’ 部分。在这里，只需将鼠标悬停在要更改的任何颜色上，然后单击色板即可。这将打开一个选择器，您可以在其中选择要使用的确切阴影。

您可以探索一些更多的全局设置，但对于大多数单页网站来说，这是一个很好的起点。

第 7 步：选择布局

现在是时候选择您的布局了。您可以向单页网站添加无限行，并且每行都可以有自己的布局。

但是，我们通常建议每行坚持使用 1 列或 2 列布局，因为这会使您的单页网站更易于导航。在智能手机和平板电脑等较小的设备上尤其如此。

要选择布局，只需将鼠标悬停在要使用的选项上即可。然后，点击一下。

这将创建一个新行。

首先，您通常需要通过将鼠标悬停在行上来更改行的背景。然后，单击出现的小齿轮图标。

此时，您可以使用左侧菜单中的设置更改背景样式和颜色。

要建立您的品牌，我们建议您从您之前设置的全局颜色中进行选择，但您可以使用任何您想要的阴影。

第 8 步：添加内容块

块是 SeedProd 的核心部分，它们允许您创建各种单页设计。有用于添加文本、图像、联系表单等的块。

如果您尚未在 SeedProd 的左侧菜单中看到这些块，请单击虚线图标。

然后，您可以选择 ‘Blocks’ 选项卡（如果尚未选择）。要将块添加到您的单页网站，只需将它们拖放到您的设计中即可。

要自定义块，请在页面预览中单击以选择它，然后在左侧菜单中进行更改。

正在努力寻找灵感，或者只是想快速构建您的单页网站？SeedProd 带有强大的 AI 功能，可以轻松生成文本，包括标题、标题和号召性用语。

只需像往常一样将文本块添加到您的设计中，然后单击“生成 AI 文本”按钮即可。输入您要使用的提示，然后点击“生成文本”。

然后 SeedProd 将根据您的说明生成一些文本。

您可以通过更改语气、长度甚至语言来微调文本。

想要为您的单页网站创建独特的图像和图形吗？

然后 SeedProd 与 DALL-E 集成，因此您可以在几秒钟内生成原始图像，然后单击一下即可将它们添加到您的单页网站。

这些功能使您可以快速构建具有专业外观、设计精美的单页网站 – 而无需任何专业的文案写作或图形设计技能。

只需将块持续拖动到页面上，然后使用左侧菜单中的设置对其进行编辑即可。您还可以使用拖放功能在布局中移动块。

第 9 步：添加无限行

在某些时候，您可能希望创建一个新行以保持您的内容井井有条。为此，请将鼠标悬停在布局中的最后一行上，然后单击出现的小 ‘+’ 按钮。

这将添加一个新行。

在此行中，将鼠标悬停在 ‘Add Columns’ 图标上，然后单击它。

这将添加新的 ‘Choose your layout’ 部分，您可以在其中选择单列或多列布局。

只需不断重复这些步骤，即可添加所需数量的行。

第 10 步：创建“联系我们”表格

无论您是想产生潜在客户、接受报价请求，还是只是想与您的受众建立联系，您都需要一个联系表格。这为人们提供了一种与您联系的方式，因此它几乎是每个单页网站的必备工具。

好消息是 SeedProd 与 WPForms 表单构建器无缝集成。

要开始使用，请打开您要将表单添加到的页面的 SeedProd 编辑器。然后在左侧菜单中找到 Contact Form （联系表单） 块。

现在，将此块拖到实时 SeedProd 预览上。

SeedProd 现在将要求您安装 WPForms。

WPForms 是一个免费插件，因此请继续并单击“安装 WPForms”。SeedProd 现在将为您安装和激活 WPForms – 我们确实说过这是无缝集成！

安装后，单击左侧菜单中的“新建表单”按钮。

WPForms 窗口现在将出现在屏幕上。

您可以从空白表单开始，也可以选择模板。在这种情况下，我们建议使用 ‘Simple Contact Form’ 模板，因为它为各种联系表格提供了一个很好的起点。

要使用此设计，请将鼠标悬停在它上面，然后在它出现时单击 ‘Use Template’。

与 SeedProd 类似，WPForms 编辑器在右侧显示实时预览，在左侧显示一堆现成的字段。

要向模板添加更多字段，只需将它们从左侧菜单拖放到实时预览中即可。

要编辑字段，只需单击即可在右侧预览中选择它。

然后，使用左侧菜单中的设置进行更改。

有关更详细的教程，请参阅我们的指南 如何在 WordPress 中创建联系表单.

如果您对表单的设置方式感到满意，请单击“保存”按钮以存储您的更改。然后，单击“x”关闭 WPForms 窗口并返回主 SeedProd 编辑器。

SeedProd 应该会自动将联系表单添加到您的页面。

但是，如果它没有出现，则只需打开“选择表单”下拉菜单并选择您刚刚创建的表单。

第 11 步：发布您的单页网站

此时，您应该准备好网站的所有基本元素。

但还有更多内容需要探索，因此我们强烈建议您花一些时间尝试不同的 SeedProd 块和设置，看看您可以创建哪些设计。

当您对单页网站的外观感到满意时，就可以通过单击“保存”按钮发布您的网站了。然后，选择“发布”。

恭喜，您的单页网站现已上线！

我们希望本文能帮助您了解如何使用 WordPress 制作单页网站。您可能还想查看我们精选的必备 WordPress 插件。

 

原文链接：https://www.itaoda.cn/blog/15764.html，转载请注明出处。