WordPress 深度依賴第三方 JavaScript 和 PHP 庫，其中 jQuery 是使用最廣泛的 JavaScript 庫，PHP 庫主要由單個(gè)類文件組成。其他使用的 JavaScript 庫包括 jQuery Masonry、jQuery Hotkeys、jQuery Suggest、jQuery Form、jQuery Color、jQuery Migrate、jQuery Schedule、jQuery UI、Backbone、colorpicker、hoverIntent、SWFObject 和 TinyMCE。

WordPress 的第三方庫與 WordPress 文件一起位於 wp-includes 和 wp-admin 文件夾中。 PHP 庫以 class-*.php 命名或位於其自己的文件夾中，而 JavaScript 文件位於這些文件夾下的 js 文件夾中。 CSS 文件主要是 jQuery 或 TinyMCE CSS 文件，位於 include 文件夾下的 CSS 文件夾中。

雖然這些庫增強(qiáng)了 WordPress 的功能和用戶體驗(yàn)，但許多庫都已過時(shí)，這引發(fā)了關(guān)於架構(gòu)和潛在改進(jìn)（例如 Bower 和 Composer 集成到 WordPress）的討論。了解這些庫可以使您更聰明、更高效地使用 WordPress，並可能為其核心做出貢獻(xiàn)。

幾乎所有現(xiàn)代軟件（包括 WordPress 等平臺(tái)）都依賴於第三方庫。這是因?yàn)椋鳛殚_發(fā)人員，我們不需要重新發(fā)明輪子。

如果我必須開發(fā)使用 HTTP 抽象的軟件，我可能會(huì)使用 Symfony HttpKernel 或類似的包。如果我的軟件需要更多功能（順便說一句，不太可能，但讓我們?cè)谑纠屑僭O(shè)這一點(diǎn)），我可以擴(kuò)展該包，或者在最壞的情況下，從頭創(chuàng)建一個(gè)。從頭開始創(chuàng)建並非壞事。它實(shí)際上是一件好事，因?yàn)樗茏屇愠蔀楦玫拈_發(fā)者。但是通常情況下，在大多數(shù)現(xiàn)代項(xiàng)目中，你都必須依賴第三方庫（或包）。在本文中，我們將研究 WordPress 使用的各種第三方 JavaScript 和 PHP 庫。

WordPress 中使用的庫列表

在 WordPress 中，第三方庫與 WordPress 文件一起存在。要更好地理解 WordPress 中文件的結(jié)構(gòu)，WordPress 代碼庫頁面將為您提供一些答案。 wp-includes 文件夾包含應(yīng)用程序執(zhí)行時(shí)包含的一些庫。此外，在 wp-admin 中，您會(huì)找到第二個(gè) include 文件夾，它與第一個(gè)文件夾的作用相同。在這兩個(gè)文件夾中，您都會(huì)找到 PHP 和 JavaScript 文件。

第三方 PHP 庫以 class-*.php（單個(gè)文件）命名或位於其自己的文件夾中。其他名為 class-*.php 的 PHP 文件可能是 WordPress 文件（而非第三方文件）。 PHP 文件位於 wp-include 或 wp-admin/include 文件夾下。

JavaScript 文件也位於這些文件夾下，但它們分組在 js 文件夾中。

CSS 文件主要是 jQuery 或 TinyMCE CSS 文件，位於 include 文件夾下的 CSS 文件夾中。

JavaScript 庫

讓我們從 JavaScript 庫開始。 WordPress 大量使用 jQuery。它使用：

• jQuery
• jQuery Masonry
• jQuery Hotkeys
• jQuery Suggest
• jQuery Form
• jQuery Color
• jQuery Migrate
• jQuery Schedule
• jQuery UI

您可能會(huì)注意到，其中一些庫沒有鏈接。這是因?yàn)槠渲幸恍旆浅Ｅf，並且存儲(chǔ)庫已不存在。讓我們逐一檢查它們。

jQuery 是一個(gè)著名的庫，無需介紹。

jQuery Masonry 是一個(gè)插件，它使創(chuàng)建像這樣的砌體佈局更容易：

從頭開始創(chuàng)建這樣的佈局有點(diǎn)困難，jQuery Masonry 使這變得容易。

