📜  创建一个自定义页面并调用该页面 wordpress (1)

📅  最后修改于: 2023-12-03 15:36:53.040000             🧑  作者: Mango

创建一个自定义页面并调用该页面

在 WordPress 主题中创建自定义页面是一项非常常见的任务。 这个功能让我们能够以我们自己的方式创建页面,并将其与我们的 WordPress 站点内容相结合。

创建自定义页面的步骤

对于这项任务,我们需要在 WordPress 主题中完成以下步骤:

  1. 创建一个新的 PHP 文件,用于自定义页面的模板。
  2. 在 PHP 文件中创建必要的页面结构和样式。
  3. 将新页面添加到 WordPress 选项卡中。
  4. 在 WordPress 中使用新的自定义页面模板页面创建新页面。

接下来我们将为您解释这些步骤。

创建新的 PHP 文件

在主题文件夹中,我们可以创建一个新的 PHP 文件,这将成为我们新页面的模板。

<?php /* Template Name: Custom Page */ ?>

我们需要在文件的顶部添加此注释,“Template Name” 可以替换为我们想要的任何名称。

现在我们可以在文件中添加 HTML 和 PHP 代码来创建所需的页面结构和样式。

使用新页面模板添加页面

现在我们的模板已经创建完毕,我们需要将其添加到 WordPress 选项卡中,以便可以在 WordPress 管理面板中使用它来创建自定义页面。

在 WordPress 后台管理面板中,在左侧导航栏中选择 “页面” 选项卡。

在 “页面” 页面的顶部,单击 “添加新页面”。

在 “添加新页面” 页面的右侧,您会看到具有基本页面信息的“页面属性”框。 找到“模板”下拉列表,选择我们刚才为新页面创建的自定义模板。

接下来就可以在页面编辑器中使用我们的自定义模板,设计出我们想要的页面结构了。

在 WordPress 中使用自定义页面模板调用新页面

最后一个步骤是在 WordPress 主题中调用我们的新页面。

在主题文件夹中,找到 functions.php 文件,这将成为我们在下面写代码的地方。

在 functions.php 文件中添加以下代码:

function create_custom_page() {
    $args = array(
        'post_type' => 'page',
        'post_status' => 'publish',
        'posts_per_page' => 1,
        'meta_key' => '_wp_page_template',
        'meta_value' => 'custom-page.php'
    );
    $custom_query = new WP_Query($args);
    if ($custom_query->have_posts()) : while ($custom_query->have_posts()) : $custom_query->the_post();
        the_content();
    endwhile; endif;
    wp_reset_postdata();
}

替换 meta_value 的值为我们希望调用的 PHP 文件的名称。

我们可以在主题中任何需要添加自定义页面的地方调用此函数,例如将此函数添加到 header.php 文件中,这将使我们的自定义页面在每个页面上都显示。

结论

在 WordPress 主题中创建自定义页面是一个非常重要的功能。 有了自定义页面,我们可以以我们自己的方式设计页面,而不必受限于 WordPress 的默认页面。

按照以上步骤,我们可以轻松地创建自己的自定义页面,并在 WordPress 主题中使用它们。