WordPress page.php怎么制作，從零開(kāi)始創(chuàng)建自定義頁(yè)面模板

來(lái)自：素雅營(yíng)銷研究院

方知筆記

2025年08月22日 05:00

什么是page.php文件？

在WordPress主題開(kāi)發(fā)中，page.php是一個(gè)核心模板文件，它控制著網(wǎng)站上所有靜態(tài)頁(yè)面的顯示方式。與處理博客文章的single.php不同，page.php專門用于呈現(xiàn)WordPress中的”頁(yè)面”內(nèi)容類型。

創(chuàng)建基礎(chǔ)page.php的步驟

準(zhǔn)備工作：

確保你使用子主題進(jìn)行開(kāi)發(fā)，避免父主題更新時(shí)丟失修改
準(zhǔn)備好代碼編輯器（如VS Code、Sublime Text等）
通過(guò)FTP或主機(jī)文件管理器訪問(wèn)主題目錄

創(chuàng)建文件：

在你的主題文件夾中新建一個(gè)名為”page.php”的文件
如果主題已有page.php，建議先備份原文件

基本結(jié)構(gòu)代碼：

<?php
/**
* The template for displaying all pages
*
* @package your-theme-name
*/

get_header(); ?>

<main id="primary" class="site-main">
<?php
while (have_posts()) :
the_post();

get_template_part('template-parts/content', 'page');

// 如果允許評(píng)論，加載評(píng)論模板
if (comments_open() || get_comments_number()) :
comments_template();
endif;
endwhile;
?>
</main>

<?php
get_sidebar();
get_footer();

自定義page.php的高級(jí)技巧

1. 創(chuàng)建特定頁(yè)面模板

WordPress允許為特定頁(yè)面創(chuàng)建自定義模板：

<?php
/**
* Template Name: 全寬頁(yè)面
* Description: 沒(méi)有側(cè)邊欄的全寬頁(yè)面模板
*/

get_header(); ?>

<div class="full-width-container">
<?php while (have_posts()) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title('<h1 class="entry-title">', '</h1>'); ?>
</header>

<div class="entry-content">
<?php the_content(); ?>
</div>
</article>
<?php endwhile; ?>
</div>

<?php get_footer(); ?>

將此文件保存為”template-fullwidth.php”，然后在WordPress后臺(tái)編輯頁(yè)面時(shí)就可以選擇這個(gè)模板。

2. 條件邏輯應(yīng)用

根據(jù)頁(yè)面ID或slug應(yīng)用不同樣式：

<?php if (is_page('about-us')) : ?>
<style>
.about-page {
background-color: #f5f5f5;
}
</style>
<?php endif; ?>

3. 自定義字段集成

結(jié)合ACF等自定義字段插件增強(qiáng)頁(yè)面功能：

$banner_image = get_field('banner_image');
if ($banner_image) {
echo '<div class="page-banner"><img src="'.$banner_image.'" alt="'.get_the_title().'"></div>';
}