Wordpress是地球上使用最廣泛的博客平臺(tái)。但是您知道嗎，Wordpress還為一些最大的在線商店，出版物和社區(qū)提供在線支持？Wordpress為數(shù)百萬(wàn)個(gè)站點(diǎn)提供了強(qiáng)大的動(dòng)力，對(duì)于希望與Wordpress合作的個(gè)人來(lái)說(shuō)，從來(lái)就不缺少潛在的項(xiàng)目。 

在本指南中，我們將從假設(shè)您知道要學(xué)習(xí)一些Web開(kāi)發(fā)開(kāi)始。但是沒(méi)有太多經(jīng)驗(yàn)。許多Wordpress開(kāi)發(fā)人員是自學(xué)成才的，在線上有更多資源可以幫助您入門。我們已經(jīng)與Wordpress主題合作了很多年，并將逐步引導(dǎo)您了解一些我們最喜歡的資源。 

首先，wordpress.com與wordpress.org

如果您花了點(diǎn)時(shí)間修改自己的網(wǎng)絡(luò)形象并嘗試啟動(dòng)wordpress博客，那么您可能會(huì)遇到Wordpress.com和Wordpress.org之間存在差異的事實(shí)。 

如果您還沒(méi)有，或者想了解更多，我們將在下面概述這兩個(gè)實(shí)體之間的關(guān)鍵區(qū)別。 

Wordpress.com和Wordpress.org之間的主要區(qū)別在于誰(shuí)托管您的網(wǎng)站。 

對(duì)于Wordpress.com，Wordpress.com將安裝Wordpress的實(shí)例并提供托管。對(duì)于Wordpress.org，您可以托管自己的網(wǎng)站。雖然這似乎沒(méi)有什么區(qū)別-畢竟必須有人托管該網(wǎng)站，對(duì)嗎？-這的意思是Wordpress.com對(duì)您所提供的功能有很多控制權(quán)。 

Wordpress.com是獲得可定制的免費(fèi)在線網(wǎng)站的好方法。但是，此服務(wù)通常是針對(duì)完整的Web開(kāi)發(fā)新手的。網(wǎng)站并不是真正可定制的。Wordpress.com并沒(méi)有提供Wordpress眾所周知的大量功能增強(qiáng)功能。 

簡(jiǎn)而言之，使用Wordpress.com不能使用插件，不能編輯后端代碼，也不能自定義主題（網(wǎng)站的外觀）。盡管Wordpress.com有許多用例，但在此平臺(tái)上無(wú)法進(jìn)行第三方Wordpress開(kāi)發(fā)。 

出于這些原因，只需注意在我們關(guān)于Wordpress的指南中，我們將討論開(kāi)源軟件，用戶可以通過(guò)主題和插件來(lái)增強(qiáng)其功能和設(shè)計(jì)：可在Wordpress.org上獲得。 

前端三合會(huì)，HTML，CSS，JS

前端Web開(kāi)發(fā)主要與網(wǎng)站的視覺(jué)結(jié)構(gòu)和交互性有關(guān)。雖然Wordpress開(kāi)發(fā)確實(shí)涉及對(duì)數(shù)據(jù)庫(kù)的某些查詢（尤其是對(duì)于復(fù)雜的網(wǎng)站），但是可以使用HTML，CSS和JS的知識(shí)來(lái)實(shí)質(zhì)性地更改Wordpress網(wǎng)站并執(zhí)行您可能需要的許多自定義操作。 

從歷史上講，PHP（在下一節(jié)中）一直是建立在Wordpress主題和插件的基礎(chǔ)上，而Javascript是在Wordpress本身的基礎(chǔ)上構(gòu)建的，并且包括Gutenberg Blocks在內(nèi)的最新發(fā)展使Javascript的知識(shí)對(duì)于高級(jí)Wordpress開(kāi)發(fā)比以往任何時(shí)候都更加重要。 

那么什么是HTML，CSS和JS？

