如何（轻松有效地）编辑WordPress主页

您是否要为WordPress网站创建自定义首页？

默认情况下，WordPress在首页上显示您的博客文章。但是您可能希望网站首页显示一些不同的内容，例如着陆页突出显示您的产品，服务等。

在本文中，我们将向您展示如何轻松地编辑和自定义WordPress主页。

什么是WordPress主页？

您的WordPress主页是您网站的“首页”。这是用户访问您的域名时显示的第一页。例如，如果您在www.wpbeginner.com浏览器中输入内容，那么您进入的页面就是我们网站的主页：

为什么要编辑WordPress主页？

如果您决定创建一个Blog，那么只在首页上显示您的博客帖子是很有意义的。

但是，如果您使用WordPress建立小型企业网站甚至经营在线商店该怎么办？然后，您可能会有想要在主页上突出显示的产品或促销信息。

这是OptinMonster的商业网站首页示例。这是最好的WordPress弹出插件。他们的网站上有一个很棒的博客，但这不是他们主页的重点。相反，他们有一个明确的号召性用语。

您想创建这样的主页吗？也许您已经尝试将自定义页面设置为 WordPress 的主页，但是您正在努力使其外观正确。

如果是这样，那么您来对地方了。

我们将逐步指导您设置主页并对其进行自定义以满足您的需求。这样，您可以给人留下深刻的第一印象，并鼓励访问者采取对您的网站使命最重要的行动。

这可能意味着从您那里购买数字产品，注册加入您的会员网站，或捐赠您的筹款活动。

我们将介绍几种可用于创建自定义WordPress主页的方法。

您可以使用这些快速链接直接跳到教程的不同部分：

• 在WordPress中设置主页
• 使用主题的内置选项编辑主页
• 使用块编辑器编辑WordPress主页
• 使用Beaver Builder编辑WordPress主页
• 使用Divi编辑WordPress主页

在WordPress中设置主页

默认情况下，WordPress在首页上显示您的博客文章。但是，大多数企业网站，甚至大多数博客都使用自定义主页，并创建一个单独的博客页面来显示其博客文章。

让我们看看如何在WordPress中设置单独的主页和博客页面。

首先，您需要通过转到Pages»Add New来创建页面。将其命名为“首页”或任何您想要的名称，然后发布页面。

专家提示：您是否已有网站访问者？然后，您可能需要在设置主页时将网站置于维护模式。或者，您可以设置一个临时站点，您可以在其中创建主页。

现在，让我们重复此过程以创建一个页面，在该页面上显示博客文章。只需转到页面»添加新内容并将新页面命名为Blog。之后，您可以继续并发布空白页。

页面准备就绪后，让我们告诉WordPress开始使用这些页面。

您可以通过转到WordPress管理区域中的“设置”»“阅读”页面来执行此操作。接下来，您需要在“您的首页显示”部分下选择“静态页面”选项。之后，继续并选择您的主页和博客页面。

不要忘记点击“保存更改”按钮来保存您的设置。

提示：除非您将WordPress安装在子目录中，否则您的首页链接只是您的域名。

但是，您的主页仍然为空。让我们来看一些在WordPress中轻松编辑主页的方法。

使用主题的内置选项编辑主页

某些最佳的WordPress主题将为您创建一个主页设计，因此您可以轻松地对其进行编辑。

您可以通过访问WordPress仪表板中的外观»自定义页面找到这些选项。这将启动WordPress主题定制器，并实时预览您的主题。

主题定制器针对不同的主题具有不同的选项。预览和可用选项可能会因所使用的主题而异。

要编辑主页的任何部分，只需单击它旁边的蓝色铅笔图标。在这里，我们正在编辑主页顶部的图像，文本和按钮。

注意：进行修改后，它们会立即显示在您的网站预览中。在您发布更改之前，这些更改将不会在您的网站上显示。

如果您要从首页中删除某个部分，只需单击该部分左上角的蓝眼图标即可。

您也可以使用自定义程序的“首页部分”标签删除部分并将其重新添加。

