WordPress 主題小抄初學者指南
更新日期：2018 年 3 月 27 日 | 編輯部審核
您是否正在尋找一份 WordPress 主題小抄，以便快速修改您的主題或創建新的自定義主題？WordPress 提供了許多內建的模板標籤，您可以利用這些標籤快速入門。在本文中，我們將分享一份適用於初學者的 WordPress 主題小抄。
開始之前
WordPress 配備了一個強大的模板引擎，允許主題開發者為 WordPress 網站創建漂亮的設計。您可以為您的網站安裝免費或付費的 WordPress 主題。
每個 WordPress 主題都提供多種自定義選項，這些選項允許您更改顏色、添加頁眉圖片、設置導航菜單等。然而，您仍然受限於主題支持的功能。有時您可能希望對 WordPress 主題進行一些需要編碼的微調。為此，您需要了解一些基本的 PHP、HTML 和 CSS。
首先，您需要熟悉 WordPress 的幕後運作以及主題模板。接下來，有一些最佳實踐可以遵循，例如，創建子主題而不是直接修改主題文件。
您還可以通過在電腦上安裝 WordPress 來練習您的主題設計。話不多說，讓我們來看看為初學者準備的 WordPress 主題小抄。
基本的 WordPress 主題模板
每個 WordPress 主題由不同的文件組成，這些文件稱為模板。所有的 WordPress 主題必須包含樣式表（style.css）和索引文件（index.php），但通常它們還有很多其他文件。
以下是每個主題基本文件的列表：
style.css
header.php
index.php
sidebar.php
footer.php
single.php
page.php
comments.php
404.php
functions.php
archive.php
searchform.php
search.php
如果您正在構建自己的主題，您可以從一個 WordPress 初始主題開始，這些主題帶有準備好使用的 WordPress 模板文件和 CSS，可供您繼續構建。
標題中的模板標籤
WordPress 提供了許多方便的函數，可用於在您的主題中輸出不同的內容，這些函數稱為模板標籤。第一個也是所有標準符合的 WordPress 主題中最重要的函數之一叫做 wp_head，樣例如下：
這段代碼獲取所有必要的 HTML，將其添加到每個頁面的 部分。這對於許多 WordPress 插件的正常運行至關重要。
以下是您通常在主題的 header.php 文件中會找到並使用的模板標籤列表。然而，您可以在需要時在主題的其他地方使用它們。
// 網站名稱
// 特定頁面的標題
// 網站的確切 URL
// 網站的描述
// 主題文件的位置
// 樣式表的位置
// 網站的 RSS Feed URL
// 網站的 Pingback URL
// WordPress 版本號
其他主題文件中的模板標籤
現在讓我們來看看一些其他常用的模板標籤及其功能。
以下模板標籤用於調用和包含其他模板。例如，您的主題的 index.php 文件會使用它們來包括頭部、頁腳、內容、評論和側邊欄模板。
// 顯示 header.php 文件的內容
// 顯示 footer.php 文件的內容
// 顯示 sidebar.php 文件的內容
// 顯示 comment.php 文件的內容
以下模板標籤用於在 WordPress 循環內顯示內容、摘要和帖子元數據。
// 顯示帖子內容
// 顯示帖子的摘要
// 顯示特定帖子的標題
// 顯示特定帖子的連結
// 顯示帖子的分類
// 顯示帖子的作者
// 顯示帖子的 ID
// 顯示編輯帖子的連結，僅對具有編輯權限的登錄用戶可見
// 下一頁的 URL
// 上一頁的 URL
側邊欄中的模板標籤
WordPress 主題具有稱為側邊欄的小工具就緒區域，這些是主題文件中允許用戶拖放 WordPress 小工具的位置。通常主題有多個允許用戶添加小工具的位置。
然而，最常見的小工具區域位於主題佈局的右側或左側欄。請參見我們的有關如何在 WordPress 主題中添加動態小工具就緒側邊欄的指南。
以下是用於在主題中顯示側邊欄的代碼。
<?php
if ( ! is_active_sidebar( ‘sidebar-1’ ) ) {
return;
}
?>
您需要將 sidebar-1 替換為主題為特定小工具就緒區域或側邊欄定義的名稱。
顯示導航菜單的模板標籤
WordPress 帶有一個強大的菜單管理系統，允許用戶為其網站創建導航菜單。一個 WordPress 主題可以有多個導航菜單位置。
請參見我們的有關如何在 WordPress 主題中創建自定義導航菜單的指南。
以下是用於在主題中顯示導航菜單的代碼。
<?php
wp_nav_menu( array (
‘theme_location’ => ‘my-custom-menu’,
‘container_class’ => ‘custom-menu-class’ ) );
?>
主題位置取決於主題用於註冊導航菜單的名稱。CSS 容器類可以稱為您喜歡的任何名稱。它將圍繞您的導航菜單，以便您可以相應地對其進行樣式設置。
其他常用模板標籤
以下是您將在 WordPress 主題中常用的一些標籤。
// 顯示帖子發布日期
// 顯示最後一次修改時間
get_the_modified_time
// 顯示帖子的最後修改時間
// 顯示帖子的縮略圖或特色圖片
// 顯示每月的存檔
// 顯示分類列表
// 顯示用戶的 Gravatar 圖像
// 32 像素是大小，您可以根據需要更改
// 顯示當前帖子作者的 Gravatar 圖像
WordPress 主題中的條件標籤
條件標籤是返回結果為 True 或 False 的函數。這些條件標籤可以在您的主題或插件中使用，以查看是否滿足某些條件，然後相應地執行操作。
例如，檢查當前帖子是否有特定圖片。如果沒有，您可以顯示一個默認的特色圖片。
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
else {
echo ‘<img src="' . get_bloginfo( 'stylesheet_directory' )
. ‘/images/thumbnail-default.jpg” />’;
}
?>
以下是一些您可以使用的條件標籤。
// 檢查是否正在顯示個別帖子
is_single()
// 檢查是否正在顯示頁面
is_page()
// 檢查是否顯示主博客頁面
is_home()
// 檢查是否顯示靜態首頁
is_front_page()
// 檢查當前查看者是否已登錄
is_user_logged_in()
還有許多其他條件標籤可供使用。條件標籤的完整列表可以在 WordPress Codex 頁面上的條件標籤部分找到。
WordPress 循環
循環或 WordPress 循環是用於獲取和顯示帖子代碼。許多 WordPress 模板標籤可能僅在循環內工作，因為它們與帖子或 post_type 對象相關聯。
以下是一個簡單的 WordPress 循環示例。
<?php
// 檢查是否有匹配查詢的帖子
if (have_posts()) :
// 如果有匹配查詢的帖子，則開始循環
while ( have_posts() ) : the_post();
// 循環中間的代碼將為每個帖重複
?>
<h2 id="post-“><a href="” rel=”bookmark” title=”Permanent Link to “>
<?php
// 當所有帖子顯示完時停止循環
endwhile;
// 如果未找到任何帖子
else :
?>
對不起，沒有匹配您查詢的帖子。
<?php
endif;
?>
要了解更多關於循環的知識，請查看什麼是 WordPress 循環（信息圖表）。
我們希望這篇文章能幫助您作為初學者的 WordPress 主題小抄。您可能還希望查看我們列表中的 WordPress 功能文件的最有用技巧。
如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取 WordPress 影片教程。您也可以在 Twitter 和 Facebook 上找到我們。
