十多年前，我製作了一個關(guān)於WordPress 設(shè)計的三部分視頻系列。之後，我又以同樣的精神製作了其他系列，例如直播v10 的重新設(shè)計、朋友的網(wǎng)站，甚至寫了一本書。不過，這些內(nèi)容現(xiàn)在已經(jīng)有點過時了。如果你剛開始學(xué)習(xí)WordPress 主題開發(fā)，觀看這些視頻仍然可以學(xué)到一些東西，但有些部分會感覺非常老舊（舊的UI 和舊版本的軟件）。不過，所有代碼仍然有效，因為WordPress 在向後兼容性方面做得很好。我仍然會收到一些人的來信，他們發(fā)現(xiàn)這些視頻對他們非常有幫助。

但隨著時間的推移，最近有人問我，我現(xiàn)在會推薦哪些資源，我想我應(yīng)該四處看看，看看哪些資源對我來說不錯。

我們在談?wù)撜l？

WordPress 開發(fā)人員的範(fàn)圍很廣，從完全不懂代碼或幾乎不接觸代碼的人，到構(gòu)建所有自定義內(nèi)容的資深編程極客。

1. 選擇一個看起來不錯的主題，使用它。
2. ??♂?
3. ??♂?
4. ??♂?
5. ??♂?
6. 資深編程極客。

我無法與該範(fàn)圍兩端的任何人交流。中間有一大批人。他們會編寫代碼，但他們不是計算機科學(xué)專業(yè)人士。他們是“完成工作”的人。也許是這樣的：

1. 選擇一個可用的主題，使用它。
2. 從一個主題開始，使用內(nèi)置工具對其進行一些自定義。
3. 從一個主題開始，使用代碼對其進行修改以滿足您的需求。
4. 從頭開始，構(gòu)建您需要的內(nèi)容。
5. 從頭開始，構(gòu)建高度定制的網(wǎng)站。
6. 資深編程極客。

我一直都在#4 左右，我認為這是一個不錯的選擇。我嘗試讓現(xiàn)成的WordPress 和流行的插件承擔(dān)繁重的工作，但我將使用我自己的前端（HTML、CSS 和JavaScript）並自定義我必須自定義的內(nèi)容。我正在製作模板。我正在編寫查詢。我正在構(gòu)建模塊。我正在盡可能地進行模塊化。

我覺得在這個區(qū)域很有力量。我可以幾乎獨自一人構(gòu)建許多這樣的網(wǎng)站。那麼，今天有哪些資源可以幫助您學(xué)習(xí)這種類型的WordPress 主題開發(fā)呢？讓我看看我能找到什麼。

老式即興創(chuàng)作

學(xué)習(xí)實踐確實有一些好處。實踐出真知。在我的生活中，我在這種情況下學(xué)到了很多東西。

這裡的訣竅是在實時服務(wù)器上安裝WordPress，然後玩弄設(shè)置、插件、自定義程序和編輯主題文件本身，以使網(wǎng)站執(zhí)行操作。您會在這些主題文件中找到HTML——修改它！您會看到PHP 代碼正在輸出內(nèi)容。你能分辨出什麼以及如何操作它嗎？您會在主題中找到一個CSS 文件——編輯它！

官方文檔在這裡可以幫助您：

• 如何安裝WordPress
• 開發(fā)人員資源
• 當(dāng)您遇到問題時使用Google 搜索

在某種程度上，我喜歡現(xiàn)場操作（在生產(chǎn)網(wǎng)站上），因為當(dāng)您是初學(xué)者時，這會讓您對正在做的事情產(chǎn)生一種真實感。風(fēng)險很高，讓您感受到自己擁有的力量。當(dāng)我進行這些更改時，全世界任何有互聯(lián)網(wǎng)連接的人都能看到。

在我剛開始的時候，我通過購買域名和託管來做到這一點，在這個託管上安裝WordPress，使用SFTP 憑據(jù)登錄，然後直接處理實時文件。我使用了Coda，它仍然是一款流行的應(yīng)用程序，在我編寫本文時，它正在積極開發(fā)新版本。

希望風(fēng)險是真實但較低的。例如，您正在處理個人項目或個人網(wǎng)站。在某些時候，在生產(chǎn)網(wǎng)站上進行修改變得太危險了。一行錯誤放置的PHP 語法可能會使整個網(wǎng)站崩潰。

如果您正在處理客戶網(wǎng)站，則需要升級工作流程。

現(xiàn)代即興創(chuàng)作

處理網(wǎng)站的現(xiàn)代、健康、標準方法是：

