You are here:  Home » PHP » 如何在WordPress中创建自定义页面

您想在WordPress创建自定义页面吗?您可能会注意到许多WordPress站点对于不同的页面具有不同的布局。自定义页面允许您在WordPress中具有与常规页面不同的外观布局。在本文中,我们将向您展示如何在WordPress中创建自定义页面。

Adding custom page template in WordPress

什么是WordPress中的自定义页面

默认情况下,WordPress允许您创建帖子和页面。您的WordPress主题通过使用名为 page.php 模板文件来控制页面的外观。

此模板文件会影响您在WordPress中创建的所有单个页面。但是,并非所有页面都相同。布局和外观的微小变化可以使它们独一无二,更有用。

在WordPress中创建自定义页面模板需要对HTML,CSS和PHP有基本的了解。

话虽如此,让我们开始在WordPress中创建您的第一个自定义页面。

视频教程

订阅WPBeginner

如果您不喜欢该视频或需要更多说明,请继续阅读。

在WordPress %%中创建自定义页面%%%首先,您需要在计算机上打开像记事本这样的纯文本编辑器。在空白文件中,在顶部添加以下代码行:

此代码只是告诉WordPress这是一个模板文件,它应该被识别为CustomPageT1。只要对您有意义,您就可以将模板命名为您想要的任何名称。

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

添加代码后,将文件保存到桌面,

添加代码后,将文件保存到桌面,custompaget1.php

您可以使用任何名称保存文件,只需确保它以。php extension结尾。

对于下一步,您需要使用FTP客户端连接到您的网站。

连接后,转到当前主题或子主题文件夹。您将在 / wp-content / themes / 目录中找到它。接下来,将您的自定义页面模板文件上传到您的主题。

现在您需要登录WordPress管理区域以创建新页面或编辑现有页面。

在页面编辑屏幕上,向下滚动到“页面属性”部分,您将找到模板下拉菜单。单击它将允许您选择刚刚创建的模板。

Selecting your custom page template

现在,如果您更改模板并访问此页面,那么您将看到一个空白页面。那是因为你的模板是空的,并没有告诉WordPress要显示什么。

不用担心,我们将向您展示如何轻松编辑自定义页面模板。

编辑自定义页面模板

您的自定义页面模板与WordPress中的任何其他主题文件类似。您可以在此文件中添加任何HTML,模板标记或PHP代码。

开始使用自定义页面的最简单方法是复制主题提供的现有页面模板。

打开您的FTP客户端并转到您的主题文件夹。在那里你会找到一个名为page.php的文件。您需要将此文件下载到您的计算机。

Downloading page template file

在记事本等纯文本编辑器中打开page.php文件,并复制除标题部分以外的所有内容。

Template header of a typical page.php file in a WordPress theme

标题部分是文件顶部的注释掉部分。我们没有复制它,因为我们的自定义页面模板已经有一个。

现在您需要打开自定义页面模板文件并将其粘贴到最后。

您的自定义页面文件现在看起来像这样:


<?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(); ?>


保存您的自定义页面模板文件并使用FTP将其上传回主题文件夹。

您现在可以使用自定义页面模板访问您创建的页面。它现在看起来与WordPress中的其他页面完全一样。

您现在可以继续编辑自定义页面模板文件。您可以以任何方式自定义它。例如,您可以删除侧栏,添加自定义PHP代码,添加您想要的任何其他HTML。

您可以通过在WordPress页面编辑器屏幕中编辑页面来添加内容。您还可以将页面编辑器中的内容区域完全清空,并直接在页面模板中添加自定义内容。

我们希望本文能帮助您在WordPress中添加自定义页面。您可能还想查看我们的WordPress最佳拖放页面构建器插件列表。

评论被关闭。