如何设计和设置 WordPress 主页

已发表: 2022-05-05

您的 WordPress 主页就像您网站的欢迎垫。 但是,如果它没有给人留下很好的第一印象,游客可能会决定他们宁愿去其他地方。

幸运的是,WordPress 让您可以完全控制您的主页。 有很多方法可以自定义这个关键页面,以确保它有效地为您的网站定下基调。

在这篇文章中,我们将讨论 WordPress 主页及其在成功网站中的重要作用。 然后,我们将分享三种不同的方式来设计一个五星级的主页。 让我们开始吧!

目录
1. WordPress 主页简介(以及您可能想要更改主页的原因)
2.如何在 WordPress 中设置静态主页
3.如何设计一个漂亮的WordPress主页(3种方法)
3.1。 1. 使用 WordPress 主题定制器
3.2. 2. 使用块编辑器编辑您的 WordPress 主页
3.3. 3.使用页面构建器插件
4.如何创建 WordPress 博客文章页面
5.结论

WordPress主页简介(以及您可能想要更改主页的原因)

几乎不可能高估主页的重要性。 通常,这是访问者在输入您的 URL 时首先看到的内容。

如果您的主页没有给人留下很好的第一印象,那么访问者不太可能给您第二次机会。 这种放弃可能对您的转化率造成灾难性的影响。 它还会影响决定搜索引擎排名的关键指标,包括停留时间。

一个有效的主页会立即让访问者相信他们来对了地方。 这意味着清楚地传达您的 WordPress 网站的全部内容以及它必须提供的价值。

默认情况下,许多 WordPress 主题会在主页上显示您最新博客文章的列表。 如果您正在运行博客或杂志网站,这可能正是您正在寻找的。 特别是,这种格式可以帮助读者找到您最近的内容:

但是,此布局不适用于所有 WordPress 网站。 例如,电子商务商店可能更喜欢展示他们最受欢迎的产品,而不是他们最新的博客文章:

如果您正在运营一个商业网站,您可能希望使用您的主页来介绍您的公司并推广您的服务。 您甚至可以全年更改您的主页,例如创建一个特殊页面来宣传您即将到来的黑色星期五促销活动。

无论您的动机如何,WordPress 都拥有创建适合您的主页所需的一切。 这通常意味着用静态内容替换默认选项。

如何在 WordPress 中设置静态主页

如果您不想显示最近的博客文章,可以切换到静态首页。 然后,您可以在一个单独的页面上显示您的所有博客文章,我们将在本文结尾处创建该页面。

页面不按时间顺序显示,旨在显示常绿内容。 这些特性使它们非常适合您的静态主页。

如果要创建新页面,请导航到 WordPress 仪表板中的页面 > 添加新页面。 您现在可以给这个页面起一个描述性的名称,例如“主页”,然后点击发布

下一步是告诉 WordPress 将此用作您的主页。 但是,由于我们尚未向此页面添加任何内容,您可能需要考虑先将您的网站置于维护模式。

维护模式将确保访问者在您进行更改时尝试访问您的网站时不会遇到空白屏幕或错误消息。 当您对更新感到满意时,您可以让您的网站退出维护模式,并用您的新设计让访问者赞叹不已。

您可以使用 WP 维护模式等插件设置此模式。 该工具还具有一些附加功能,包括倒计时以在您的网站重新启动时引起轰动:

要切换到静态主页,请导航至设置 > 阅读。 在您的主页显示部分中,选择A static page

您现在可以使用下拉菜单选择我们在上一步中创建的页面。 然后,单击保存更改。 如果您访问您的主页,WordPress 现在应该显示一个空白设计,而不是您原来的博客页面。

如何设计漂亮的 WordPress 主页(3 种方法)

现在您有了一个静态主页,您需要确保它能够给人留下最好的第一印象。 考虑到这一点,这里有三种设计专业外观的自定义主页的方法!

1. 使用 WordPress 主题定制器

您的 WordPress 主题可能会提供基本的主页设计。 您通常可以在 WordPress 定制器中对此默认布局进行简单的编辑。

在您的仪表板中,导航到外观 > 自定义。 此工具提供实时预览,以便您可以准确地看到您的更改将如何实时显示给访问者:

您可以进行的更改将根据您的 WordPress 主题而有所不同。 例如,某些主题允许您更改侧边栏的位置或将其完全删除以创建全角布局。

值得花时间探索各种主页设置,看看有哪些选项可用于您的主题。 或者,您可以单击任何带有蓝色铅笔图标的区域。 这将打开该屏幕元素的设置:

