如何在 WordPress 网站上创建静态主页

已发表: 2021-05-20

正如大多数访问者看到的第一件事一样,您的主页是您网站上最重要的页面之一。 如果您的 WordPress 设置主页看起来不像您认为的那样==匹配您的品牌风格并迎合您的受众偏好 - 或者它没有正确显示内容(或正确的内容),那么是时候复习了。 最终,您的主页需要传达您想要传达的信息——否则,拥有它有什么意义,更不用说构建网站的其余部分了?

创建或重做您的主页听起来像是适合专业设计师的工作。 但是,虽然您可能更乐意将任务交给其他人,但如果您愿意,您绝对可以自己解决。 我们将向您展示如何(以及为什么)。

订阅我们的 YouTube 频道

WordPress:将主页设置为静态

WordPress 的默认设置是在您的主页上显示您最新的博客文章。 这意味着您的主页会随着您继续发布新内容而不断变化。 这也意味着,如果您有一些博客停机时间并且没有机会发布任何新内容,它将保持停滞状态,并在最顶部显示旧博客文章(及其发布日期),供所有人查看。 不是很专业。

如果您没有博客或您的博客不是您网站的重点,您将需要一个静态主页。 静态主页在您更改之前保持不变。 (设置静态主页并不意味着您要取消博客。相反,您的博客将移至专用博客页面。)

这是在 WordPress 中设置静态主页的方法。

WordPress:将主页设置为静态第 1 阶段 – 创建新页面

  1. 登录到您的 WordPress 管理仪表板。
  2. 将鼠标悬停在页面上
  3. 在弹出的菜单中点击新增
  4. 为您的主页命名。
  5. 点击发布

wordpress设置主页

静态主页

如果您还没有博客但想要一个,请重复上述步骤来创建它。

WordPress:将主页设置为静态第 1 阶段 – 设置页面类型

现在您有了新页面,是时候告诉 WordPress 将它们用于什么目的了:

  1. 进入设置在左侧的导航栏。
  2. 点击阅读
  3. 您的主页显示部分中,选择静态页面
  4. 在下面的主页下拉菜单中,选择正确的页面名称。
  5. 如果您创建了博客,则可以从帖子页面下拉列表中选择正确的页面名称。

wordpress设置主页

静态主页

你有很多网站访问者吗? 如果您打算在您的网站上工作一段时间,请考虑设置一个维护页面。 这样,访问者在它部分完成时就不会看到它,并且他们会知道您的网站没有脱落。

如何在 WordPress 中设计主页:4 种方法

有几种不同的方法可以创建或更新您的 WordPress 主页。 虽然我们偏爱 Divi,但没有错误的选择。 选择你最舒服的。

主题定制器

所有 WordPress 网站都内置了主题定制器。 定制器的好处在于,您可以在实际确认您的更改并使其生效之前查看网站发布时的外观。

访问主题定制器

要访问定制器,请执行以下操作:

  1. 登录到 WordPress 管理仪表板。
  2. 在左侧边栏上,转到外观,然后单击自定义。
  3. 定制器将为您安装的、激活的主题打开。

wordpress 主题定制器

使用主题定制器设计您的主页

从这里,您可以自定义主页的外观。 您拥有的自定义选项将基于您的主题。 一些主题只有基本的编辑选项,而其他主题则允许您调整大量设置。 在定制器中,您可以更改部分,也可以添加或删除某些部分。

单击左侧的“定制器”面板可对站点的不同部分进行更改。 或者,您可以单击预览窗格中网站区域上的蓝色铅笔图标对其进行更改。

wordpress 主题定制器

网站设计

发布或保存您的更改

现在,是时候发布或安排您的更改了。 要立即应用更改,请单击发布

网站设计

要将更改保存为草稿以供以后进一步编辑或发布,请单击齿轮图标(位于Publish右侧)。 在打开的面板中,单击Save DraftSchedule 。 如果您想获得反馈,您还可以选择共享修订后的未发布网站的预览链接。

wordpress 主题定制器

网站设计

WordPress:使用主题定制器将主页设置为静态

如果您还没有将主页设置为静态,您也可以从定制器中进行设置:

  1. 选择定制器左侧的主页设置面板。
  2. 从下拉菜单中,选择要设置为主页的页面。
  3. 帖子页面 下,选择要用作博客的页面。
  4. 如果您还没有主页和/或博客页面,您可以通过选择下拉菜单下的+ 添加新页面来创建它们。 您将为空白页面命名,然后您可以稍后进入它进行自定义。

网站设计

退出主题定制器

完成此处后,单击页面左上角的X退出定制器。

网站设计

WordPress 块编辑器

您可能只想使用块编辑器来自定义您的主页,或者您可能希望在浏览自定义程序选项后使用它来进一步调整它的外观。 总体而言,块编辑器有更多选项可用于个性化主页外观。

在管理仪表板中,单击页面,然后在用作主页的页面下选择编辑

wordpress设置主页

