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

wordpress自定义

Do you want to create a custom page in WordPress? You might notice that many WordPress sites have different layouts for different pages. A custom page allows you to have different layout in appearance from regular pages in WordPress. In this article, we will show you how to create a custom page in WordPress.

您要在WordPress中创建自定义页面吗？ 您可能会注意到，许多WordPress网站的不同页面都有不同的布局。 自定义页面允许您在外观上与WordPress中的常规页面不同。 在本文中，我们将向您展示如何在WordPress中创建自定义页面。

什么是WordPress中的自定义页面 (What is a Custom Page in WordPress)

By default WordPress allows you to create posts and pages. Your WordPress theme controls the appearance of your pages by utilizing a template file called page.php.

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

This template file affects all single pages that you create in WordPress. However, not all pages are the same. Little changes in their layout and appearance can make them unique and a lot more useful.

此模板文件会影响您在WordPress中创建的所有单个页面。 但是，并非所有页面都相同。 它们的布局和外观几乎没有变化，可以使其变得独特且实用得多。

Creating a custom page template in WordPress requires a basic understanding of HTML, CSS, and PHP.

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

Having said that, let’s jump into creating your first custom page in WordPress.

话虽如此，让我们进入在WordPress中创建您的第一个自定义页面。

影片教学 (Video Tutorial)

Subscribe to WPBeginner

订阅WPBeginner

If you don’t like the video or need more instructions, then continue reading.

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

在WordPress中创建自定义页面 (Creating a Custom Page in WordPress)

First, you need to open a plain text editor like Notepad on your computer. In the blank file add this line of code at the top:

首先，您需要在计算机上打开一个纯文本编辑器(如记事本)。 在空白文件的顶部添加以下代码行：

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

This code simply tells WordPress that this is a template file and it should be recognized as CustomPageT1. You can name your template anything you want as long as it makes sense to you.

此代码仅告诉WordPress这是模板文件，应将其识别为CustomPageT1。 您可以随意命名模板，只要它对您有意义。

Once you have added the code, save the file to your desktop as, custompaget1.php.

添加代码后，将文件另存为custompaget1.php到桌面。

You can save the file with any name, just make sure that it ends with .php extension.

您可以使用任何名称保存文件，只需确保它以.php扩展名结尾。

For this next step, you will need to connect to your website using an FTP client.

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

Once connected, go to your current theme or child theme folder. You will find it in /wp-content/themes/ directory. Next, upload your custom page template file to your theme.

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

Now you need to login to your WordPress admin area to create a new page or edit an existing one.

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

On the page editing screen, scroll down to ‘Page Attributes’ section, and you will find a template drop down menu. Clicking on it will allow you to select the template you just created.

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

Now if you change template and visit this page, then you will get to see a blank page. That’s because your template is empty and does not tell WordPress what to display.

现在，如果您更改模板并访问此页面，则将看到一个空白页面。 那是因为您的模板是空的，并且不会告诉WordPress显示什么。

Don’t worry, we will show you how to easily edit your custom page template.

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

编辑您的自定义页面模板 (Editing Your Custom Page Template)

Your custom page template is like any other theme file in WordPress. You can add any HTML, template tags, or PHP code in this file.

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

The easiest way to get started with your custom page is by copying the existing page template provided by your theme.

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

Open your FTP client and go to your theme folder. There you will find a file called page.php. You need to download this file to your computer.

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

Open the page.php file in a plain text editor like Notepad, and copy all its content except the header part.

在纯文本编辑器(如记事本)中打开page.php文件，并复制其所有内容(标题部分除外)。

The header part is the commented out part at the top of the file. We are not copying it, because our custom page template already has one.

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

Now you need to open your custom page template file and paste it at the end.

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

Your custom page file would now look something like this:

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

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

Save your custom page template file and upload it back to your theme folder using FTP.

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

You can now visit the page you created using custom page template. It will now look exactly like your other pages in WordPress.

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

You can now continue editing your custom page template file. You can customize it in any way you want. For example, you can remove the sidebar, add custom PHP code, add any other HTML you want.

现在，您可以继续编辑自定义页面模板文件。 您可以按任何需要的方式对其进行自定义。 例如，您可以删除边栏，添加自定义PHP代码，添加所需的任何其他HTML。

You can add the content by editing the page in WordPress page editor screen. You can also leave the content area in page editor completely empty, and add custom content directly in your page template.

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

We hope this article helped you add a custom page in WordPress. You may also want to see our list of the best drag and drop page builder plugins for WordPress.

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

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress****。 您也可以在Twitter和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/

wordpress自定义