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

您想在 WordPress 中创建自定义页面吗?

自定义页面可让您使用与网站其余部分不同的布局。 许多 WordPress 网站为其销售页面、登录页面、网络研讨会页面等使用自定义页面布局。

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

在本文中,我们将向您展示如何在 WordPress 中轻松创建自定义页面。

为什么要在 WordPress 中创建自定义页面?

每次创建新页面时,您的 WordPress主题都会使用模板文件控制该页面的外观。

此 page.php 模板会影响您在 WordPress 中创建的所有单个页面。但是,您可能不想每次都使用相同的设计。

与常规页面相比,登陆页面通常具有不同的内容,例如大型英雄图片或号召性用语 (CTA)。这意味着它们通常看起来与您网站的其他部分完全不同。

尝试使用标准页面模板创建独特的设计可能需要很多时间。

您还受到模板的限制,可能无法实现您想要的精确设计。这会使获得好的结果变得困难。例如,如果您正在构建一个销售页面,那么您可能不会获得很多转化。

话虽如此,让我们看看如何在 WordPress 中创建具有您想要的确切设计、布局和内容的自定义页面。只需使用下面的快速链接直接跳转到您要使用的方法。

方法 1. 如何使用块编辑器在 WordPress 中创建自定义页面(无需插件)

块编辑器使您可以使用您已经熟悉的工具轻松设计自己的模板。

但是,此方法仅适用于启用块的主题。 如果此方法不适用于您的主题,那么我们建议改用页面构建器。

首先,只需打开任何页面或帖子。 然后,单击右侧菜单中的“页面”选项卡,然后单击以展开“模板”部分。

继续并通过单击“新建”链接创建自定义模板。

新建
新建

在出现的弹出窗口中,输入模板的名称,然后单击“创建”。

该名称仅供您参考,因此您可以使用任何您想要的东西。

创建
创建

这将启动模板编辑器,其工作方式类似于标准块编辑器。

要将块添加到您的自定义页面设计中,只需单击蓝色的“+”按钮。 然后,您可以拖放以添加块。

编辑
编辑

您可以使用熟悉的 WordPress 帖子编辑工具将内容添加到块或更改其格式。 例如,您可以在“标题”块中键入文本并应用粗体格式或将其从 H2 更改为 H3。

您还可以使用模式创建自定义页面。 模式是经常一起使用的块的集合,例如事件列表、带有标题的图像或定价表。

您看到的模式会因您的 WordPress 主题而异,但您可以通过单击“模式”选项卡来查看可用的模式。

Patterns
Patterns

您可以将块图案拖放到布局上,也可以单击图案将其添加到模板的底部。 如果您对模板的外观感到满意,请单击“发布”按钮,然后单击“保存”。

您现在可以将此模板应用到任何页面。 在编辑器中打开该页面,然后在右侧菜单中打开“模板”下拉菜单并选择您刚刚创建的自定义模板。

您现在可以像任何其他 WordPress 页面一样向页面添加内容,以在 WordPress 中创建完全自定义的页面。 保存页面后,您可以访问您的站点以查看正在运行的新模板。

方法 2. 手动创建自定义页面模板

您还可以在 WordPress 中手动创建自定义页面模板。 与 page.php 文件类似,此模板允许您控制页面的外观。

此方法确实需要您编写一些代码,因此它不是最适合初学者的选择。 但是,它确实允许您创建自定义页面而无需安装新插件。

如果您只想创建少量自定义页面,那么您可能更喜欢编写代码而不是设置页面构建器插件。

首先,在您的计算机上打开一个纯文本编辑器,如记事本。 在空白文件中,在顶部添加这行代码:

<?php /* Template Name: CustomPageT1 */ ?>

此代码只是告诉 WordPress 这是一个名为“CustomPageT1”的模板文件。您可以为模板命名任何您想要的名称。

现在,添加自定义页面布局的所有代码。此模板与 WordPress 中的任何其他主题文件完全相同,因此您可以添加 HTML、模板标签和 PHP 代码。

为了帮助您对模板文件进行编码,您可能需要复制主题提供的现有 page.php 模板。这可以节省您的时间,并帮助自定义页面与您的 WordPress 网站的其余部分融为一体。

复制 page.php 代码的最简单方法是使用 FTP 客户端(例如 FileZilla)连接到您的服务器,或者您可以使用 WordPress 托管平台的文件管理器(例如 cPanel 或 SiteGround 的站点工具)。

如果这是您第一次使用 FTP,那么您可以查看我们关于如何使用 FTP 连接到您的站点的完整指南。

连接后,转到 /wp-content/themes/ 并打开当前主题的文件夹。在此文件夹中,找到 page.php 文件并在任何文本编辑器中打开它。

page.php
page.php

您可以将此代码用作自定义模板的基础,甚至可以将代码粘贴到新模板文件中。

如果您确实粘贴了代码,则不要复制 page.php 标题文本,这是文件顶部被注释掉的部分。

您可以创建任何您想要的布局,但这里有一个简单的自定义页面布局示例,我们将在我们的网站上使用它:

<?php /* Template Name: CustomPageT1 */ ?>
  
<?php get_header(); ?>
  
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
  
            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );
  
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
  
            // End of the loop.
        endwhile;
        ?>
  
    </main><!-- .site-main -->
  
    <?php get_sidebar( 'content-bottom' ); ?>
  
</div><!-- .content-area -->
  
<?php get_sidebar(); ?>
<?php get_footer(); ?>

您现在可以保存文件。 您可以使用任何您想要的名称,但请确保以 .php 扩展名结束文件。

尽管您可以将此文件添加到任何 WordPress 主题,但最好根据您当前的主题创建一个子主题。 这样,您可以在不丢失自定义的情况下更新您的 WordPress 主题。

在您的 FTP 客户端或文件管理器中,只需将自定义模板上传到您当前主题的目录即可。 完成此操作后,就可以在 WordPress 仪表板中创建一个新页面或打开您要使用该模板的任何页面。

在右侧菜单中,单击“页面”选项卡,然后单击以展开“模板”部分(如果尚未展开)。

页面
页面

然后,您可以打开下拉菜单并选择您创建的模板。

要将实际内容添加到您的自定义页面,只需照常编辑页面即可。 当您对所有内容的外观感到满意时,您可以单击“更新”或“发布”将其实时推送到您的网站。

我们希望本文能帮助您了解如何在 WordPress 中创建自定义页面。 您还可以通过我们的指南了解您网站的必备 WordPress 插件以及如何增加博客流量。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注