jQuery Hotkeys 處理瀏覽器的快捷鍵。如果您習(xí)慣使用 StackEdit.io 等工具，您可能會(huì)使用“ctrl s”（command s）在 gDrive 或其他雲(yún)提供商上保存文件。瀏覽器中默認(rèn)的 (ctrl s) 快捷鍵可用於保存網(wǎng)頁，使用此插件您可以覆蓋這些默認(rèn)快捷鍵。

jQuery Form 處理表單和 AJAX 調(diào)用。如果您好奇並想了解更多關(guān)於此插件的信息，您可以查看其文檔。

jQuery Color 由 WordPress 用於顏色操作和動(dòng)畫。

jQuery("#go").click(function(){
    jQuery("#block").animate({
            backgroundColor: "#abcdef"
    }, 1500 );
});

第一行選擇具有 的元素，並告訴瀏覽器它應(yīng)該在 1.5 秒內(nèi)為具有 的元素設(shè)置背景顏色動(dòng)畫。

jQuery Migrate 在處理早期 jQuery 代碼庫時(shí)可以幫助您。這對(duì) WordPress 非常重要，因?yàn)樗且粋€(gè)應(yīng)該向後兼容的平臺(tái)。

事實(shí)上，向後兼容性是 WordPress 最著名的特性之一。另一方面，這也是 WordPress 的問題之一。 WordPress 於 2003 年發(fā)布，當(dāng)時(shí)使用的 PHP 版本已經(jīng)過時(shí)。如今，PHP 是一種現(xiàn)代語言，借鑒了其他語言的許多有用特性。但這又是另一個(gè)話題，留待以後的文章討論。

WordPress 還使用其他 JavaScript 庫，而不僅僅是 jQuery。以下是它使用的一些其他流行庫：

• Backbone
• colorpicker
• hoverIntent（位於 jQuery 文件夾之外的 jQuery 插件）
• SWFObject
• TinyMCE

等等。

此列表中最著名的是 TinyMCE 和 Backbone。 TineMCE 用於在 WordPress 儀表板中撰寫新的帖子和頁面。

Backbone 是一個(gè)前端框架，事實(shí)上它是第一個(gè)框架之一。它今天仍在使用，但正在失去 Angular 和其他前端框架的大量市場份額。是的，我在對(duì)你說，Meteor。但別擔(dān)心，在 JavaScript 世界中，框架（庫）的被遺忘速度與其流行速度一樣快。

PHP 庫

PHP 庫的列表略有不同。我們看到 JavaScript 主要受 jQuery 和其他一些流行庫的影響。對(duì)於 PHP，情況有所不同，因?yàn)榇蠖鄶?shù)第三方庫只是一個(gè)類（文件）。以下是當(dāng)前第三方 PHP 庫的簡短列表：

• Atom Lib
• Text Diff
• SimplePie
• Pomo
• ID3
• Snoopy
• PHPMailer
• POP3 Class
• PHPass
• PemFTP

公開討論

許多庫都有些過時(shí)。這時(shí)，關(guān)於架構(gòu)等主題的討論往往會(huì)發(fā)生。我個(gè)人希望看到 Bower 和 Composer 與 WordPress 集成。我想就這些想法詢問 SitePoint 社區(qū)，並就如何改進(jìn) WordPress 開展公開討論。請(qǐng)?jiān)谙旅媪粝履脑u(píng)論和想法。

結(jié)論

在本文中，我們看到了 WordPress 使用的各種第三方庫。了解 WordPress 幕後使用的內(nèi)容，您將對(duì)它的工作原理有更好的理解。您的理解越好，您就能更快、更有效地使用 WordPress。也許您甚至可以努力為 WordPress 核心做出貢獻(xiàn)。畢竟，這是開源的世界，我們互相學(xué)習(xí)並分享想法（代碼和比薩餅！）。

關(guān)於 WordPress 使用的 JavaScript 和 PHP 庫的常見問題

WordPress 中最常用的 JavaScript 庫是什麼？

WordPress 使用多個(gè) JavaScript 庫來增強(qiáng)其功能和用戶體驗(yàn)。最常用的庫包括 jQuery、Backbone.js 和 Underscore.js。 jQuery 是一個(gè)快速、小巧且功能豐富的 JavaScript 庫，它簡化了 HTML 文檔遍歷、事件處理和動(dòng)畫，從而可以快速進(jìn)行 Web 開發(fā)。 Backbone.js 通過提供具有鍵值綁定和自定義事件的模型來為 Web 應(yīng)用程序提供結(jié)構(gòu)。 Underscore.js 是一個(gè)實(shí)用程序庫，它在不擴(kuò)展任何核心 JavaScript 對(duì)象的情況下為常用的函數(shù)式編程提供支持。