HTML代表超文本標(biāo)記語(yǔ)言。HTML實(shí)際上不是編程語(yǔ)言，而是標(biāo)記語(yǔ)言。內(nèi)容周圍放置了一系列標(biāo)簽，以告訴瀏覽器如何解釋頁(yè)面上的內(nèi)容。此外，頁(yè)面元數(shù)據(jù)包括有關(guān)內(nèi)容所用語(yǔ)言，搜索引擎應(yīng)如何看待您的頁(yè)面的標(biāo)簽以及更多內(nèi)容，并包含在HTML中。 

CSS代表級(jí)聯(lián)樣式表。CSS（以及更現(xiàn)代的預(yù)處理庫(kù)，如SCSS和SASS）為您的網(wǎng)站提供了主要的視覺(jué)設(shè)計(jì)。引用html元素的“選擇器”的使用告訴瀏覽器它們應(yīng)如何顯示元素。例如，CSS可以指定段落HTML元素的所有實(shí)例應(yīng)為紅色?；蛩墟溄討?yīng)為紫色。為了說(shuō)明起見(jiàn)，這被簡(jiǎn)化了，但是CSS本質(zhì)上是以這種方式工作的。 

為什么要“級(jí)聯(lián)”？CSS提供了根據(jù)選擇器的特殊性覆蓋自身的功能。例如，您可以將整個(gè)網(wǎng)站的樣式用作默認(rèn)樣式。但是您可能在一個(gè)單獨(dú)的頁(yè)面上想要其他樣式。使用樣式說(shuō)明在該頁(yè)面上指定一個(gè)更特定的元素將優(yōu)先于默認(rèn)樣式。 

JS代表javascript。Javascript是一種非常強(qiáng)大的語(yǔ)言，其上構(gòu)建了許多現(xiàn)代Web開(kāi)發(fā)框架。Netflix，Amazon和Facebook的面向公眾的網(wǎng)站很大程度上建立在JS框架上。Javascript可以作為前端或后端語(yǔ)言運(yùn)行。這意味著它可能會(huì)影響網(wǎng)站的外觀設(shè)計(jì)以及對(duì)數(shù)據(jù)庫(kù)的調(diào)用和操作返回的對(duì)象。在Wordpress開(kāi)發(fā)的上下文中，如果您想編輯自己的編輯體驗(yàn)，或者要在網(wǎng)站上提供交互性，則Javascript很重要。交互性是指用戶執(zhí)行操作時(shí)觸發(fā)的事件。 

總之，HTML，CSS和JS可能是有關(guān)Web開(kāi)發(fā)的在線資源中最常見(jiàn)的主題。有很多免費(fèi)和收費(fèi)的方法來(lái)學(xué)習(xí)，練習(xí)和查找這三種語(yǔ)言的工作代碼示例。 

足夠的PHP

要有意義地使用Wordpress主題和插件，您需要掌握另一種編程語(yǔ)言的基礎(chǔ)：PHP。話雖如此，您可以在不了解任何PHP知識(shí)的情況下，通過(guò)對(duì)現(xiàn)有主題進(jìn)行一定程度的調(diào)整來(lái)自定義Wordpress網(wǎng)站。但是要通過(guò)主題和插件開(kāi)發(fā)真正改變網(wǎng)站的功能，您將需要一些PHP知識(shí)。 

好消息是，如果您已經(jīng)使用過(guò)一些Java腳本，那么PHP的基礎(chǔ)知識(shí)應(yīng)該非常熟悉。PHP是另一種面向?qū)ο蟮木幊陶Z(yǔ)言。對(duì)于Wordpress，它主要用于與Wordpress網(wǎng)站的數(shù)據(jù)庫(kù)進(jìn)行通信，以確定哪些內(nèi)容應(yīng)輸出到何處以及哪些支持文件應(yīng)被加載。

