如何在WordPress中创建自定义主页

默认情况下，WordPress在首页上显示您的博客文章。但是，作为企业网站，您可能需要创建一个更具吸引力的主页，以帮助用户找到所需的信息并提高您的销售转化率。

在本文中，我们将向您展示如何轻松地在WordPress中创建自定义主页。我们将展示多种方法，您可以选择一种更简单的方法。

什么是首页？

主页是默认的介绍性页面或网站的首页。当某人在浏览器的地址栏中输入您网站的域名时，该页面就会出现。

主页的主要目的是向用户介绍您的网站或公司。理想情况下，它应该为用户提供有关您的业务的基本信息，以便他们可以继续浏览您网站上的其他页面。

默认情况下，WordPress在首页上显示您最近的博客文章。这是不好的，因为它仅显示您当前的一些文章。

如果您经营企业网站，则默认主页不会告诉用户您的企业，产品或服务。它还无法为用户提供与您联系的方式。

好消息是WordPress已经带有内置功能来创建自定义主页。

选择自定义页面作为WordPress中的主页

WordPress网站建设使您可以轻松地将网站上的任何页面用作主页。您只需转到WordPress管理区域内的页面»添加新页面即可创建新页面。

让我们将此页面命名为“首页”并发布它。您将使用此页面作为自定义主页。

现在不用担心布局或设计。本文稍后将向您展示如何设计您的主页。

现在，如果要在您的站点上运行博客，则需要创建一个单独的博客页面来显示您的帖子。

再次转到页面»添加新页面，然后创建一个名为“博客”的页面。继续并发布空白页。

创建页面后，您需要在WordPress管理员中访问设置»阅读页面。从此处在“您的首页显示”部分下选择“静态页面”选项。

接下来，您需要选择您先前创建的主页和博客页面。

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

现在您已经设置了要用作自定义主页的页面，让我们开始为WordPress网站设计自定义主页。

方法1.使用古腾堡（Gutenberg）在WordPress中创建自定义主页

WordPress 于2018年12月推出了一种新的基于块的编辑器，称为Gutenberg。这种新的编辑器使用户不仅可以编写内容，还可以创建漂亮的布局。

它为每个内容元素使用块，使您能够组织内容块来创建所需的页面结构。

WordPress包含可用于设计目的的块，例如封面图像，列，表格，文本和媒体，画廊等。

每个模块都有其自己的设置，使您可以自定义其外观以满足设计要求。

您可以使用古腾堡（Gutenberg）块插件扩展可用块，以向您的武器库添加更多块。这些插件使您可以使用高级元素，例如个人鉴定，滑块，服务和其他常见设计功能。

您还可以使用古腾堡就绪的WordPress主题，这些主题为您提供了更大的灵活性来使用块。

我们建议使用Astra，它带有Gutenberg网站模板，您可以使用其Astra Starter Sites插件进行安装。

导入模板后，您可以使用默认的WordPress编辑器对其进行编辑，并为您的网站创建外观非常专业的首页。

方法2.使用页面构建器在WordPress中创建自定义主页

这种方法非常简单，不需要任何编码或设计技能。对于这种方法，您将使用WordPress页面构建器插件。

页面构建器插件使您可以使用简单的拖放界面轻松创建自定义页面布局。

我们建议使用Beaver Builder，因为它是市场上最适合初学者的页面构建器插件。它带有许多自定义主页模板，您可以单击以安装它们。

安装后，您可以使用指向和单击工具编辑模板。您可以用自己的内容替换内容和图像，甚至可以通过添加更多模块，小部件和部分来扩展模板。

Beaver Builder还使您可以访问Beaver Themer，这使您无需编写任何代码即可制作自己的自定义WordPress主题。

有关更多详细信息，请参见有关如何使用Beaver Builder轻松创建自定义WordPress布局的指南。

另外，您也可以尝试Elementor。它也是一个非常流行的WordPress页面构建器插件。它还带有拖放模板和易于使用的界面。

有关详细信息，请参见有关使用Elementor创建自定义页面布局的教程。

方法3.在WordPress中手动创建自定义主页（需要编码）

不建议初学者使用此方法，因为它需要编码。您需要熟悉WordPress编码实践，PHP，HTML和CSS才能使用此方法。

让我们看看它是如何工作的。

您的WordPress主题由不同的文件组成。其中一些文件称为模板，它们控制网站某些区域的显示。有关更多详细信息，请参见我们的WordPress模板层次结构速查表。

这些模板之一称为front-page.php。如果您的主题具有此模板，则WordPress将自动使用它显示您的自定义主页。

但是，如果您的主题没有主题，则可以自己创建一个主题/

只需创建一个空白文件并将其另存为front-page.php。之后，您需要使用FTP 将其上传到WordPress托管帐户中当前主题的文件夹中。

一旦您上传了该文件，WordPress将开始使用它来显示您的主页。但是，由于此文件是完全空的，因此您会看到空白的页面。

要解决此问题，您可以开始添加HTML代码以显示自定义首页的内容。一种更简单的方法是在WordPress主题中使用现有的代码和模板。

例如，您可以使用相同的页眉和页脚。WordPress使包含这些模板变得非常容易。

这是一个示例代码，在其中删除了内容和侧栏的同时保留了主题的标题和导航模板。

<?php /* This page is used to display the static frontpage. */
// Fetch theme header templateget_header(); ?>    <div id="primary"<?php astra_primary_class(); ?>>
    <div class="custom-homepage-container"> 
    You custom homepage code goes here
    </div> 
    </div><!-- #primary -->//Fetch the theme footer template <?php get_footer(); ?>

在WordPress中制作有效的自定义首页的提示

您网站的主页是您网站上最重要的页面。用户可以查看它以了解有关您的业务，产品和服务的更多信息。

我们建议您的首页设计尽可能简单。在我们自己的网站上，我们了解到用户发现更简单的布局会更有帮助。

尝试避免混乱，但不要隐藏用户希望在主页上看到的重要信息。您还需要确定哪些内容优先出现在布局中。

在为网站创建自定义首页之前，写下您要实现的目标。本练习将帮助您提出一个明确的设计目标。

对于大多数企业和博客而言，首要目标是将网站访问者转化为客户。为此，您需要OptinMonster。

它是最好的WordPress弹出插件和销售线索生成软件。它可以帮助您将网站访问者转换为订阅者和付费客户。

接下来，您需要跟踪自定义首页的效果。为此，您需要在网站上安装Google Analytics（分析）。它可以帮助您查看用户的来源以及他们在您的网站上的工作。

您还希望使用户更轻松地与您联系。为此，您将需要WPForms插件，这是市场上最好的WordPress表单插件。

您还可以在您的网站上添加一个点击通话按钮，以便人们可以轻松拨打您的商务电话。

最后，我们建议您环顾竞争对手/您所在行业/细分市场中的其他热门网站。我们并不是要您复制他们的设计，而是要从他们的最佳实践中学习，然后将其应用于您自己的首页布局。