PHP 庫如何增強(qiáng) WordPress 功能？

PHP 庫是用於在 WordPress 中執(zhí)行特定任務(wù)的類和函數(shù)的集合。它們通過提供預(yù)先編寫的代碼來執(zhí)行常見任務(wù)來幫助增強(qiáng) WordPress 的功能，從而節(jié)省開發(fā)人員的時(shí)間和精力。例如，PHPMailer 是一個(gè)代碼庫，用於通過 Web 服務(wù)器上的 PHP 代碼安全輕鬆地發(fā)送電子郵件。同樣，SimplePie 是一個(gè)可以讀取 RSS 和 Atom 提要的 PHP 庫。

如何在我的 WordPress 網(wǎng)站中添加 JavaScript？

有多種方法可以將 JavaScript 添加到您的 WordPress 網(wǎng)站中。最常用的方法之一是使用 wp_enqueue_script 函數(shù)。此函數(shù)在頁面中包含指定的 JavaScript 文件。另一種方法是將 JavaScript 代碼直接添加到您的主題文件中。但是，此方法應(yīng)謹(jǐn)慎使用，因?yàn)槿绻僮鞑划?dāng)，可能會(huì)導(dǎo)致問題。

WordPress 開發(fā)的一些最佳 PHP 庫是什麼？

有幾個(gè) PHP 庫可以幫助 WordPress 開發(fā)。一些最流行的庫包括Guzzle（一個(gè)PHP HTTP 客戶端，它使發(fā)送HTTP 請(qǐng)求變得容易，並且易於與Web 服務(wù)集成）；Carbon（一個(gè)簡單的PHP API 擴(kuò)展，用於DateTime）；以及Monolog（它有助於創(chuàng)建日誌）。

我可以在我的 WordPress 網(wǎng)站中使用第三方 JavaScript 庫嗎？

是的，您可以在 WordPress 網(wǎng)站中使用第三方 JavaScript 庫。但是，務(wù)必確保該庫不會(huì)與網(wǎng)站上任何現(xiàn)有的腳本衝突。此外，下載第三方庫時(shí)應(yīng)始終使用受信任的來源，以避免安全問題。

如何更新 WordPress 網(wǎng)站中的 PHP 庫？

可以通過下載最新版本的庫並將舊文件替換為新文件來更新 WordPress 網(wǎng)站中的 PHP 庫。但是，在進(jìn)行任何更改之前，務(wù)必備份您的網(wǎng)站，以避免丟失任何數(shù)據(jù)。

管理媒體文件的一些最佳 WordPress 插件是什麼？

有幾個(gè) WordPress 插件可以幫助管理媒體文件。一些最流行的插件包括 WP Media Folder（允許您在文件夾中組織媒體文件）和 Smush（有助於優(yōu)化和壓縮圖像）。

如何將 JavaScript 添加到 WordPress 帖子或頁面？

可以通過在 Gutenberg 編輯器中使用自定義 HTML 塊將 JavaScript 添加到 WordPress 帖子或頁面。只需將您的 JavaScript 代碼粘貼到塊中，它將在查看頁面時(shí)包含在頁面中。

在 WordPress 中使用 JavaScript 和 PHP 庫的好處是什麼？

在 WordPress 中使用 JavaScript 和 PHP 庫可以極大地增強(qiáng)網(wǎng)站的功能和用戶體驗(yàn)。它們可以幫助簡化複雜的任務(wù)、提高性能並提供難以從頭實(shí)現(xiàn)的其他功能。

使用 WordPress 中的 JavaScript 和 PHP 庫是否存在任何風(fēng)險(xiǎn)？

雖然 JavaScript 和 PHP 庫可以提供許多好處，但如果使用不當(dāng)，它們也可能帶來風(fēng)險(xiǎn)。例如，使用過時(shí)或維護(hù)不善的庫可能會(huì)導(dǎo)致安全漏洞。此外，使用過多的庫可能會(huì)對(duì)網(wǎng)站的性能產(chǎn)生負(fù)面影響。因此，務(wù)必謹(jǐn)慎使用庫並使其保持最新狀態(tài)。

以上是WordPress使用的JavaScript和PHP庫的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！