PHP附帶了一系列內(nèi)置函數(shù)，這些函數(shù)與Wordpress的核心功能（在PHP中也進(jìn)行了很多處理）結(jié)合在一起。這些功能可以一起定制，以提供人們對(duì)Wordpress主題或插件所期望的絕大多數(shù)功能。隨著您不斷發(fā)展Wordpress開(kāi)發(fā)技能，可能沒(méi)有哪個(gè)位置會(huì)像Wordpress Codex一樣為內(nèi)置Wordpress函數(shù)提供盡可能多的答案。 

Wordpress的許多初學(xué)者都將Wordpress循環(huán)描述為“神奇”。這是“循環(huán)”瀏覽不同類型的內(nèi)容并返回要以系統(tǒng)方式排列的內(nèi)容數(shù)據(jù)的核心機(jī)制。 

您可能已經(jīng)注意到，Wordpress具有一系列內(nèi)置頁(yè)面類型，這些頁(yè)面類型的默認(rèn)行為包括返回某種類型的內(nèi)容。類別頁(yè)面可以返回特定類別內(nèi)的所有帖子。作者頁(yè)面可以返回特定作者的所有帖子。存檔頁(yè)面可能會(huì)返回特定時(shí)間段內(nèi)的所有帖子，依此類推。

在每種頁(yè)面類型中，默認(rèn)情況下，循環(huán)都會(huì)返回一個(gè)post對(duì)象，該對(duì)象代表所有打算在此類型頁(yè)面上顯示的帖子。這樣，每個(gè)人都有一系列內(nèi)置函數(shù)可以從發(fā)布對(duì)象中提取信息。 

諸如“ the_excerpt”，“ the_permalink”，“ the_title”和“ get_the_post_thumbnail”之類的函數(shù)均從循環(huán)內(nèi)部返回給定帖子的組件（即帖子的摘錄，帖子的鏈接，標(biāo)題和圖像）是指縮略圖）。這只是與Wordpress中與帖子相關(guān)的內(nèi)置功能的一小部分。通過(guò)將循環(huán)中當(dāng)前帖子的值返回到頁(yè)面上的特定位置并應(yīng)用html和css，可以極大地改變Wordpress中默認(rèn)頁(yè)面的外觀，感覺(jué)和組織。

也可以調(diào)用自定義查詢來(lái)提取符合某些參數(shù)的帖子。也許您想顯示給定類別或給定作者的三個(gè)最新帖子?；蛘撸赡芟朐趥?cè)欄中顯示相關(guān)帖子。這些操作可以通過(guò)調(diào)用第二個(gè)查詢到您的Wordpress數(shù)據(jù)庫(kù)來(lái)完成。您可能會(huì)想到，許多頁(yè)面類型都是通過(guò)一系列自定義查詢完成的。 

第二個(gè)允許個(gè)人開(kāi)始通過(guò)主題設(shè)計(jì)對(duì)網(wǎng)站功能和設(shè)計(jì)進(jìn)行有影響力的編輯的元素是Wordpress模板層次結(jié)構(gòu)。 

正如我剛才提到的，Wordpress附帶了一組頁(yè)面類型，這些頁(yè)面類型執(zhí)行圍繞提供某些類型的內(nèi)容而構(gòu)建的默認(rèn)功能。這些頁(yè)面旨在捕獲網(wǎng)站查看者可以在Wordpress網(wǎng)站內(nèi)到達(dá)的任何邏輯位置，并提供有關(guān)應(yīng)在屏幕上顯示哪些內(nèi)容的詳細(xì)信息。 

Wordpress默認(rèn)使用最適用于個(gè)人在網(wǎng)站上位置的模板。例如，如果您的主題同時(shí)提供了產(chǎn)品類別和常規(guī)類別模板，那么查看您產(chǎn)品類別的查看者將看到產(chǎn)品類別模板。如果您沒(méi)有包括任何其他特定類別頁(yè)面，那么查看者可能會(huì)看到所有其他類別的常規(guī)類別頁(yè)面。 

