核心要點
- WordPress 開發(fā)工具的顯著進步減少了構(gòu)建 WordPress 網(wǎng)站的麻煩和重復(fù)性工作。
- 建議使用虛擬化開發(fā)環(huán)境代替MAMP/WAMP/XAMP 進行WordPress 開發(fā),因為虛擬化環(huán)境具有隔離性、易于重建、能夠復(fù)制生產(chǎn)環(huán)境、能夠在一臺計算機上運行多個服務(wù)器環(huán)境以及在開發(fā)團隊之間保持一致性等優(yōu)點。
- WP-CLI 是一個有用的命令行工具,用于管理 WordPress 安裝,包括安裝 WordPress、更新 WordPress、安裝插件、重置 WordPress 數(shù)據(jù)庫和導(dǎo)入內(nèi)容。
- PhpStorm 是一個強烈推薦的 PHP 和 WordPress 開發(fā) IDE,它在一個地方提供了所有必要的工具、深度 WordPress 集成,并且在頂級 WordPress 開發(fā)人員中得到廣泛使用。此外,PHP CodeSniffer 確保代碼遵循 WordPress 代碼規(guī)范。
近年來,WordPress 的開發(fā)工具有了長足的進步。過去,開發(fā) WordPress 網(wǎng)站需要某種 MAMP/WAMP 本地主機設(shè)置,而且?guī)缀蹩偸呛苈闊R苍S您甚至是一位在生產(chǎn)環(huán)境中開發(fā)網(wǎng)站的開發(fā)者——我曾經(jīng)就是。
幸運的是,時代變了,現(xiàn)在有一些工具可以幫助您消除在計算機上構(gòu)建 WordPress 網(wǎng)站的麻煩和重復(fù)性工作。
去年 12 月,在我?guī)缀跬耆撾x任何 WordPress 開發(fā)三年后,我又成為了一名全職 WordPress 開發(fā)人員。在那之前,我在支付行業(yè)工作了三年,之前是一名全職 WordPress 簽約人員。
離開某個行業(yè)三年,讓我對計算領(lǐng)域,更具體地說,是 Web 開發(fā)領(lǐng)域的變化速度有了獨特的視角。 WordPress 開發(fā)也不例外。
你看,當(dāng)我去年 12 月重返 WordPress 開發(fā)時,我決定研究如何建立完美的 WordPress 開發(fā)環(huán)境。令我驚喜的是,WordPress 周圍的工具進步如此之大,這就像是用法拉利換了一輛福特車。
我很興奮,當(dāng)然現(xiàn)在仍然很興奮,去探索所有工具,在今天的文章中,我將與您分享我所學(xué)到的內(nèi)容摘要。希望它能幫助您調(diào)整您當(dāng)前的環(huán)境并實施一些可用的工具。
從服務(wù)器開始
首先,WordPress 開發(fā)環(huán)境難題中最重要的部分是服務(wù)器。沒有服務(wù)器,我們就什么也做不了。
如今,在本地環(huán)境中托管 WordPress 網(wǎng)站有很多不同的選擇,因此很難知道應(yīng)該使用哪一個。
我建議您放棄 MAMP/WAMP/XAMP,并開始使用虛擬化開發(fā)環(huán)境。
為什么?原因有很多:
- 這是一個隔離的環(huán)境。通過使用虛擬化環(huán)境,您可以創(chuàng)建一個與主機操作系統(tǒng)隔離的開發(fā)服務(wù)器。您可以在虛擬機上安裝任何您喜歡的操作系統(tǒng),并啟動/停止/重新啟動它,而不會影響您的主機。一旦您完成開發(fā)并且不再需要它,很容易將其拆除。
- 搞砸了?沒問題!只需重建環(huán)境即可。我相信我們都遇到過這樣的困境:我們修改了服務(wù)器設(shè)置并搞砸了事情。通過重建虛擬環(huán)境或簡單地使用快照可以輕松解決此問題。因此,現(xiàn)在您可以隨意嘗試和調(diào)整設(shè)置,而無需擔(dān)心失敗。
- 盡可能接近生產(chǎn)環(huán)境。如果您愿意,您可以將您的生產(chǎn)環(huán)境復(fù)制到您的本地主機上。使這兩個環(huán)境完全相同有助于調(diào)試、調(diào)整甚至部署。
- 您可以在一臺計算機上運行多個不同的服務(wù)器環(huán)境。一個客戶使用 Apache,另一個客戶使用 Nginx?沒問題,在虛擬機中創(chuàng)建這兩個不同的環(huán)境就可以了。
- 在開發(fā)團隊中統(tǒng)一環(huán)境。如果開發(fā)團隊中的每個人都使用完全相同的設(shè)置,則可以加快開發(fā)時間,并且關(guān)于為什么某些東西在 X 人的機器上無法工作的問題會減少。
既然您已經(jīng)接受了虛擬化環(huán)境。您應(yīng)該使用什么?
我正在使用 VVV。對我來說,啟動和運行非常簡單,擁有良好的支持系統(tǒng),并且許多大型 WordPress 開發(fā)機構(gòu)(包括我工作的 XWP)都在使用它。
虛擬化 WordPress 開發(fā)環(huán)境的其他一些選項包括:HGV、Wocker、VIP Quickstart。
如果您決定使用 VVV,那么我絕對推薦以下插件和工具,以將 VVV 提升到更高的水平。
- vagrant-hostsupdater – 此插件允許您的 vagrant 安裝更新計算機主機文件中的條目,以便將域名映射添加到 IP 地址。這意味著您不必手動將條目添加到主機文件。
- Variable VVV – 迄今為止,VVV 最有用的工具稱為 Variable VVV,它可以讓您使用命令行快速輕松地創(chuàng)建新的 VVV WordPress 安裝。一定要看看這個。
Aleksander Koko 之前寫過關(guān)于 VVV 的文章,我最近還錄制了一個關(guān)于如何在您自己的計算機上設(shè)置 VVV 的視頻。
命令行的力量
誰不喜歡一點命令行操作呢?WP-CLI 是您內(nèi)心命令行愿望的答案。
WP-CLI 允許您從命令行管理 WordPress 安裝(順便說一下,它與 VVV 一起提供)。
讓我們來看一些如何在本地開發(fā)環(huán)境中使用 WP-CLI 的實際示例。
- 安裝 WordPress。SSH 連接到您的服務(wù)器并需要快速安裝 WordPress?只需使用 WP-CLI 創(chuàng)建新的 WordPress 安裝即可。
- 更新 WordPress。沒有什么比訪問每個網(wǎng)站、登錄、四處點擊然后更新大量的 WordPress 網(wǎng)站更痛苦的了。您可以使用單個命令直接從命令行執(zhí)行此操作。
- 安裝插件。如果您找到一個很棒的插件,并且想要將其安裝到多個站點,那么再次使用 WP-CLI 使用一個命令即可完成。
- 重置 WordPress 數(shù)據(jù)庫。搞砸了什么東西并想重新開始?簡單,一個命令(這有點重復(fù)了,不是嗎?)
- 導(dǎo)入內(nèi)容。是的,您猜對了,您可以使用一個命令將內(nèi)容導(dǎo)入到您的 WordPress 安裝或多個安裝中。
- 等等等等
所有這些都是您可以從命令行執(zhí)行的非常方便的操作。更好的是,在下一節(jié)中,我們將討論 IDE,您可以在該 IDE 中直接運行所有這些命令。
如果您有興趣了解更多信息,請查看 Ahsan Parwez 關(guān)于 WP-CLI 的這篇文章。
改變格局的 IDE
在我今天談到的所有工具中,我覺得這將是最有爭議的。當(dāng)涉及到 IDE 和編輯器時,這幾乎就像是在侵犯個人空間,很多人不喜歡那樣。
我不會試圖告訴你 IDE 比文本編輯器更好,反之亦然。我要做的是告訴你我切換到 IDE 的經(jīng)驗以及它對我的作用。
我一直是一個不喜歡 IDE 的人。不喜歡可能是一種委婉的說法,我討厭它們。我覺得它們臃腫、緩慢且雜亂無章。
我曾經(jīng)是 Sublime Text 的忠實粉絲(順便說一下,我現(xiàn)在仍然是,我每天都在使用它)。
因此,在 12 月份,當(dāng)我重新開始 WordPress 開發(fā)時,我查看了哪些編輯器可用于編寫 WordPress 代碼。當(dāng)我不斷提到名為 PhpStorm 的 IDE 時,我感到非常驚訝。
我不情愿地看了一眼,我很高興我這么做了!
在我看來,PhpStorm 是最好的 PHP 和 WordPress 開發(fā) IDE。它提供構(gòu)建 WordPress 網(wǎng)站、插件和主題所需的一切,并且具有令人難以置信的 WordPress 集成(您真的需要查看一下)。
以下列出了您今年應(yīng)該考慮將 PhpStorm 用于 WordPress 開發(fā)的三個原因:
- 一切所需,盡在其中。FTP – 已檢查,數(shù)據(jù)庫支持 – 已檢查,終端 – 已檢查,版本控制 – 已檢查,調(diào)試 – 已檢查,重構(gòu) – 已檢查,出色的智能感知和自動完成 – 雙重檢查!等等等等。
- PhpStorm 中的 WordPress 集成首屈一指。PhpStorm 深入了解 WordPress。一旦它連接到 WordPress 項目,它就知道一切是如何聯(lián)系在一起的。它會自動完成 WordPress 函數(shù),甚至?xí)詣油瓿刹僮骱瓦^濾器。
- 許多頂級 WordPress 開發(fā)人員和機構(gòu)現(xiàn)在都使用 PhpStorm 開發(fā)他們的代碼。對我來說,這是一個明確的跡象,表明它是目前最好的 WordPress 開發(fā) IDE 之一。
如果您有興趣開始使用 PhpStorm,請查看我錄制的一系列 7 個 PhpStorm 視頻,以幫助您開始使用該 IDE。
確保您的代碼干凈整潔
我今天要寫的最后一個工具是一個好東西!我對編寫代碼特別講究。我喜歡它干凈整潔,并完全遵循 WordPress 代碼規(guī)范。
但即使是這樣講究,我們都是人。而且我經(jīng)常發(fā)現(xiàn)自己瀏覽自己編寫的代碼,并對錯過的空格或額外的換行感到懊惱。
在開源世界中,開發(fā)人員堅持項目定義的代碼規(guī)范非常重要,否則代碼庫會非常快速地退化,尤其是在像 WordPress 這樣的流行開源項目上。
事實上,WordPress 核心團隊對代碼規(guī)范及其遵循情況特別嚴格。
那么,我們?nèi)绾未_保我們的代碼遵循 WordPress 代碼規(guī)范呢?答案很簡單,它是一個名為 PHP CodeSniffer 的工具,帶有 WordPress 代碼規(guī)范規(guī)則集。
這兩個實用程序?qū)呙枘拇a,查找您的代碼與 WordPress 項目預(yù)期編寫方式之間的任何差異,并告知您哪里出錯了。太神奇了!
最棒的是,它們還會通知您遇到的任何高級安全問題。當(dāng)然,它不會捕獲每一個安全問題,因此請確保在編寫代碼時始終考慮安全性,但它是第一道防線。
當(dāng)然,如果我不提及 PhpStorm 內(nèi)置了對 PHP CodeSniffer 的支持,我就無法完成本節(jié)內(nèi)容。我已經(jīng)發(fā)布了一個關(guān)于如何將 PhpStorm、PHPCS 和 WordPress 代碼規(guī)范規(guī)則集結(jié)合在一起的視頻。
結(jié)束語
除了上述工具之外,還有許多替代方案,我希望至少我今天談到的所有內(nèi)容都能讓您對探索 WordPress 開發(fā)周圍的一些很棒的工具感興趣。
如果您選擇使用上述工具,那么這些工具將為您提供一個良好的基礎(chǔ),讓您能夠開始采用更精簡和自動化的 WordPress 開發(fā)方法。
如果您使用其他工具,我很樂意在下面的評論中聽到您的意見!
關(guān)于 WordPress 開發(fā)環(huán)境的常見問題
什么是 WordPress 開發(fā)環(huán)境,為什么它很重要?
WordPress 開發(fā)環(huán)境是一個安全、隔離的空間,開發(fā)人員可以在其中測試 WordPress 網(wǎng)站的更改、更新和新功能,而不會影響生產(chǎn)網(wǎng)站。它之所以至關(guān)重要,是因為它允許開發(fā)人員在任何問題或錯誤影響生產(chǎn)網(wǎng)站之前識別和修復(fù)它們,從而確保流暢的用戶體驗。它通常包括三個階段:本地(開發(fā)人員的機器)、暫存(生產(chǎn)網(wǎng)站的副本)和生產(chǎn)(生產(chǎn)網(wǎng)站)。
如何設(shè)置本地 WordPress 開發(fā)環(huán)境?
設(shè)置本地 WordPress 開發(fā)環(huán)境包括安裝本地服務(wù)器環(huán)境,例如 MAMP、WAMP 或 XAMPP。安裝后,您就可以在本地服務(wù)器上安裝 WordPress 了。這允許您直接從計算機上處理 WordPress 網(wǎng)站,而無需互聯(lián)網(wǎng)連接。
使用暫存環(huán)境進行 WordPress 開發(fā)有哪些好處?
暫存環(huán)境是您生產(chǎn)網(wǎng)站的克隆,您可以在其中測試更改而不會影響生產(chǎn)網(wǎng)站。它之所以有益,是因為它允許您排除問題、測試更新和進行更改,而不會冒生產(chǎn)網(wǎng)站功能的風(fēng)險。它還為客戶在更改上線之前提供了一個進行審查和批準的平臺。
如何將我的 WordPress 網(wǎng)站從本地環(huán)境遷移到生產(chǎn)服務(wù)器?
將您的 WordPress 網(wǎng)站從本地環(huán)境遷移到生產(chǎn)服務(wù)器包括遷移您網(wǎng)站的文件和數(shù)據(jù)庫。您可以手動執(zhí)行此操作,也可以使用 Duplicator 或 All-in-One WP Migration 等插件。遷移之前始終記住備份您的生產(chǎn)網(wǎng)站,以防止任何數(shù)據(jù)丟失。
我可以使用哪些 WordPress 開發(fā)工具?
有很多工具可用于 WordPress 開發(fā)。這些包括 Sublime Text 或 Atom 等代碼編輯器、Local by Flywheel 或 DesktopServer 等本地開發(fā)環(huán)境、Git 等版本控制系統(tǒng)以及 Query Monitor 或 Debug Bar 等調(diào)試工具。
如何在 WordPress 中創(chuàng)建子主題?
在 WordPress 中創(chuàng)建子主題包括在主題文件夾中創(chuàng)建一個新目錄,創(chuàng)建一個帶有特定標題的 style.css 文件,并導(dǎo)入父主題的樣式。然后,您可以從 WordPress 儀表板激活子主題并開始自定義它,而不會影響父主題。
如何安全地更新我的 WordPress 網(wǎng)站?
安全地更新您的 WordPress 網(wǎng)站包括備份您的網(wǎng)站、在暫存環(huán)境中測試更新,然后將更新應(yīng)用到您的生產(chǎn)網(wǎng)站。這確保如果更新過程中出現(xiàn)任何問題,您可以輕松地將網(wǎng)站恢復(fù)到之前的狀態(tài)。
什么是版本控制系統(tǒng),為什么我應(yīng)該在 WordPress 開發(fā)中使用它?
版本控制系統(tǒng)是一個工具,它可以跟蹤您代碼隨時間的變化。它在 WordPress 開發(fā)中至關(guān)重要,因為它允許您在出現(xiàn)問題時恢復(fù)到以前的代碼版本、與其他開發(fā)人員協(xié)作以及保留更改的歷史記錄。Git 是 WordPress 開發(fā)中使用的流行版本控制系統(tǒng)。
如何排除 WordPress 網(wǎng)站中的問題?
排除 WordPress 網(wǎng)站中的問題包括識別問題、在暫存環(huán)境中測試解決方案并將修復(fù)程序應(yīng)用于生產(chǎn)網(wǎng)站。Query Monitor 或 Debug Bar 等工具可以幫助您識別問題。記住在排除故障之前備份您的網(wǎng)站。
如何優(yōu)化我的 WordPress 網(wǎng)站以提高性能?
優(yōu)化您的 WordPress 網(wǎng)站以提高性能包括使用緩存插件、優(yōu)化圖像、使用內(nèi)容分發(fā)網(wǎng)絡(luò) (CDN) 以及最小化 CSS 和 JavaScript 文件。您還可以使用 Google PageSpeed Insights 或 GTmetrix 等工具來識別需要改進的領(lǐng)域。
以上是最終的WordPress開發(fā)環(huán)境的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費脫衣服圖片

Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。

Clothoff.io
AI脫衣機

Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的代碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)

使用Git管理WordPress項目時,應(yīng)只將主題、自定義插件和配置文件納入版本控制;設(shè)置.gitignore文件以忽略上傳目錄、緩存和敏感配置;利用webhook或CI工具實現(xiàn)自動部署并注意數(shù)據(jù)庫處理;采用兩分支策略(main/develop)進行協(xié)作開發(fā)。這樣做可避免沖突、保障安全,并提升協(xié)作與部署效率。

創(chuàng)建Gutenberg塊的關(guān)鍵在于理解其基本結(jié)構(gòu)并正確連接前后端資源。1.準備開發(fā)環(huán)境:安裝本地WordPress、Node.js和@wordpress/scripts;2.使用PHP注冊塊并用JavaScript定義塊的編輯和顯示邏輯;3.通過npm構(gòu)建JS文件以使更改生效;4.遇到問題時檢查路徑、圖標是否正確或使用實時監(jiān)聽構(gòu)建避免重復(fù)手動編譯。按照這些步驟,可以逐步實現(xiàn)一個簡單的Gutenberg塊。

使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性,避免影響真實網(wǎng)站。搭建測試環(huán)境的步驟包括:下載安裝本地服務(wù)器軟件(如LocalWP、XAMPP),創(chuàng)建站點、設(shè)置數(shù)據(jù)庫和管理員賬號,安裝主題和插件進行測試;復(fù)制正式網(wǎng)站到測試環(huán)境的方法是通過插件導(dǎo)出站點、導(dǎo)入測試環(huán)境并替換域名;使用時應(yīng)注意不使用真實用戶數(shù)據(jù)、定期清理無用數(shù)據(jù)、備份測試狀態(tài)、適時重置環(huán)境,并統(tǒng)一團隊配置以減少差異問題。

在WordPress中,當(dāng)新增自定義文章類型或修改固定鏈接結(jié)構(gòu)后,需手動刷新重寫規(guī)則,此時可通過代碼調(diào)用flush_rewrite_rules()函數(shù)實現(xiàn)。1.可在主題或插件激活鉤子中添加該函數(shù)以自動刷新;2.僅在必要時執(zhí)行一次,如添加CPT、分類法或修改鏈接結(jié)構(gòu)后;3.避免頻繁調(diào)用以免影響性能;4.多站點環(huán)境下需視情況為每個站點單獨刷新;5.某些托管環(huán)境可能限制規(guī)則保存。此外,訪問“設(shè)置>固定鏈接”頁面點擊保存也可觸發(fā)刷新,適合非自動化場景。

tosetupredirectsinwordpressingthe.htaccessfile,locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe#beginWordPresssection.forbasic301redirects,USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS:

UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail()函數(shù).1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail()

要實現(xiàn)響應(yīng)式WordPress主題設(shè)計,首先要使用HTML5和移動優(yōu)先的Meta標簽,在header.php中添加viewport設(shè)置以確保移動端正確顯示,并用HTML5結(jié)構(gòu)標簽組織布局;其次,利用CSS媒體查詢實現(xiàn)不同屏幕寬度下的樣式適配,按移動優(yōu)先原則編寫樣式,常用斷點包括480px、768px和1024px;第三,彈性處理圖片和布局,為圖片設(shè)置max-width:100%并使用Flexbox或Grid布局替代固定寬度;最后,通過瀏覽器開發(fā)者工具和真實設(shè)備進行充分測試,優(yōu)化加載性能,確保響應(yīng)

TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS,關(guān)注臺詞:1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB??eteBetB??eteBetB??etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