您的主页可能包含您不想使用的部分。 在这种情况下,您可以通过在侧边菜单中找到一个元素并单击其随附的三点图标,然后单击Remove block来删除它。

2. 使用块编辑器编辑您的 WordPress 主页

虽然 WordPress 定制器非常适合进行简单的更改,但有时您可能需要更深入地挖掘。 自定义主页时,块编辑器为您提供更多选项。

要开始使用,请在 WordPress 帖子编辑器中打开您的静态主页。 您现在可以使用创建任何页面的相同技术来设计您的主页。

WordPress 块编辑器有许多块,包括封面图片、画廊、文本和媒体以及表格。 您可以组织这些元素来创建所需的主页结构。

如果您正在寻找设计灵感,浏览可用的块可能会有所帮助。 要查看 WordPress 的整个库,请单击黑色+图标:

在随后的弹出窗口中,选择Browse all 。 这将启动一个面板,您可以在其中探索各种块:

当您在主页上找到要使用的块时,只需单击它即可。 根据您的选择,您可以向该元素添加一些内容,例如文本或图像。

大多数块也有独特的配置设置。 要查看这些设置,请单击以选择块。 此操作应打开一个发布/阻止面板:

确保选择了“阻止”菜单。 然后,您可以探索可用于此特定块的独特设置。

此时,您可以继续添加元素,直到您对主页布局感到满意为止。 拥有完整的块库供您使用,您应该可以轻松创建漂亮且引人入胜的主页。 但是,如果需要,您始终可以使用 Gutenberg Blocks 等插件向 WordPress 库添加更多块。

3.使用页面构建器插件

开箱即用的 WordPress 提供了创建具有专业外观的主页所需的一切。 但是,您也可以将高级页面构建器插件添加到您的 WordPress 安装中。

这些 WordPress 插件中的大多数都提供直观的拖放界面以及现成的元素。 这些功能使您能够在几分钟内建立一个有吸引力且引人入胜的主页。

有各种可用的页面构建器插件。 例如,Elementor 是一个易于使用的页面构建器,其功能可帮助您设计出色的主页。 其中包括运动和滚动效果、表单和翻转框:

Beaver Builder 是另一个流行的选择。 除了拖放编辑器和现成的组件外,这个 WordPress 插件还拥有一系列登录页面模板:

这些模板可以为您的主页提供坚实的基础。 如果您的网页设计和开发经验有限,这使得 Beaver Builder 成为一个不错的选择。 如果您需要快速启动主页,它也可能是一个不错的选择。

如何创建 WordPress 博客文章页面

此时,您已将博客文章页面替换为静态网页。 这意味着您的网站目前没有您最近发布的帖子列表。 如果要显示此内容,则需要创建一个单独的页面。

要开始,请导航到Pages > Add New 。 您现在可以给这个页面一个标题,例如“博客”,然后点击发布

接下来,导航到设置 > 阅读。 您现在可以打开帖子页面下拉菜单并选择您刚刚创建的页面:

当您在这里时,您可能希望对帖子的显示方式进行一些更改。 有几个不同的设置可用。

首先,您可以选择每页显示的帖子数。 如果您显示许多帖子,访问者可能需要滚动相当长的距离才能到达此页面的底部。 这种布局也可能会增加页面加载时间,特别是如果您的内容具有大型、高分辨率的特色图像。

但是,如果您显示少量帖子,则访问者可能需要点击多个页面才能找到所需的内容。 这意味着找到完美数量的帖子可能是一个棘手的平衡行为。

一旦您确定了一个数字,请将其输入到博客页面最多显示字段中。 请注意,您标记为“置顶”的任何帖子也会显示:

您还可以使用以下设置控制您的博客内容在帖子页面上的显示方式:对于提要中的每个帖子,包括。 在这里,您可以选择显示整个作品或仅显示其摘录:

如果您的博客较短,则显示整篇文章可能是有意义的。 但是,您可能需要考虑显示较长帖子的摘录。

结论

俗话说:你永远没有第二次机会给人留下第一印象。 考虑到这一点,您的主页应该让访问者想要留下来并了解有关您网站的更多信息。

让我们快速回顾一下微调 WordPress 主页的三种方法:

  1. 使用 WordPress 主题定制器。
  2. 使用块编辑器编辑您的 WordPress 主页。
  3. 使用页面构建器插件,例如 Beaver Builder 或 Elementor 插件。

让您的主页设计到位只是成功的一半。 如果该页面加载缓慢,访问者可能仍会决定他们宁愿将时间花在其他地方。 通过与 WordPress 托管服务提供商(例如 WP Engine)合作,您可以确信您的整个网站都在以最佳性能运行——包括最重要的主页。