Wordpress模板層次結(jié)構(gòu)為Wordpress主題開(kāi)發(fā)人員提供了一種通用語(yǔ)言和組織結(jié)構(gòu)。模板層次結(jié)構(gòu)使您可以更輕松地在另一個(gè)代碼上進(jìn)行構(gòu)建，并通過(guò)提供有關(guān)可能在何處實(shí)施特定設(shè)計(jì)和布局選擇的信息來(lái)重新訪問(wèn)您以前處理過(guò)的主題。 

雖然我們已經(jīng)向您介紹了Wordpress Codex，但在Wordpress模板層次結(jié)構(gòu)頁(yè)面上保留的備受歡迎的圖形為許多開(kāi)發(fā)人員在其整個(gè)職業(yè)生涯中提供了明確的參考。在此處查看交互式格式的模板層次結(jié)構(gòu)圖。   

初學(xué)者應(yīng)該熟悉的第三類功能是Wordpress帖子類型。與Wordpress一樣，抄本提供了有關(guān)帖子類型的權(quán)威性知識(shí)來(lái)源之一。 

簡(jiǎn)而言之，帖子類型是Wordpress中的內(nèi)容類型。每個(gè)帖子類型在給定主題中都有不同的目的。不同的帖子類型具有不同的元數(shù)據(jù)字段，并且可以不同的方式使用。 

Wordpress中的五種默認(rèn)帖子類型包括：

• 帖子–您可能會(huì)認(rèn)為是博客帖子或個(gè)別內(nèi)容

• 頁(yè)面-第二種帖子類型，可以提供分層的url結(jié)構(gòu)和（例如：yoursite.com/parent_page/child_page），并且用于內(nèi)容的可變性或靜態(tài)性較小

• 附件–一種用于顯示媒體文件和上傳內(nèi)容的帖子。包括與圖像或其他多媒體內(nèi)容有關(guān)的元數(shù)據(jù)

• 修訂-一種帖子類型，用于保存每60秒編輯的帖子的“工作副本”（默認(rèn)情況下）。此帖子類型主要涉及Wordpress儀表板內(nèi)部的編輯過(guò)程

• 導(dǎo)航菜單–一種類型的帖子，詳細(xì)介紹了將在整個(gè)主題中使用的菜單的結(jié)構(gòu)，布局和位置

對(duì)于許多初學(xué)者來(lái)說(shuō)，Wordpost的使用可能會(huì)令人困惑，因?yàn)樗梢砸脝蝹€(gè)帖子（五種默認(rèn)帖子類型之一），或者通?？梢杂脕?lái)引用所引用內(nèi)容的類型。在第二種用法的情況下，可以閱讀示例，例如“可以將所需的帖子類型傳遞到wp_query中”。 

還需要注意的是，許多Wordpress主題和插件都使用自定義帖子類型。自定義帖子類型可以包括產(chǎn)品，大學(xué)，個(gè)人，組織或可以由內(nèi)容中的一系列不同字段表示的任何類型的“實(shí)體”。 

盡管在實(shí)際使用您自己的主題之前需要進(jìn)行很多消化，但是以下是我們?cè)诒竟?jié)中介紹的三個(gè)功能群集中一些我們喜歡的資源，供您隨時(shí)間重新使用： 

• Treehouse針對(duì)初學(xué)者的Wordpress循環(huán)綜合指南

• IsItWP的循環(huán)指南

• WpBeginner的WP模板層次結(jié)構(gòu)速查表

• Cloudway的WP模板指南以加快開(kāi)發(fā)速度

• WPBeginner自定義帖子類型指南

設(shè)置本地環(huán)境

在某些情況下，您可能會(huì)立即將代碼部署到主機(jī)上，但在大多數(shù)情況下，您將希望在本地站點(diǎn)上工作。這意味著您將要設(shè)置一個(gè)能夠處理Wordpress安裝的本地運(yùn)行服務(wù)器。這也意味著您可以打開(kāi)Wordpress安裝的主題或插件文件夾，并對(duì)可以實(shí)時(shí)查看結(jié)果的文件進(jìn)行更改。 