进入页面编辑器后,添加任何您想要的内容,无论是标题、文本、图像等。如果您想先添加文本,您可以单击页面并开始输入。 将为您自动添加正确类型的块(段落块)。

静态主页

或者,通过单击屏幕左上角的加号来选择要添加的块类型。 如果将光标悬停在要放置块的位置的最右侧,您也可能会看到相同的符号。 然后,您可以选择或搜索要开始的块类型。

wordpress 设置主页

静态主页

wordpress设置主页

每个块都有自己的设置菜单,您可以使用它进一步自定义它。 例如,在段落块中,您可以调整文本设置以更改字体大小或使用首字下沉。

静态主页

添加尽可能多的块,直到您对主页的外观感到满意为止。 通过单击块左上角的箭头移动块以重新排列内容。

wordpress设置主页

如果您决定不再需要它,您也可以摆脱它。 为此,请单击三个垂直点,然后选择删除块

静态主页

当您完成更改后,您可以立即发布他们通过点击发布,然后在打开的窗格中再次发布。 要将更改安排在以后的日期和时间生效,请单击发布:立即,这将打开安排部分。

静态主页

wordpress设置主页

您还可以通过选择Save Draft保存更改以备后用。

wordpress设置主页

WordPress 经典编辑器

如果您喜欢经典编辑器比块编辑器更好的处理方式,您可以使用它来设计您的主页。 您将以与块编辑器相同的方式开始。 从仪表板中,单击页面,然后选择所需的页面。

在此处添加文本比使用块编辑器更简单,因为您将直接在主编辑器面板中输入,并且不会像您那样创建任何块。 要更改字体大小,请从默认为“段落”的下拉菜单中进行选择。 从这里,您可以选择不同的标题样式。

静态主页

wordpress设置主页

该下拉菜单旁边是一个带有一堆选项的工具栏。 您可以将文本加粗或斜体、创建项目符号列表、更改字体和背景颜色、调整文本和图像的对齐方式等。在该菜单中还有另一个名为Toolbar Toggle 的按钮,您可以选择更多选项(如果它们还没有显示)。

wordpress设置主页

就像使用块编辑器一样,您可以使用经典编辑器将媒体添加到主页。 例如,要添加图像,请选择“添加媒体”按钮,这会将您带到媒体库。 然后,您可以选择或上传要使用的图像。

静态主页

完成更改后,您可以通过单击发布立即发布它们,通过单击保存草稿保存它们以供以后使用,或者通过单击立即发布右侧的编辑然后输入日期和时间信息来安排它们。

wordpress设置主页

静态主页

Divi 视觉生成器

您还可以使用 Divi Visual Builder 创建和设计您的主页。 最值得注意的是,我们有数百个预制和专业设计的布局包来帮助您入门。 首先,您需要下载、安装并激活 Divi。

wordpress设置主页

接下来,您必须启用 Visual Builder。 进入您的主页进行编辑(页面> 悬停在您的主页上 >编辑)。 然后,单击顶部的Use The Divi Builder ,然后单击Edit With The Divi Builder

静态主页

wordpress 设置主页

完成导览(或跳过)后,您将看到一个包含三个选项的页面:

  • 从头开始构建
  • 选择预制布局
  • 克隆现有页面

wordpress设置主页

如果您选择选择预制布局,您将被带到 Divi 库,其中包含大量布局和布局包。 单击一个以查看有关它的更多信息,然后选择“使用此布局”(如果您喜欢)。

静态主页

静态主页

安装主题后,您可以对不同的元素进行编辑。 要编辑某个部分,请在将鼠标悬停在其左上角时弹出的窗口中单击齿轮图标。

wordpress设置主页

从那里,将弹出一个设置菜单,您可以对该元素进行不同的调整。 可能还有不同的选项卡可供点击,以进行更多设置。 完成该元素的工作后,单击底部的X不保存更改或单击检查以保存更改。 您还可以使用指定的箭头撤消或重做更改。

静态主页

wordpress设置主页

如果您选择从头开始构建而不是使用预制布局,则过程大致相同。 您将鼠标悬停在要编辑的区域上,带有齿轮图标的菜单将弹出,您可以使用它来调整页面的设计设置。

wordpress设置主页

如果您不保存设置并尝试离开该页面,则会在退出前看到提示您放弃或保存的通知。

静态主页

关于我们的 WordPress 设置主页提示的最终想法

当您的主页设计得很好时,您的访问者将清楚地了解您的网站的全部内容。 无论您是运行一个简单的个人博客还是拥有数百个页面的电子商务网站,您的主页都是给人留下第一印象的地方。

当您知道更新主页的不同方式时,就可以在需要时轻松进行更改。 也许您想暂时专注于品牌的不同方面,或者您对徽标进行了大修并需要更改主页的美感以匹配。 借助 WordPress 易于使用的工具,以及与平台无缝集成的第三方主题和定制器,您可以使用上述一个或所有选项来让您的网站看起来完全正确。

你想为你的主页创建一个菜单吗? 我们在本文中介绍了如何使用主题定制器来做到这一点。

精选图片来自 NastyaTsy/shutterstock.com