WordPress制作基本模板，從零開始搭建你的網站框架

來自：素雅營銷研究院

方知筆記

2025年07月03日 09:28

引言

WordPress作為全球最受歡迎的內容管理系統（CMS），其靈活性和易用性使其成為個人博客、企業(yè)網站甚至電商平臺的首選。制作一個基本的WordPress模板是入門的第一步，本文將詳細介紹如何從零開始創(chuàng)建一個簡單的WordPress主題模板。

準備工作

在開始之前，請確保你已經完成以下步驟：

安裝WordPress：通過本地環(huán)境（如XAMPP、MAMP）或線上服務器搭建WordPress。
了解基礎技術：熟悉HTML、CSS、PHP的基礎知識，WordPress主題開發(fā)依賴這些語言。
代碼編輯器：推薦使用VS Code、Sublime Text或PHPStorm等工具。

創(chuàng)建基本模板文件

一個最簡單的WordPress主題至少需要以下文件：

1. 主題目錄結構

在wp-content/themes/下新建一個文件夾（例如my-theme），并創(chuàng)建以下文件：

style.css（主題樣式表和信息）
index.php（主模板文件）
header.php（頭部模板）
footer.php（底部模板）

2. 定義主題信息

在style.css中添加以下注釋，聲明主題的基本信息：

/*
Theme Name: My First Theme
Theme URI: https://example.com/my-theme
Author: Your Name
Author URI: https://example.com
Description: 我的第一個WordPress主題
Version: 1.0
*/

3. 編寫基礎模板

`header.php`（網站頭部）

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title(); ?></title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
<p><?php bloginfo('description'); ?></p>
</header>

`footer.php`（網站底部）

<footer>
<p>? <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>

`index.php`（主循環(huán)）

<?php get_header(); ?>

<main>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<article>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>
</article>
<?php endwhile; ?>
<?php else : ?>
<p>暫無內容</p>
<?php endif; ?>
</main>

<?php get_footer(); ?>