設(shè)置本地主機(jī)的方法有很多，尤其是許多專門針對(duì)Wordpress的本地主機(jī)設(shè)置。最佳選擇使您可以輕松地從Web上獲取實(shí)時(shí)站點(diǎn)的現(xiàn)有狀態(tài)，進(jìn)行更改并將該站點(diǎn)重新投入生產(chǎn)。

如何選擇本地托管解決方案以及如何設(shè)置每個(gè)本地托管解決方案的詳細(xì)信息超出了本指南的范圍。但我們將在下面列出一些收藏夾：

• Web設(shè)計(jì)墻MAMP，XAMPP和WAMP指南

• 由WpEngine和Flywheel Wordpress托管在本地

• 本地主機(jī)指南

• 下載Wordpress進(jìn)行安裝的位置

制作第一個(gè)孩子主題

如果您已經(jīng)以用戶身份了解Wordpress儀表板的方式，則可能會(huì)知道有一個(gè)視圖，個(gè)人可以在其中編輯Wordpress實(shí)例中安裝的主題。暫時(shí)，您可以使用Wordpress儀表板的“編輯主題”部分。但這不是以任何方式編輯主題的最佳實(shí)踐方法。 

當(dāng)開(kāi)始制作自己的或編輯現(xiàn)有的Wordpress主題時(shí)，您可能會(huì)聽(tīng)到這樣的想法，即應(yīng)該使用“子主題”進(jìn)行開(kāi)發(fā)。這到底是什么意思？ 

子主題從已建立的父主題獲取所有現(xiàn)有代碼，并且默認(rèn)為該代碼，除非子主題明確不同。兒童主題有兩個(gè)方面： 

1.子主題使您可以繼續(xù)接收父主題的更新（用于安全性，新功能等），而無(wú)需清除對(duì)網(wǎng)站的更改。 

2.子主題可讓您以父主題的布局和設(shè)計(jì)為基礎(chǔ)，從而為您提供一個(gè)從中開(kāi)始的框架

只需設(shè)置一個(gè)兒童主題是一個(gè)很好的入門項(xiàng)目，可以熟悉Wordpress開(kāi)發(fā)。

有許多指南可以指導(dǎo)您逐步完成創(chuàng)建子主題的步驟。簡(jiǎn)而言之，步驟包括：

1.在您的Wordpress安裝主題目錄中創(chuàng)建一個(gè)文件夾

2.在文件夾內(nèi)部添加一個(gè)styles.css文件，頂部帶有一系列注釋字段，包括子主題的名稱，父主題的名稱，主題的作者以及其他可選字段

    2.1 創(chuàng)建一個(gè)使父主題樣式和腳本入隊(duì)的functions.php文件

    2.2 在您的Wordpress儀表板中激活您的子主題

    2.3 向子主題添加新文件以覆蓋父主題的布局，樣式和功能

主題與外掛程式

插件和主題都可以為您的Wordpress安裝提供有關(guān)要加載哪些文件和內(nèi)容的說(shuō)明。插件和主題都可以與您網(wǎng)站的數(shù)據(jù)庫(kù)進(jìn)行交互。而且，插件和主題都可以借鑒Wordpress的核心功能，可以將Wordpress網(wǎng)站變成比以前更多的東西。 

考慮到這一點(diǎn)，您是否應(yīng)該專注于Wordpress開(kāi)發(fā)的主題或插件？我們已經(jīng)解決了如何設(shè)置子主題的主題。還有類似的指南，包括用于創(chuàng)建插件基本框架的樣板模板。 