1. 在本地處理它們。
2. 使用版本控制（Git），在新分支中完成新工作。
3. 當(dāng)代碼被推送到主分支時，例如您的開發(fā)分支被合併時，將代碼部署到生產(chǎn)網(wǎng)站。

我最近製作了一個關(guān)於我今天如何執(zhí)行此整個工作流程的視頻。我的工具集是：

• 使用Local by Flywheel 在本地工作。
• 我的網(wǎng)絡(luò)託管也是Flywheel，但這並非必需。它可以是任何提供SFTP 訪問權(quán)限並運行WordPress 所需內(nèi)容的工具：Apache、PHP 和MySQL。聲明，F(xiàn)lywheel 是這裡的讚助商，因為我喜歡他們及其服務(wù):)。
• 代碼託管在GitHub 上的私有存儲庫中。
• 通過Buddy 將代碼部署到Flywheel 託管。 Buddy 會監(jiān)視對主分支的推送並將文件通過SFTP 移動到生產(chǎn)站點。

現(xiàn)在您有了本地設(shè)置，您可以盡情發(fā)揮了。做任何你想做的事。您無法破壞實時站點上的任何內(nèi)容，因此您可以更自由地進行實驗性更改並查看結(jié)果。

在本地工作時，您可能會使用代碼編輯器編輯文件。我想說，現(xiàn)在最流行的選擇是免費的VS Code，但也有Atom 和Sublime，以及更高級的編輯器，如PhpStorm。

一旦您將代碼推送到Git 存儲庫，修改文件的自由度就會尤其明顯。完成此操作後，您可以自由地將文件恢復(fù)到上次推送的狀態(tài)。

我使用Git 軟件Tower，這使我可以查看自上次提交代碼以來哪些文件已更改。如果我犯了錯誤、造成了問題或做了我不喜歡的事情——即使我不記得自己到底更改了什麼——我可以將這些更改丟棄回它們的上一個狀態(tài)。這是一個不錯的自由度。

當(dāng)我確實提交代碼時，無論是提交到主分支還是通過將分支合併到主分支，Buddy 都會啟動並將更改部署到生產(chǎn)站點。

但是，從哪裡開始呢？

我們在這裡討論的是WordPress 主題開發(fā)，因此您從主題開始。主題實際上是WordPress 安裝中文件的文件夾。

 <code>root - /wp-content/ - /themes/ - /theme-name/</code>

WordPress 自帶了一些主題。在我編寫本文時，Twenty Twenty 主題隨WordPress 一起提供，它是一款不錯的主題！您可以絕對地從修改這個主題開始。

主題往往對它們?nèi)绾谓M織自己和做事有一些看法，Twenty Twenty 也不例外。我想說，也許是有爭議的，只要它是有效的代碼並以“WordPress”的方式做事，就沒有唯一正確的方式來組織您的主題。這只是您在製作主題時必須掌握的一種感覺。

啟動主題

在我那個時代，啟動主題是從頭開始構(gòu)建主題的一種非常流行的方式。我不確定這是否仍然如此，但其主要思想是一個包含您需要的所有基本主題模板（單個博客文章頁面、主頁、404 頁面、搜索結(jié)果頁面等）的主題，幾乎沒有標記並且沒有任何樣式。這樣，您就擁有了一個空白畫布，您可以根據(jù)自己的喜好構(gòu)建所有HTML、CSS 和JavaScript。有點像您使用這些核心技術(shù)從頭開始構(gòu)建任何其他網(wǎng)站，只是其中包含一些PHP 來輸出內(nèi)容。

有一個名為Starkers 的主題很流行，但現(xiàn)在已經(jīng)停止維護了。我自己製作了一個名為BLANK 的主題，但很久沒有碰過了。在四處尋找後，我發(fā)現(xiàn)了一些具有相同精神的新主題。這是我找到的三個最好的：

• HTML5 Blank
• BlankSlate
• _s (“Underscores”)

我個人無法保證它們，但它們最近都進行了更新，在我看來，它們是很好的起點。如果我從頭開始一個項目，我會嘗試一下它們。我會嘗試下載一個，然後根據(jù)我的喜好對其進行潤色，然後將它保存為我自己的啟動器，以防我需要再次這樣做。

值得一提的是，許多網(wǎng)絡(luò)開發(fā)並非從頭開始，而是處理現(xiàn)有項目。在這種情況下，過程仍然是設(shè)置本地環(huán)境；您只是不是從頭開始，而是從現(xiàn)有主題開始。我會建議複製主題並更改名稱，這樣即使您部署它，也不會影響實時主題。其他人可能會建議使用啟動器作為“父”主題，然後分支到“子”主題。

