创建自定义 WordPress 主页

已发表: 2019-10-25

对您的业务而言,没有像网站主页那么重要的东西。 它是您业务的最佳代表,以及它的所有优点和缺点,因此自然而然地,您希望它令人难忘。 一个人如何设法给他/她的网站访问者留下深刻的独特印象? 当然,通过创建自定义 WordPress 主页。 如果您之前在创建登录页面时遇到了麻烦,您可能会认为这是不可能完成的任务。 对于 WordPress 不断发展和不断发展的世界,没有这样的事情。

选择要用作主页的页面

通常,第一步总是最复杂的。 在这里看起来可能就是这种情况,但是一旦开始该过程,您很快就会意识到情况并非如此。 要开始该过程,请转到 Pages – Add New,创建一个您将命名为 Home 的页面,然后发布它。 在这个特定的时刻,页面的设计和布局不应该是您主要关心的问题。 那是后来的。 现在,如果您想在您的网站上合并一个博客部分,请通过重复相同的过程创建一个单独的博客页面。 唯一的例外是您应该将此页面命名为博客而不是主页。

制定商业策略的人,包括创建自定义 WordPress 主页。
您应该像对待业务战略一样认真对待创建自定义主页。

前往设置 - 阅读页面,然后在“您的主页显示”部分下选择“静态页面”选项。 选择您之前创建的两个页面作为主页和博客页面,完成后不要忘记“保存更改”。 我们不是告诉过你它并不像看起来那么复杂吗? 使用 WordPress 网站的好处之一就是它的简单性。 现在您有了主页形式的空白画布,我们可以开始自定义它了!

使用古腾堡编辑器创建自定义 WordPress 主页

当古腾堡编辑器于 2018 年 12 月推出时,舆论分歧很大。 一些人认为这是一个很大的改进,而另一些人则无法想象在使用了经典编辑器这么久之后切换到古腾堡。 无论您相信硬币的哪一面,都不能否认一件事 - 古腾堡可以轻松创建一些漂亮的页面和帖子。 Gutenberg 编辑器为每个内容元素使用块,并使它们的操作尽可能简单。 您拥有可用作媒体、文本、封面图像、列的块——您可以命名它。

如果您想让编辑更简单(也更有趣),您可以使用古腾堡就绪的 WordPress 主题,例如 Astra。 您所要做的就是导入一个模板,让您在编辑和定制的同时尽情发挥想象力。 最终结果? 一个漂亮、专业、独特的主页!

页面构建器将帮助您创建自定义 WordPress 主页

如果我们必须选择最简单的方法来创建自定义 WordPress 主页,那可能就是这个。 它不需要任何编码技能——它只需要安装并激活 WordPress 页面构建器插件。 它将允许您使用其拖放界面创建漂亮的布局。 当然,这听起来很吸引人,不是吗? 好吧,使用页面构建器就像听起来一样简单。

展示不同的网站页面模板。
您是否设想过一个有创意或引人入胜的主页? 您的选择是无限的。

选择要使用的页面构建器后,选择自定义主页模板,单击几下即可安装。 您现在可以用自己的 替换文本、图片和内容,甚至可以通过添加不同的部分来扩展模板。 请记住,所有这些都无需编写任何代码!

手动创建自定义 WordPress 主页

现在,这就是事情变得复杂的地方。 虽然前两种方法不需要任何编码技能,但这种方法需要。 为了敢于尝试这种方法,你需要熟悉 CSS、HTML、PHP和一些基本的编码实践。 那么,这将如何工作以及您必须如何使用您的编码技能?

由于 WordPress 由不同的文件组成,其中一些被称为模板并控制您网站的不同区域,您需要找到标记为 front-page.php 的模板。 如果没有,您必须创建一个全新的 font-page.php。 该模板将用于通过 WordPress 显示您的主页。 如果您创建了一个新页面,此模板将完全为空。 那时您可以开始添加 HTML 代码来显示您即将成为漂亮主页的不同元素

这种方法至少需要一些编码经验。 这不适合胆小的人。

如果您选择手动创建主页,我们建议您使用子主题或您自己的自定义主题。 更改父主题的文件可能很危险,因为如果您更新主题,它可能会使您的更改被覆盖。 您是否知道除了使用front-page.php,您还可以创建自己的模板并将其用于您的主页? 以下是在子主题或自定义主题中创建此模板的方法。

在主题的根目录中创建一个名为 homepage.php 的新文件。
添加以下代码:
<?php /模板名称:首页*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<main id=”main” class=”site-main” role=”main”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

在 WordPress 中创建一个新页面,在页面属性下,您现在应该在模板下有一个主页。 选择这个而不是默认模板。 当然,不要忘记转到设置-> 阅读并将此页面设为主页。 现在,您可以使用 HTML CSS PHP 和 Javascript 随意自定义您的主页。

当然,如果您要使用已经存在的代码和模板,而不是创建全新的代码和模板,那会容易得多。 在这种情况下,您可以使用一些元素,例如页眉和页脚,并删除其他元素。 我们不了解您,但我们的 WP Full Care 团队发现这是一种更简单的方法。 我们的团队还将亲自为您可爱的新网站创建漂亮的自定义页眉和页脚。

哪种方法会成为你的赢家?

如果您是 WP 世界的初学者,答案很简单,不是吗? 目前,编写代码行对你来说是一项太大的任务。 幸运的是,您有两种伟大而简单的方法来创建自定义 WordPress 主页。 毕竟,古腾堡编辑器和不同的页面构建器使创建独特的内容变得非常容易。 另一方面,如果您准备好挑战自己,为什么不采用第三种方法呢? 尽管您必须对此保持警惕。 编写几行代码从来都不是一项简单的任务。 离得很远。 有很大的错误空间,它可能在你最不期望的时候发生。 此外,有了所有更简单的选择,你真的必须考虑经历这些麻烦是否值得。