要真正成為一名經(jīng)驗(yàn)豐富的Wordpress開(kāi)發(fā)人員，您可能需要知道如何使用以及創(chuàng)建主題和插件。為了進(jìn)行本演練，我們將主要討論主題，因?yàn)樗鼈兺ǔＪ荳ordpress開(kāi)發(fā)的更簡(jiǎn)單入口點(diǎn)。從理論上講，插件幾乎可以實(shí)現(xiàn)主題所能實(shí)現(xiàn)的一切，但是插件通常還提供文件和說(shuō)明，這些文件和說(shuō)明會(huì)更改Wordpress儀表板以及網(wǎng)站前端的功能。 

那么什么時(shí)候應(yīng)該使用主題而非插件呢？ 

現(xiàn)代的Wordpress約定規(guī)定主題應(yīng)主要用于更改Wordpress網(wǎng)站的設(shè)計(jì)。這包括諸如網(wǎng)站外觀，哪些帖子加載在哪些頁(yè)面上以及什么樣的交互性之類的元素。 

另一方面，插件主要用于更改或增強(qiáng)Wordpress網(wǎng)站的基礎(chǔ)功能。 

造成這種分歧的原因之一是由于Wordpress網(wǎng)站無(wú)需插件即可按預(yù)期繼續(xù)運(yùn)行的能力。當(dāng)您通過(guò)使用插件來(lái)更改Wordpress網(wǎng)站的功能時(shí)，您可能會(huì)發(fā)現(xiàn)自己需要停用以意外方式相互交互的插件。無(wú)疑，您將在某個(gè)時(shí)候“破壞”您的網(wǎng)站。發(fā)生這種情況時(shí)，您只需停用正在使用的插件，就可以完整保留網(wǎng)站的大部分整體體驗(yàn)（在許多情況下）。 

將網(wǎng)站的功能和設(shè)計(jì)劃分到不同的位置也意味著，當(dāng)其中一個(gè)方面中斷時(shí)，不一定會(huì)同時(shí)中斷這兩個(gè)方面。插件主要用于實(shí)現(xiàn)特定的功能增強(qiáng)，實(shí)際上這些功能并不完全“制造或破壞”站點(diǎn)。功能和設(shè)計(jì)的這種細(xì)分使您可以逐步改進(jìn)站點(diǎn)，并使站點(diǎn)更具彈性。 

下一步

一旦成為Wordpress開(kāi)發(fā)人員并在某種程度上開(kāi)始運(yùn)作，就有多種方法可以提高您的技能，獲得專業(yè)知識(shí)并為自己起名。與Wordpress相關(guān)的許多開(kāi)源項(xiàng)目都非常支持愿意幫助構(gòu)建項(xiàng)目的初學(xué)者。許多facebook，linkedin和其他網(wǎng)絡(luò)團(tuán)體很樂(lè)意回答有關(guān)Wordpress開(kāi)發(fā)或從事Wordpress開(kāi)發(fā)業(yè)務(wù)的問(wèn)題。 

隨著您的前進(jìn)，您還可能會(huì)遇到更多現(xiàn)代的構(gòu)建和自動(dòng)化工具。許多主題和插件開(kāi)發(fā)框架都需要自動(dòng)化任務(wù)管理器（例如gulp或node）的基本命令行知識(shí)。借助基本的命令行知識(shí)，構(gòu)建工具可以幫助縮減文件大小，從主題的最終發(fā)行版中刪除不必要的文件，檢查安全漏洞，并確保您的代碼符合標(biāo)準(zhǔn)。 

盡管許多指南可以提供有關(guān)Wordpress開(kāi)發(fā)入門的一些基本概述，但直到您真正開(kāi)始進(jìn)入您知道可能需要尋找答案的特定問(wèn)題的項(xiàng)目時(shí)，才可以。在這一點(diǎn)上，您可能會(huì)發(fā)現(xiàn)自己越來(lái)越多地參與堆棧溢出或其他技術(shù)論壇站點(diǎn)，并且在此過(guò)程中學(xué)習(xí)（或教導(dǎo)）很多東西。