WordPress如何创建自定义主页

2019年8月31日10:47:13 发表评论

WordPress是否可以创建自定义主页?默认情况下,WordPress在主页上显示博客文章。但是,作为商业网站,您可能希望创建一个更具吸引力的主页,帮助用户找到所需内容并促进销售转化。

WordPress如何创建自定义主页

本文将介绍如何在WordPress中轻松创建自定义主页。通过多种方法,可以选择更方便的方法。

 

什么是主页?

主页是默认的介绍页面或网站的首页。当有人在浏览器的地址栏中输入网站的域名时,会显示该页面。

主页的主要目的是向用户介绍网站或业务。理想情况下,它应该为用户提供有关业务的重要信息,便于用户继续浏览网站上的其他网页。

WordPress如何创建自定义主页

默认情况下,WordPress会在主页上显示最近的博客文章。这样有一个弊端,因为它只显示了当前的一些文章。

如果运营的是商业网站,默认主页不会告知用户你的业务,产品或服务。它也不向用户提供与您联系的方式。好消息是,WordPress已经内置了创建自定义主页的功能。

 

创建自定义页面

WordPress可以轻松使用网站上的任何页面作为主页,转到WordPress管理区域内的 页面 » 新建新页面 即可创建新页面。

将这个页面标题定位'Home'并发布,可以使用此页面作为自定义主页。不要担心布局或设计,在本文后面会展示如何设计主页。

现在,如果想在网站上运行博客,那么需要创建一个单独的页面来显示文章。再次转到 页面 » 新建新页面 并创建一个标题为“博客”的页面,继续发布空白页面。

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

WordPress如何创建自定义主页

接下来,需要选择之前创建的主页和博客页面。现在已经设置了一个用作自定义主页的页面,让我们开始为WordPress站点设计自定义主页。

方法1.使用Gutenberg在WordPress中创建自定义主页

WordPress 在2018年12月推出了一个名为Gutenberg的基于块的eidtor。这个新的编辑器不仅可以让用户编写内容,还可以创建漂亮的布局。

它为每个内容元素使用块,使您可以组织内容块以创建您喜欢的页面结构。

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

WordPress如何创建自定义主页

每个块都有自己的设置,允许您自定义其外观以满足您的设计要求。

您可以使用Gutenberg块插件扩展可用块,以向您的库中添加更多块。这些插件允许您使用高级元素,如推荐,滑块,服务和其他常见设计功能。

WordPress如何创建自定义主页

您还可以使用Gutenberg准备好的WordPress主题,这使您可以更灵活地使用块。

我们建议使用Astra,它附带Gutenberg网站模板,您可以使用他们的Astra Starter Sites插件进行安装。导入模板后,可以使用默认的WordPress编辑器对其进行编辑,并为网站创建一个高度专业的主页。

 

方法2.使用Page Builders在WordPress中创建自定义主页

这种方法非常简单,不需要任何编码或设计技巧。对于此方法,您将使用WordPress页面构建器插件。页面构建器插件允许您使用简单的拖放界面轻松创建自定义页面布局。

我们建议使用Elementor Page BuilderPage Builder by SiteOrigin

 

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

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

WordPress主题由不同的文件组成。其中一些文件称为模板,用于控制网站某些区域的显示。其中一个模板称为front-page.php。如果主题有此模板,则WordPress会自动使用它来显示您的自定义主页。

但是,如果你的主题没有,那么您可以为自己创建一个。只需创建一个空白文件并将其保存为front-page.php。之后,使用FTP 将其上传到WordPress主机帐户的当前主题文件夹。

上传此文件后,WordPress将立即开始使用它来显示主页。但是,由于此文件完全为空,将看到一个空白页面。

添加HTML代码来显示自定义主页的内容。更简单的方法是使用WordPress主题中的现有代码和模板。

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

下面是一个示例代码,我们删除了内容和侧边栏,同时保留了主题中的标题和导航模板。

  1. <?php /* 
  2. 此页面用于显示静态主页。
  3. */
  4. //获取主题标题模板
  5. get_header(); ?>
  6.     <div id="primary" <?php astra_primary_class(); ?>>
  7.     <div class="custom-homepage-container">
  8.     你自定义的主页代码在这里
  9.     </div>
  10.     </div><!-- #primary -->
  11. //获取主题页脚模板
  12. <?php get_footer(); ?>

 

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

网站的主页是网站上最重要的页面。用户可以查看它以了解有关您的业务,产品和服务的更多信息。我们建议尽可能简化主页设计。尽量避免混乱,但不要隐藏用户希望在主页上看到的重要信息。还需要确定首先在布局中显示哪些内容的优先级。

在为网站制作自定义主页之前,记下想要实现的目标。

对于大多数企业和博客而言,首要目标是将网站访问者转换为客户。需要跟踪自定义主页的效果。为此,需要在您的网站上安装Google Analytics。它可以帮助您了解用户的来源以及他们在您网站上的操作。

最后,建议浏览一下所在行业市场中的竞争对手和其他热门网站。我们不是要求复制他们的设计,而是要学习他们的最佳实践,然后将其应用到自己的主页布局上。

©里维斯社,本站推荐使用的主机:阿里云腾讯云;本站推荐使用的WP主题:WordPress主题

晨会游戏

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: