設(shè)置開發(fā)環(huán)境

文章目錄

為什么要設(shè)置開發(fā)環(huán)境？

在開發(fā)主題時，最好在與 WordPress 服務(wù)器相同的開發(fā)環(huán)境中進(jìn)行。開發(fā)環(huán)境可以是本地的也可以是遠(yuǎn)程的，但是設(shè)置一個本地開發(fā)環(huán)境會非常方便，因為：

我們可以在本地測試主題，無需依賴遠(yuǎn)程服務(wù)器。這可以加快開發(fā)過程，修改主題代碼后，我們可以馬上在本機(jī)瀏覽器中查看結(jié)果。
不需要聯(lián)網(wǎng)就可以創(chuàng)建主題。
我們可以從各個方面測試主題。這很重要，特別是我們打算將主題發(fā)布出去時，這些測試可以保證最大程度的兼容性。

WordPress 本地開發(fā)環(huán)境

開發(fā) WordPress 主題之前，我們需要設(shè)置一個合適的開發(fā)環(huán)境。首先，我們需要一個本地服務(wù)器和一個代碼編輯器。本地開發(fā)環(huán)境有很多選擇，包括：

本地開發(fā)服務(wù)器

在我們的電腦上配置 LAMP（ Linux Apache MySQL/MariaDB PHP）或WAMP（ Windows Apache MySQL / MariaDB PHP）服務(wù)器環(huán)境（非常類似 Web 服務(wù)器上運行的環(huán)境））。我們可以使用一些集成套件，如 MAMP（適用于Mac）或 XAMPP（Mac 或 Windows）快速設(shè)置本地開發(fā)環(huán)境。如果你了解過 Laravel，Valet 也是一個不錯的選擇。

虛擬化環(huán)境

使用 Vagrant 和 VirtualBox 創(chuàng)建虛擬機(jī)可以讓我們在不同的計算機(jī)上運行同樣的開發(fā)環(huán)境。Vary V agrant Vagrant（VVV）是一個流行的 Vagrant 項目，可以幫助我們快速創(chuàng)建一個 WordPress 開發(fā)環(huán)境。

文本編輯器

除了本地開發(fā)環(huán)境之外，我們還需要一個文本編輯器來編寫代碼。我們可以根據(jù)自己的喜好選擇編輯器，但是，一個方便文本編輯器可以加快我們的開發(fā)進(jìn)程。可選擇的編輯器可以是基本的具有代碼高亮、代碼調(diào)試功能的文本編輯器，也可以是集成了豐富功能的 IDE，有些編輯器提供了對 WordPress 專門支持。較為流行的選擇是 Visual Studio Code，Sublime Text 和 PhpStorm。

我們可以在頁面底部找到有關(guān)設(shè)置開發(fā)環(huán)境的教程列表。

兼容舊版 WordPress

WordPress 主題的標(biāo)準(zhǔn)做法是至少支持兩個版本以確保最小的向后兼容性。例如，如果當(dāng)前版本的 WordPress 為 4.6，那么我們還應(yīng)該確保主題在版本 4.5 和4.4 中也能很好地工作。

我們可以在 WordPress 路線圖頁面訪問舊版本 WordPress，下載并安裝舊版 WordPress，創(chuàng)建多個開發(fā)站點，每個站點運行不同的 WordPress 版本來進(jìn)行測試。

WP_DEBUG

配置調(diào)試是 WordPress 主題開發(fā)的重要組成部分。WordPress 提供了許多常量來支持我們的調(diào)試工作，包括：

WP_DEBUG

WP_DEBUG 常量用于開啟 WordPress 站點內(nèi)置的“調(diào)試”模式。方便我們查看主題中的錯誤。要啟用它：

打開 WordPress 站點的 wp-config.php 文件
修改：define('WP_DEBUG', false); 為define('WP_DEBUG', true);

正式版本的 WordPress 中 wp-config.php 文件中的 WP_DEBUG 常量默認(rèn)設(shè)置為“false”，WordPress-alpha 和 beta 版本的 WP_DEBUG 常量默認(rèn)已設(shè)置為 “true”。

WP_DEBUG_DISPLAY 和 WP_DEBUG_LOG

WP_DEBUG_LOG 和 WP_DEBUG_DISPLAY 是擴(kuò)展 WP_DEBUG 的其他常量。

WP_DEBUG_LOG 與 WP_DEBUG 配合使用，將所有錯誤消息記錄到 WordPress /wp-content/ 目錄中的 debug.log 中。要啟用此功能，請在 wp-config.php 文件中將 WP_DEBUG_LOG 設(shè)置為 true。

define( 'WP_DEBUG_LOG', true );

WP_DEBUG_DISPLAY 用于控制調(diào)試消息是否在前端頁面中顯示。要在頁面上顯示錯誤消息，請在 wp-config.php 文件中將此設(shè)置配置為 “true” 。

define( 'WP_DEBUG_DISPLAY', true );

啟用 WP_DEBUG 和 WP_DEBUG_DISPLAY 后，錯誤消息將顯示在站點頁面的頂部。

錯誤將顯示在站點的前端和后臺區(qū)域。這些調(diào)試工具適用于本地測試和暫時安裝，而不適用于正式站點。

其他 WordPress 開發(fā)工具

除了 WP_DEBUG 之外，以下插件和單元測試數(shù)據(jù)集是開發(fā)工具集的重要組成部分，可以幫助我們開發(fā)更好的 WordPress 主題。

測試數(shù)據(jù)

WordPress.org 主題單元測試數(shù)據(jù)

WordPress.org 主題單元測試數(shù)據(jù) 是一個包含虛擬測試數(shù)據(jù)的 XML 文件，我們可以上傳導(dǎo)入這些數(shù)據(jù)，以測試主題如何顯示各種不同的布局和數(shù)據(jù)??。

WordPress.com 主題單元測試數(shù)據(jù)

WordPress.com 主題單元測試數(shù)據(jù) 也是一組虛擬測試數(shù)據(jù)，我們可以將其上傳到 WordPress 站點以測試我們的主題，這組數(shù)據(jù)包含 WordPress.com 特定的功能。

插件

Debug Bar（WordPress 插件）

Debug Bar 為 WordPress 管理員添加了一個管理工具欄，為調(diào)試提供了一個顯示中心。

Query Monitor（WordPress 插件）

Query Monitor 允許我們調(diào)試數(shù)據(jù)庫查詢，API 請求和用于生成主題頁面和主題功能的 AJAX。

Log Deprecated Notices（WordPress 插件）

Log Deprecated Notices 記錄錯誤的函數(shù)用法以及在 WordPress 主題中使用已棄用的文件和函數(shù)。

Monster Widget（WordPress 插件）

Monster Widget 將核心 WordPress 小工具整合到一個小工具中，允許我們在主題中測試小工具樣式和功能。

Developer（WordPress 插件）

Developer 可以一鍵安裝代碼調(diào)試和質(zhì)量檢查的插件，來幫助優(yōu)化我們的開發(fā)環(huán)境。

Theme-Check（WordPress 插件）

Theme-Check 用來測試我們的主題是否符合最新的 WordPress 標(biāo)準(zhǔn)和實踐。

WordPress 主題評審指南

除了上述開發(fā)工具外，建議了解一下 WordPress.org 主題評審團(tuán)隊的主題提交指南和 WordPress 的代碼標(biāo)準(zhǔn)指南。這些準(zhǔn)則是高質(zhì)量主題的”黃金標(biāo)準(zhǔn)”，即使我們不打算發(fā)布把主題發(fā)布到 WordPress.org，了解一下該指南也非常有用。

{{userData.name}}已認(rèn)證