对主页感到满意后，请单击“发布”按钮以使其生效。

在网站上显示的主页外观如下：

使用主题的内置选项是设置主页的最快方法。但是，某些主题可能没有太多选择，或者您可能对首页的外观不满意。

不用担心，还有许多其他方法可以编辑您的主页并赋予您所需的外观。

使用块编辑器编辑WordPress主页

如果您需要从头开始创建主页怎么办？在WordPress的块编辑器是一种简单的方法来做到这一点。

要使用块编辑器，只需转到“页面”屏幕并编辑您先前创建的主页。

现在，您可以开始为页面创建内容。

专家提示：如果您没有使用过多的块编辑器，请通读有关掌握WordPress内容编辑器的专家提示。我们使用大量屏幕截图清楚地说明了所有内容，以向您展示其工作原理。

在本部分的教程中，我们将使用一些简单的块来创建基本主页。

首先，我们将在页面中添加欢迎消息。您只需单击页面即可开始输入。WordPress将自动为您创建一个段落块。

如果要放大文本，可以在右侧的块设置中轻松完成。只需使用“文本设置”下的“预设大小”下拉菜单。

您还可以在下面的“颜色设置”部分中更改文本的颜色。

接下来，我们将图像添加到页面中。您可以通过单击（+）符号然后选择“图像”块来执行此操作。您可以在“通用块”部分中找到它，也可以使用搜索栏搜索它。

您可以从媒体库中选择图像或上传新图像。

重要提示：仅使用公共领域或CC0许可的图像，或您自己创建的图像。您还应该优化网络图像。

接下来，我们添加了另一个段落块，其文本为在此处查看我们的最新文章。

然后，我们添加了“最新帖子”块，我们将其设置为显示帖子摘录和特色图片以及帖子标题。您可以在我们的有关在WordPress中显示最新帖子的教程中找到有关“最新帖子”块的更多信息。

您可以在首页中添加任意数量的块。如果您的主题有一个，则可能还需要为页面使用“全角”或“无侧边栏”模板。您可以在页面的“文档”设置中执行此操作。

在此示例中，我们使用Astra主题：

对首页感到满意后，请点击屏幕右上方的“发布”按钮。

这是我们完成的首页的外观：

如果您想进一步浏览首页怎么办？一种选择是尝试使用这些针对WordPress的最佳阻止插件中的一些插件，以添加新功能，例如联系表，推荐，评论等。

另一个不错的选择是对WordPress使用功能更强大的页面构建器来创建看起来华丽而专业的内容。

在本教程的下一部分中，我们将介绍两个不同的页面构建器：Beaver Builder和Eleganti主题的Divi。

使用Beaver Builder编辑WordPress主页

Beaver Builder是一个受欢迎的页面构建器插件，它是创建主页的好方法。

首先，您需要下载，安装和激活Beaver Builder插件。有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

接下来，您可以开始编辑您的主页。只需转到WordPress中的“页面”菜单，然后单击以编辑我们之前创建的主页。

在块编辑器中，最好在“ 文档”»“页面属性”»“模板”下切换到空白页面或没有侧边栏模板。

我们将在本部分教程中使用OceanWP。它带有一个“着陆页”模板，该模板创建一个空白画布，您可以使用页面构建器进行编辑。

设置页面模板后，可以单击屏幕中央的“启动Beaver Builder ”按钮以开始使用Beaver Builder。

您将进入Beaver Builder编辑器。设计主页的最快方法是使用Beaver Builder的预构建模板之一。单击右上角的+图标（如果尚未选中），然后单击模板标签。

我们将在我们的网站上使用此“代理商”模板。

注意：精简版的Beaver Builder中没有这些模板。

您可以编辑关于模板的任何内容。只需单击您想要更改的内容。将会弹出一个小窗口，您可以在其中进行编辑。在这里，我们正在编辑首页的标题（顶部的大文本）。

现在，我们更改了页面的标题以及其下方按钮上的文本：

