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

來自：素雅營銷研究院

方知筆記

2025年04月24日 04:57

什么是page.php文件？

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

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

準備工作：

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

創(chuàng)建文件：

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

基本結構代碼：

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

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

<?php
get_sidebar();
get_footer();

自定義page.php的高級技巧

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

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

<?php
/**
* Template Name: 全寬頁面
* Description: 沒有側邊欄的全寬頁面模板
*/

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后臺編輯頁面時就可以選擇這個模板。

2. 條件邏輯應用

根據頁面ID或slug應用不同樣式：

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

3. 自定義字段集成

結合ACF等自定義字段插件增強頁面功能：

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