您想在 WordPress 中创建自定义页面吗?
自定义页面可让您使用与网站其余部分不同的布局。 许多 WordPress 网站为其销售页面、登录页面、网络研讨会页面等使用自定义页面布局。
在本文中,我们将向您展示如何在 WordPress 中轻松创建自定义页面。
为什么要在 WordPress 中创建自定义页面?
每次创建新页面时,您的 WordPress主题都会使用模板文件控制该页面的外观。
此 page.php 模板会影响您在 WordPress 中创建的所有单个页面。但是,您可能不想每次都使用相同的设计。
与常规页面相比,登陆页面通常具有不同的内容,例如大型英雄图片或号召性用语 (CTA)。这意味着它们通常看起来与您网站的其他部分完全不同。
尝试使用标准页面模板创建独特的设计可能需要很多时间。
您还受到模板的限制,可能无法实现您想要的精确设计。这会使获得好的结果变得困难。例如,如果您正在构建一个销售页面,那么您可能不会获得很多转化。
话虽如此,让我们看看如何在 WordPress 中创建具有您想要的确切设计、布局和内容的自定义页面。只需使用下面的快速链接直接跳转到您要使用的方法。
方法 1. 如何使用块编辑器在 WordPress 中创建自定义页面(无需插件)
块编辑器使您可以使用您已经熟悉的工具轻松设计自己的模板。
但是,此方法仅适用于启用块的主题。 如果此方法不适用于您的主题,那么我们建议改用页面构建器。
首先,只需打开任何页面或帖子。 然后,单击右侧菜单中的“页面”选项卡,然后单击以展开“模板”部分。
继续并通过单击“新建”链接创建自定义模板。
在出现的弹出窗口中,输入模板的名称,然后单击“创建”。
该名称仅供您参考,因此您可以使用任何您想要的东西。
这将启动模板编辑器,其工作方式类似于标准块编辑器。
要将块添加到您的自定义页面设计中,只需单击蓝色的“+”按钮。 然后,您可以拖放以添加块。
您可以使用熟悉的 WordPress 帖子编辑工具将内容添加到块或更改其格式。 例如,您可以在“标题”块中键入文本并应用粗体格式或将其从 H2 更改为 H3。
您还可以使用模式创建自定义页面。 模式是经常一起使用的块的集合,例如事件列表、带有标题的图像或定价表。
您看到的模式会因您的 WordPress 主题而异,但您可以通过单击“模式”选项卡来查看可用的模式。
您可以将块图案拖放到布局上,也可以单击图案将其添加到模板的底部。 如果您对模板的外观感到满意,请单击“发布”按钮,然后单击“保存”。
您现在可以将此模板应用到任何页面。 在编辑器中打开该页面,然后在右侧菜单中打开“模板”下拉菜单并选择您刚刚创建的自定义模板。
您现在可以像任何其他 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 标题文本,这是文件顶部被注释掉的部分。
您可以创建任何您想要的布局,但这里有一个简单的自定义页面布局示例,我们将在我们的网站上使用它:
<?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 插件以及如何增加博客流量。