如何在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  >  <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最佳拖放页面构建器插件列表。

您想在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  >  <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最佳拖放页面构建器插件列表。

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-06-23 05:18:54
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[QQ客服]
2781198
加我微信
[电话联系]
13585372227
[电子邮件]
chaoneo@163.com
取消

选择聊天工具: