正在尋找合適的開(kāi)發(fā)人員工具來(lái)構(gòu)建新的 WordPress 項(xiàng)目？
WordPress 是最受歡迎的 CMS 之一，目前為43.1% 的互聯(lián)網(wǎng)網(wǎng)站提供支持。
WordPress 已經(jīng)占據(jù)了網(wǎng)絡(luò)的很大一部分，在新手和有經(jīng)驗(yàn)的開(kāi)發(fā)人員中越來(lái)越受歡迎。
但是，如果不使用正確的工具，從頭開(kāi)始創(chuàng)建 WordPress 網(wǎng)站、插件和主題可能會(huì)很困難。
因此，在本文中，我們制定了一份最佳 WordPress 開(kāi)發(fā)工具列表，這些工具將簡(jiǎn)化您的工作流程并幫助您快速開(kāi)始下一個(gè)項(xiàng)目。
好用的 WordPress 開(kāi)發(fā)工具
開(kāi)發(fā)在線產(chǎn)品是一個(gè)多步驟的過(guò)程。該過(guò)程包括大量步驟和多次修訂，從編寫代碼到調(diào)試再到測(cè)試。
為了簡(jiǎn)化您的產(chǎn)品開(kāi)發(fā)過(guò)程，我們提供了最好的 WordPress 開(kāi)發(fā)工具供您選擇。
讓我們開(kāi)始吧！
1.InstaWP
我們的 WordPress 開(kāi)發(fā)工具列表中的第一個(gè)是InstaWP。這個(gè)工具在 WordPress 生態(tài)系統(tǒng)中引起了轟動(dòng)，因?yàn)樗?a href="http://www.ydqwiac.cn/newsletter/129486.html" target="_blank" rel="noreferrer noopener">從 Automattic 獲得了種子資金。
InstaWP 使您能夠毫不費(fèi)力地啟動(dòng) WordPress 沙箱。只需點(diǎn)擊幾下，您就可以擁有一個(gè)功能完備的 WordPress 網(wǎng)站，您可以在項(xiàng)目上線之前進(jìn)一步使用它來(lái)測(cè)試和部署您的項(xiàng)目。
您可能想知道 InstaWP 與現(xiàn)有的本地開(kāi)發(fā)工具有何不同。首先，讓我們看看它的特點(diǎn)：
- Instant Sites： InstantWP 的即時(shí)站點(diǎn)功能完全符合其說(shuō)明。完成注冊(cè)和驗(yàn)證過(guò)程后，您將在創(chuàng)紀(jì)錄的時(shí)間內(nèi)準(zhǔn)備好使用新的 WordPress 網(wǎng)站。
- 無(wú)服務(wù)器：在創(chuàng)建用于測(cè)試和開(kāi)發(fā)目的的站點(diǎn)時(shí)，您希望避免忙于其他技術(shù)問(wèn)題，例如托管服務(wù)器。InstaWP 通過(guò)在實(shí)時(shí)服務(wù)器上自動(dòng)托管您的測(cè)試站點(diǎn)來(lái)節(jié)省您的時(shí)間和精力。
這使您可以靈活地與您的團(tuán)隊(duì)成員或互聯(lián)網(wǎng)上的任何人共享鏈接，他們可以實(shí)時(shí)查看/訪問(wèn)您網(wǎng)站的內(nèi)容。
- 免費(fèi)的 SSL 證書：對(duì)于您使用 InstaWP 創(chuàng)建的每個(gè)站點(diǎn)，您都會(huì)獲得一個(gè)免費(fèi)的 SSL 證書。
- 自動(dòng)域名：該工具會(huì)根據(jù)您在注冊(cè)過(guò)程中選擇的名稱自動(dòng)為您的測(cè)試站點(diǎn)創(chuàng)建一個(gè)域名。
此外，如果需要，您可以分配自定義域名并將其指向 InstaWP 中的 WordPress 網(wǎng)站。
- PHP & WP 版本：您可以選擇要測(cè)試產(chǎn)品的 PHP 和 WP 版本。
- 內(nèi)置工具：專門用于開(kāi)發(fā)目的，您可以使用 WP-CLI 訪問(wèn)代碼編輯器、數(shù)據(jù)庫(kù)編輯器、日志查看器、Git 集成和 SSH 訪問(wèn)等工具。
- 自定義配置：您可以使用首選的 WordPress 和 PHP 版本、WordPress 插件和主題靈活地創(chuàng)建自定義配置。
當(dāng)你創(chuàng)建一個(gè)新的測(cè)試站點(diǎn)時(shí)，你需要選擇你保存的配置類型，你所有的偏好、插件和主題都會(huì)自動(dòng)安裝。
- 集成：通常，將內(nèi)置測(cè)試站點(diǎn)暫存環(huán)境與第三方應(yīng)用程序集成有點(diǎn)麻煩。InstaWP 通過(guò)提供創(chuàng)建 API 令牌的選項(xiàng)使這個(gè)過(guò)程更加靈活。
您可以生成您的 API 令牌，以便輕松地將您的 InstaWP 站點(diǎn)與任何第三方應(yīng)用程序集成。
- 部署：作為 Web 開(kāi)發(fā)人員，您可能已經(jīng)熟悉并可能使用 Github 來(lái)托管您的項(xiàng)目。
使用 InstaWP，您可以快速將測(cè)試站點(diǎn)部署到 Git 存儲(chǔ)庫(kù)。將更改從 InstaWP 推送到 GitHub 并將數(shù)據(jù)從 GitHub 拉到 InstaWP 很容易。作為一項(xiàng)附加功能，InstaWP 允許您添加私有和公共 Git 存儲(chǔ)庫(kù)。
- 遷移和克隆：除了這些功能之外，您還可以通過(guò)單擊來(lái)遷移或克隆您的暫存站點(diǎn)。
定價(jià)： InstaWP 有免費(fèi)版和高級(jí)版。共有三種付費(fèi)計(jì)劃：Personal、Pro 和 Agency。最低月度計(jì)劃起價(jià)為 9 美元/月，年度計(jì)劃起價(jià)為 90 美元/年。
高級(jí)計(jì)劃的費(fèi)用因 InstaWP 的功能集而異。例如，如果您訂閱了代理計(jì)劃，能訪問(wèn)即時(shí)模板和導(dǎo)出站點(diǎn)等功能。要獲取更多詳細(xì)信息，請(qǐng)查看 Insta WP 的定價(jià)頁(yè)面。
| 免費(fèi)版 | 高級(jí)版（9 美元/月） |
| 5 個(gè)活躍站點(diǎn) | 10個(gè)活躍網(wǎng)站 |
| 500 MB 空間 | 5 GB 空間 |
| 48 小時(shí)網(wǎng)站到期 | 7 天網(wǎng)站到期 |
| 100 個(gè) Git 操作 | 500 個(gè) Git 操作 |
| – | 自定義域 |
| – | FTP訪問(wèn) |
| – | 高級(jí)配置 |
2.BuddyWorks
BuddyWorks是最好的 CI/CD 工具，使您能夠?qū)⒉渴疬^(guò)程自動(dòng)化到所有裸機(jī)和云服務(wù)器。
借助 BuddyWorks，您可以使用 GitHub、Bitbucket 和 GitLab 自動(dòng)部署到 FTP/SFTP 和云服務(wù)，例如 AWS、Google Cloud、Microsoft Azure 和 Digital Ocean。
BuddyWorks 在 Docker 上運(yùn)行，但它靈活地支持 Kubernetes。此外，它還支持多種語(yǔ)言，包括 PHP、C++、.NET、Node.js 和 Golang。
將 Buddy 的部署與其他 CI/CD 工具區(qū)分開(kāi)來(lái)的最佳特性之一是它們的部署基于變更集。這意味著只部署修改過(guò)的文件，并將部署機(jī)制優(yōu)化到極限。
簡(jiǎn)單來(lái)說(shuō)，使用 BuddyWorks，您每次只能上傳部分存儲(chǔ)庫(kù)；您只能上傳更新的文件。這使整個(gè)部署速度非常快，并為您節(jié)省了大量時(shí)間。
定價(jià)： BuddyWorks 是一款免費(fèi)增值工具。免費(fèi)版本對(duì)于初學(xué)者來(lái)說(shuō)已經(jīng)足夠了；但是，您可以訂閱專業(yè)版以獲得更多高級(jí)功能，起價(jià)為每月 29 美元。
BuddyWorks pro 的定價(jià)取決于用戶數(shù)量、存儲(chǔ)空間、分配給管道的 RAM 量以及其他參數(shù)。
3.Local WP
Local WP是另一種流行且直接的 WordPress 網(wǎng)站開(kāi)發(fā)工具。
如果您希望建立自己的本地開(kāi)發(fā)環(huán)境，Local 是最佳解決方案。
Local WP 是一個(gè)完全適合初學(xué)者的工具，而且對(duì)于初學(xué)者來(lái)說(shuō)足夠簡(jiǎn)單。由于其交互式界面，只需單擊幾下即可使用 Local WP 設(shè)置暫存環(huán)境。
Local WP 包括所有易于使用的功能，還為那些希望自定義本地環(huán)境的用戶提供許多高級(jí)功能。
在注冊(cè)過(guò)程中，您可以在 Nginx 和 Apache 服務(wù)器以及兩個(gè)版本的 PHP 之間進(jìn)行選擇。此外，您可以將新的本地網(wǎng)站映射到域。
此外，Local WP 允許您與您的團(tuán)隊(duì)成員或客戶創(chuàng)建實(shí)時(shí)鏈接以訪問(wèn)本地項(xiàng)目。
本地 WP 提供根 SSH 訪問(wèn)、WP-CLI 以及熱交換 PHP 環(huán)境以進(jìn)行測(cè)試的能力。
定價(jià)：免費(fèi)
4. Chrome 開(kāi)發(fā)者工具
Chrome 開(kāi)發(fā)者工具，也稱為Chrome DevTools，是一個(gè)面向 Web 開(kāi)發(fā)者的綜合免費(fèi)工具包。此內(nèi)置功能使您能夠?qū)崟r(shí)檢查、測(cè)試和調(diào)試代碼。
您可以通過(guò)右鍵單擊網(wǎng)頁(yè)、選擇檢查元素或在 Mac 上按 COMMAND + Option + I 或在 Windows 設(shè)備上按 CTRL + Shift + I 來(lái)訪問(wèn) Chrome 開(kāi)發(fā)人員工具。
當(dāng)您檢查您的網(wǎng)頁(yè)時(shí)，您會(huì)在“開(kāi)發(fā)者工具”窗口的頂部看到三個(gè)選項(xiàng)卡。單擊圖標(biāo)>>可以訪問(wèn)更多選項(xiàng)卡選項(xiàng)。
導(dǎo)航到選項(xiàng)卡選項(xiàng)并單擊它以訪問(wèn)工具。
Chrome DevTools 的每個(gè)選項(xiàng)卡都為開(kāi)發(fā)人員提供了大量有用的信息，例如：
- 元素選項(xiàng)卡顯示您正在查看的頁(yè)面的 HTML 和內(nèi)聯(lián) CSS。
- 控制臺(tái)選項(xiàng)卡有助于識(shí)別頁(yè)面錯(cuò)誤和警告。
- 在“源”選項(xiàng)卡中，您可以查看用于制作網(wǎng)站的所有文件。
- 網(wǎng)絡(luò)選項(xiàng)卡顯示您正在查看的 URL 中加載的所有文件。
- “應(yīng)用程序”選項(xiàng)卡顯示瀏覽器存儲(chǔ)中的內(nèi)容，包括本地存儲(chǔ)、Web SQL 數(shù)據(jù)庫(kù)等。
- 使用“安全”選項(xiàng)卡，您可以檢查站點(diǎn)是否具有 HTTPS 證書或使用 TLS 加密。
- 開(kāi)發(fā)人員可以使用“審核”選項(xiàng)卡提高站點(diǎn)性能，該選項(xiàng)卡會(huì)自動(dòng)生成有關(guān)站點(diǎn)功能和結(jié)構(gòu)的報(bào)告。
- 使用 Lighthouse，這是一種評(píng)估網(wǎng)頁(yè)性能并提出改進(jìn)方法建議的 Google 產(chǎn)品。Chrome DevTools 允許您測(cè)試從站點(diǎn)速度到 SEO 再到可訪問(wèn)性的所有內(nèi)容。
此外，使用 Chrome DevTools，您可以在各種設(shè)備上預(yù)覽您的網(wǎng)頁(yè)，包括 iPhone、iPad 和筆記本電腦。如果未列出特定設(shè)備，您可以添加自定義尺寸。
5.Deployer
Deployer是用于 PHP 部署的最佳自動(dòng)化工具之一。它是免費(fèi)的，易于使用，并提供許多功能。
手動(dòng)將 WordPress 網(wǎng)站部署到 Web 服務(wù)器是一項(xiàng)具有挑戰(zhàn)性的任務(wù)。例如，如果您在上傳過(guò)程中錯(cuò)過(guò)了文件，就會(huì)遇到錯(cuò)誤。此外，錯(cuò)誤地遷移數(shù)據(jù)庫(kù)會(huì)導(dǎo)致數(shù)據(jù)丟失。
Deployer 可幫助您減少手動(dòng)部署過(guò)程并提供自動(dòng)化選項(xiàng)以節(jié)省您的時(shí)間和金錢。
Deployer PHP 提供對(duì)流行框架的支持，包括 WordPress。憑借其高級(jí)功能，您可以快速將您的存儲(chǔ)庫(kù)從 GitHub 部署到任何 PHP 框架。
如果在部署過(guò)程中出現(xiàn)任何錯(cuò)誤，您可以使用其回滾功能輕松地將應(yīng)用程序回滾到以前的版本。
定價(jià)： Deployer 是一個(gè) 100% 免費(fèi)的工具。
6.GenerateWP
如果您打算創(chuàng)建一個(gè)新的 WordPress 插件或主題，您應(yīng)該將GenerateWP添加到開(kāi)發(fā)人員的工具列表中。
GenerateWP 是一種流行的 WordPress 代碼生成器，它包含不同的工具和生成器，可幫助您輕松生成代碼并加速 WordPress 開(kāi)發(fā)。
無(wú)論是短代碼生成器、帖子類型生成器還是主題支持生成器，GenerateWP 都提供了一切。
除了擁有大量生成器之外，在 GenerateWP 的站點(diǎn)上，您還可以瀏覽其他用戶創(chuàng)建的公共 WordPress 片段。如果您需要已經(jīng)完成的示例、代碼塊或查詢，這將很有用。
定價(jià)： GenerateWP 有免費(fèi)版和付費(fèi)版。保費(fèi)計(jì)劃起價(jià)為每月 25 美元。免費(fèi)版本的功能非常有限，因?yàn)槭褂?GenerateWP 的精簡(jiǎn)版，您無(wú)法獲得高級(jí)生成器并且只能保存公共代碼段。
7.WP-CLI
WordPress 命令行界面 (WP-CLI)無(wú)疑是每個(gè) WordPress 開(kāi)發(fā)人員最有效的工具。它是管理 WordPress 網(wǎng)站的綜合工具，您只能從終端安裝和使用它。
當(dāng)您想要導(dǎo)入內(nèi)容、更新插件、加載 PHP 文件、管理語(yǔ)言包、優(yōu)化速度、導(dǎo)入附件、管理小部件等時(shí)，此工具很有用。
要安裝 WP-CLI，您的主機(jī)必須能夠設(shè)置 Secure Support Shell (SSH)，一旦安裝，您就可以繼續(xù)并開(kāi)始使用該工具。
定價(jià)：免費(fèi)
8. Prettier.io
顧名思義，Prettier使您的代碼看起來(lái)漂亮且結(jié)構(gòu)化。它是一種自以為是的代碼格式化程序，支持所有流行的編碼語(yǔ)言，包括 JavaScript、JSX、Angular、Vue、Flow 和 TypeScript。
使用 prettier.io，一致的樣式將應(yīng)用于所有輸出代碼。您的代碼是根據(jù)行長(zhǎng)從頭開(kāi)始重印的。
Prettier.io 通過(guò)忽略原始樣式來(lái)確保代碼格式在整個(gè)代碼庫(kù)中保持一致，方法是解析它并使用其自己的規(guī)則打印它，這些規(guī)則考慮了最大行長(zhǎng)度，在需要時(shí)包裝代碼。
定價(jià)：免費(fèi)
9.Query Monitor
Query Monitor 是 WordPress 的開(kāi)發(fā)者工具面板。它還調(diào)試數(shù)據(jù)庫(kù)查詢、PHP 錯(cuò)誤、塊編輯器塊、排隊(duì)腳本、樣式表和 HTTP API 調(diào)用。
其功能之一是能夠調(diào)試 Ajax 調(diào)用、REST API 調(diào)用和用戶能力檢查。此外，通過(guò)按插件或主題縮小其輸出范圍，您可以快速確定哪些插件、主題或功能表現(xiàn)不佳。
使用查詢監(jiān)視器，您可以查看按插件、主題或負(fù)責(zé)它們的功能分組的聚合數(shù)據(jù)庫(kù)查詢。選擇菜單項(xiàng)后，調(diào)試信息將顯示在面板中以及當(dāng)前頁(yè)面的概覽中。
使用 Query Monitor 調(diào)試 WordPress 并提高網(wǎng)站性能
定價(jià)：免費(fèi)
10.Debug bar
Debug bar是對(duì)開(kāi)發(fā)人員最有用的工具之一。它是一個(gè)原生 WordPress 插件，可在管理欄中顯示查詢、緩存和其他有用的調(diào)試信息。
除了顯示您需要的所有信息外，該插件還顯示生成頁(yè)面的 PHP 文件。
定價(jià)：免費(fèi)
11.Loops & Logic
當(dāng)主題或構(gòu)建器不支持您需要的選項(xiàng)時(shí)， WordPress 開(kāi)發(fā)人員可以使用Loops & Logic廣泛控制 WordPress 內(nèi)容在您網(wǎng)站前端的顯示方式。
使用此插件，您可以使用任何前端開(kāi)發(fā)人員都熟悉的類似于 HTML 的簡(jiǎn)化語(yǔ)法來(lái)創(chuàng)建自定義 PHP 主題和構(gòu)建器模塊。
此外，它還允許您使用帶有動(dòng)態(tài)標(biāo)簽（如 Loop、Field 和 If）的 HTML 模板。
通過(guò)使用 Loops & Logic，您可以使用可視位置規(guī)則生成器毫不費(fèi)力地將 CSS 樣式表和 Javascript 排入任何地方。您也可以毫無(wú)顧慮地直接在 SASS 中無(wú)縫編寫 CSS。
定價(jià)：免費(fèi)
12. WP Theme Detector
作為 Web 開(kāi)發(fā)人員，有時(shí)您需要檢查在特定站點(diǎn)上激活了哪些插件和主題。
有很多方法可以檢測(cè)激活的主題和插件，但WP Theme Detector是最好的工具。
您只需要添加站點(diǎn) URL，WordPress 主題檢測(cè)器就會(huì)顯示有關(guān)站點(diǎn)當(dāng)前正在使用的 WordPress 主題和插件的所有詳細(xì)信息
定價(jià)：免費(fèi)
總結(jié)
開(kāi)發(fā)人員工具是設(shè)計(jì)網(wǎng)站、博客、投資組合等不可或缺的一部分，因此應(yīng)在仔細(xì)檢查其功能、適應(yīng)性、先進(jìn)性和成本后選擇使用。一些工具還提供免費(fèi)版本和付費(fèi)版本。
您可以選擇使用起來(lái)更方便并能為您的產(chǎn)品增值的一種。因此，擁有一個(gè)工具包是所有 WordPress 開(kāi)發(fā)人員的必需品。但是，種類可能或多或少取決于要完成的工作。
拓展閱讀：
- 使用 Local 搭建WordPress本地運(yùn)行環(huán)境
- 12 款實(shí)用的 WordPress 網(wǎng)站手機(jī)端移動(dòng)設(shè)備測(cè)試工具
- 如何使用瀏覽器的開(kāi)發(fā)者工具調(diào)試網(wǎng)站
- 使用谷歌瀏覽器 Chrome 編輯 WordPress 主題的 style.css 并實(shí)時(shí)保存
- 使用 Query Monitor 調(diào)試 WordPress 并提高網(wǎng)站性能
- 11 個(gè)為開(kāi)發(fā)者準(zhǔn)備的 WordPress 調(diào)試插件
- WordPress開(kāi)發(fā)者可選的23個(gè)優(yōu)秀的PHP代碼編輯器和IDE