如果要向页面添加新元素，可以通过添加新模块或整个新行来实现。Beaver Builder中的内容按行排列，并分成几列。

要添加行或模块，请单击屏幕顶部的+图标。之后，将您选择的行或模块拖放到该位置。在这里，我们向页面添加一个新的1列行：

排成一行后，可以向其中添加1个或多个模块。我们有1列的行，因此我们只能添加1个模块。我们将通过将Heading模块拖放到适当位置来使用它：

您可以通过单击模块的“样式”选项卡来更改字体及其大小：

如果要从页面中删除行或模块，只需将鼠标光标放在页面上，然后单击左侧出现的X。

在这里，灰色图标可让您编辑或删除整行，而蓝色图标可让您编辑或删除单个模块：

您可以根据需要继续添加和更改页面的行和模块。对外观感到满意后，请点击右上角的“完成”。

然后，您可以选择保存或发布页面。

这是我们的页面在我们网站上的外观：

使用Divi编辑WordPress主页

Divi是另一个流行的WordPress页面构建器插件。它带有WordPress主题和带有数十个精美模板的页面构建器插件。

您可以将Divi页面构建器与任何主题一起使用。在本教程中，我们将其与Divi主题一起使用。

首先，您需要从Elegant Themes下载，安装和激活Divi主题。其中包括Divi构建器，因此您无需单独安装。

注意：您需要在WordPress仪表板的Divi»主题选项»更新下输入用户名和API密钥。否则，您将无法访问布局包。

如果您需要安装插件方面的帮助，请查看有关如何安装WordPress插件的分步指南。

一旦Divi主题和页面构建器启动并运行，就可以设置主页。首先，转到WordPress信息中心中的“页面”菜单，然后编辑我们之前创建的首页。

在开始编辑主页之前，最好切换到“ 文档”»“页面属性”»“模板”下的“空白页面”模板。这样，您的首页将不会有侧边栏，标题，菜单或任何其他默认元素。

接下来，您可以单击屏幕顶部的“使用Divi Builder”按钮。

现在，您需要单击屏幕中心的“使用Divi Builder”按钮。

您可能会在屏幕顶部看到提示，询问您是否要离开该站点。单击“离开”进入Divi构建器。

接下来，您将看到可用于创建页面的一系列选项。我们建议您使用预制的布局作为主页的基础。这样可以非常轻松快捷地设置您的主页。

Divi拥有令人印象深刻的各种布局供您选择。有163种不同的布局包，每个都有不同的页面布局，包括主页。

您可以通过输入搜索词来搜索这些内容，也可以选中相应的框以仅查看符合特定类别的布局。

我们将使用“旅行博客”布局包来创建我们的主页。首先，单击要使用的包：

接下来，您将看到布局包的描述以及可用的不同页面布局。您可能要使用主页或登录页面作为主页。我们将选择“主页”选项。

选择布局后，点击“使用此布局”按钮。

Divi将自动为您导入布局。然后，您将在页面上实时看到它，就像它在您的网站上一样。要编辑它的任何部分，只需单击它。

与Beaver Builder一样，Divi使用行（分成列）和模块的系统来创建页面。使用文本模块，您可以单击文本并在屏幕上直接输入任何内容。

在这里，我们更改了标题和下方的文本：

对于其他模块，您可以将鼠标光标悬停在其他模块上，然后单击“模块设置”图标进行编辑。在这里，我们正在编辑数字计数器之一：

您可以使用垃圾箱图标以相同的方式删除模块和行。

您可能需要在主页上使用自己的图像。您可以通过编辑模块设置来更改它们。

请注意，顶部的图像被设置为全角标题模块的背景，因此您需要在该模块的内容»背景下对其进行更改：

对页面所做的更改满意后，您可以点击屏幕底部的“保存草稿”或“发布”。

提示：如果看不到这些按钮，请单击紫色的“…”按钮以将其打开。

这是我们的页面在网站上的外观：

而已！您已经在WordPress中创建了一个漂亮的首页，并成功设置了它。