為了使您的本地開發(fā)環(huán)境與生產(chǎn)網(wǎng)站完全同步，我認為最好的工具是WP DB Migrate Pro，它可以將生產(chǎn)數(shù)據(jù)庫和所有媒體文件提取到您的本地站點（付費產(chǎn)品和付費附加組件，物超所值）。

更高級的啟動主題

與其從頭開始，不如使用具有合理的默認值甚至現(xiàn)代構(gòu)建過程的主題來開始。其思想是，使用基本上是原始HTML、CSS 和JavaScript 構(gòu)建站點，雖然完全可行，但並沒有足夠的現(xiàn)代便利性讓人感到舒適。

以下是一些。

• Morten Rand-Hendriksen 有一個名為WP Rig 的項目，其中包含各種開發(fā)工具?；禛ulp 的構(gòu)建過程啟動了一個BrowserSync 服務(wù)器以進行自動更新。 JavaScript 在Babel 中進行處理。 CSS 在PostCSS 中進行處理，並且代碼經(jīng)過了lint 檢查。他用它來教授WordPress。
• Roots 製作了一個名為Sage 的主題，其中包含模板引擎、您選擇的CSS 框架以及花哨的構(gòu)建過程內(nèi)容。
• Ignition 具有構(gòu)建過程和各種輔助程序。
• Timber 帶有一個模板引擎和許多代碼輔助程序。

我認為所有這些都非?？?，但也可能不適合剛開始的初學(xué)者開發(fā)人員。

書籍

這很難，因為書太多了。在快速Google 搜索中，我發(fā)現(xiàn)一個網(wǎng)站以9.99 美元的價格捆綁銷售十五本W(wǎng)ordPress 書籍。你甚至怎麼知道從哪裡開始？它們以如此低廉的價格能有多好？我不知道。

幾年前，我和Jeff Starr 合寫了一本書，名為《深入挖掘WordPress》。多年來，Jeff 仍然不斷更新這本書，所以我認為這是一個不錯的選擇！ Jeff 還有其他書籍，例如《WordPress 的道》和《深入了解WordPress 主題》。

許多其他專門關(guān)於WordPress 主題開發(fā)的書籍都相當(dāng)舊。 2008-2015 年的東西。再說一次，並不是說那裡沒有什麼可以學(xué)習(xí)的，特別是由於WordPress 變化不大，但仍然，我想閱讀一本比五年前更新的書。對於像WordPress 用戶和開發(fā)人員一樣龐大的目標受眾來說，這似乎是一個巨大的機會?；蛘?，如果已經(jīng)有我找不到的東西，請在評論中告訴我。

也許學(xué)習(xí)正在轉(zhuǎn)向在線，以至於人們不再寫書……

在線學(xué)習(xí)課程

我們的官方學(xué)習(xí)合作夥伴Frontend Masters 有一門關(guān)於WordPress 的課程，重點介紹JavaScript 和WordPress，因此這可能並不完全適合學(xué)習(xí)主題開發(fā)的基礎(chǔ)知識。儘管如此，仍然是令人著迷的內(nèi)容。

以下是一些在我四處尋找時看起來不錯的其他內(nèi)容：

• SuperHi：WordPress
• Chris Dixon：使用Bootstrap v4 的WordPress 5 主題開發(fā)學(xué)院
• WPSHOUT：基礎(chǔ)課程
• WPCasts（YouTube 上免費）
• Know The Code，它使用特定的主題框架進行教學(xué)。
• Udemy：Zac Gordon 的完整WordPress 主題和插件開發(fā)課程

Zac 的課程看起來是最新的，也許是最好的選擇。

主題開發(fā)的完全不同方向

使用WordPress 構(gòu)建網(wǎng)站的一種方法是根本不使用WordPress 主題！相反，您可以使用WordPress API 從WordPress 中提取數(shù)據(jù)，並根據(jù)您的喜好構(gòu)建網(wǎng)站。

• WordPress REST API（內(nèi)置?。┠梢杂脕碜鲞@樣的事情。
• Gatsby 和WordPress
• 使用wp-graphql 代替REST 使用GraphQL。

這種解耦CMS 和您構(gòu)建的前端的思想非常巧妙。它通常被稱為使用“無頭”CMS。它並不適合所有人。 （一個主要原因是，在某種程度上，它會使您的技術(shù)債務(wù)加倍。）但它可以使CMS 和前端都能獨立發(fā)展。

以上是在哪裡學(xué)習(xí)WordPress主題開發(fā)的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！