WordPress 深度依賴第三方 JavaScript 和 PHP 庫,其中 jQuery 是使用最廣泛的 JavaScript 庫,PHP 庫主要由單個類文件組成。其他使用的 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 文件夾中。
雖然這些庫增強了 WordPress 的功能和用戶體驗,但許多庫都已過時,這引發了關於架構和潛在改進(例如 Bower 和 Composer 集成到 WordPress)的討論。了解這些庫可以使您更聰明、更高效地使用 WordPress,並可能為其核心做出貢獻。
幾乎所有現代軟件(包括 WordPress 等平台)都依賴於第三方庫。這是因為,作為開發人員,我們不需要重新發明輪子。
如果我必須開發使用 HTTP 抽象的軟件,我可能會使用 Symfony HttpKernel 或類似的包。如果我的軟件需要更多功能(順便說一句,不太可能,但讓我們在示例中假設這一點),我可以擴展該包,或者在最壞的情況下,從頭創建一個。從頭開始創建並非壞事。它實際上是一件好事,因為它能讓你成為更好的開發者。但是通常情況下,在大多數現代項目中,你都必須依賴第三方庫(或包)。在本文中,我們將研究 WordPress 使用的各種第三方 JavaScript 和 PHP 庫。
在 WordPress 中,第三方庫與 WordPress 文件一起存在。要更好地理解 WordPress 中文件的結構,WordPress 代碼庫頁面將為您提供一些答案。 wp-includes
文件夾包含應用程序執行時包含的一些庫。此外,在 wp-admin
中,您會找到第二個 include 文件夾,它與第一個文件夾的作用相同。在這兩個文件夾中,您都會找到 PHP 和 JavaScript 文件。
第三方 PHP 庫以 class-*.php
(單個文件)命名或位於其自己的文件夾中。其他名為 class-*.php
的 PHP 文件可能是 WordPress 文件(而非第三方文件)。 PHP 文件位於 wp-include
或 wp-admin/include
文件夾下。
JavaScript 文件也位於這些文件夾下,但它們分組在 js
文件夾中。
CSS 文件主要是 jQuery 或 TinyMCE CSS 文件,位於 include 文件夾下的 CSS 文件夾中。
讓我們從 JavaScript 庫開始。 WordPress 大量使用 jQuery。它使用:
您可能會注意到,其中一些庫沒有鏈接。這是因為其中一些庫非常舊,並且存儲庫已不存在。讓我們逐一檢查它們。
jQuery 是一個著名的庫,無需介紹。
jQuery Masonry 是一個插件,它使創建像這樣的砌體佈局更容易:
從頭開始創建這樣的佈局有點困難,jQuery Masonry 使這變得容易。
jQuery Hotkeys 處理瀏覽器的快捷鍵。如果您習慣使用 StackEdit.io 等工具,您可能會使用“ctrl s”(command s)在 gDrive 或其他雲提供商上保存文件。瀏覽器中默認的 (ctrl s) 快捷鍵可用於保存網頁,使用此插件您可以覆蓋這些默認快捷鍵。
jQuery Form 處理表單和 AJAX 調用。如果您好奇並想了解更多關於此插件的信息,您可以查看其文檔。
jQuery Color 由 WordPress 用於顏色操作和動畫。
jQuery("#go").click(function(){ jQuery("#block").animate({ backgroundColor: "#abcdef" }, 1500 ); });
第一行選擇具有 的元素,並告訴瀏覽器它應該在 1.5 秒內為具有 的元素設置背景顏色動畫。
jQuery Migrate 在處理早期 jQuery 代碼庫時可以幫助您。這對 WordPress 非常重要,因為它是一個應該向後兼容的平台。
事實上,向後兼容性是 WordPress 最著名的特性之一。另一方面,這也是 WordPress 的問題之一。 WordPress 於 2003 年發布,當時使用的 PHP 版本已經過時。如今,PHP 是一種現代語言,借鑒了其他語言的許多有用特性。但這又是另一個話題,留待以後的文章討論。
WordPress 還使用其他 JavaScript 庫,而不僅僅是 jQuery。以下是它使用的一些其他流行庫:
等等。
此列表中最著名的是 TinyMCE 和 Backbone。 TineMCE 用於在 WordPress 儀表板中撰寫新的帖子和頁面。
Backbone 是一個前端框架,事實上它是第一個框架之一。它今天仍在使用,但正在失去 Angular 和其他前端框架的大量市場份額。是的,我在對你說,Meteor。但別擔心,在 JavaScript 世界中,框架(庫)的被遺忘速度與其流行速度一樣快。
PHP 庫的列表略有不同。我們看到 JavaScript 主要受 jQuery 和其他一些流行庫的影響。對於 PHP,情況有所不同,因為大多數第三方庫只是一個類(文件)。以下是當前第三方 PHP 庫的簡短列表:
許多庫都有些過時。這時,關於架構等主題的討論往往會發生。我個人希望看到 Bower 和 Composer 與 WordPress 集成。我想就這些想法詢問 SitePoint 社區,並就如何改進 WordPress 開展公開討論。請在下面留下您的評論和想法。
在本文中,我們看到了 WordPress 使用的各種第三方庫。了解 WordPress 幕後使用的內容,您將對它的工作原理有更好的理解。您的理解越好,您就能更快、更有效地使用 WordPress。也許您甚至可以努力為 WordPress 核心做出貢獻。畢竟,這是開源的世界,我們互相學習並分享想法(代碼和比薩餅!)。
WordPress 使用多個 JavaScript 庫來增強其功能和用戶體驗。最常用的庫包括 jQuery、Backbone.js 和 Underscore.js。 jQuery 是一個快速、小巧且功能豐富的 JavaScript 庫,它簡化了 HTML 文檔遍歷、事件處理和動畫,從而可以快速進行 Web 開發。 Backbone.js 通過提供具有鍵值綁定和自定義事件的模型來為 Web 應用程序提供結構。 Underscore.js 是一個實用程序庫,它在不擴展任何核心 JavaScript 對象的情況下為常用的函數式編程提供支持。
PHP 庫是用於在 WordPress 中執行特定任務的類和函數的集合。它們通過提供預先編寫的代碼來執行常見任務來幫助增強 WordPress 的功能,從而節省開發人員的時間和精力。例如,PHPMailer 是一個代碼庫,用於通過 Web 服務器上的 PHP 代碼安全輕鬆地發送電子郵件。同樣,SimplePie 是一個可以讀取 RSS 和 Atom 提要的 PHP 庫。
有多種方法可以將 JavaScript 添加到您的 WordPress 網站中。最常用的方法之一是使用 wp_enqueue_script
函數。此函數在頁面中包含指定的 JavaScript 文件。另一種方法是將 JavaScript 代碼直接添加到您的主題文件中。但是,此方法應謹慎使用,因為如果操作不當,可能會導致問題。
有幾個 PHP 庫可以幫助 WordPress 開發。一些最流行的庫包括Guzzle(一個PHP HTTP 客戶端,它使發送HTTP 請求變得容易,並且易於與Web 服務集成);Carbon(一個簡單的PHP API 擴展,用於DateTime);以及Monolog(它有助於創建日誌)。
是的,您可以在 WordPress 網站中使用第三方 JavaScript 庫。但是,務必確保該庫不會與網站上任何現有的腳本衝突。此外,下載第三方庫時應始終使用受信任的來源,以避免安全問題。
可以通過下載最新版本的庫並將舊文件替換為新文件來更新 WordPress 網站中的 PHP 庫。但是,在進行任何更改之前,務必備份您的網站,以避免丟失任何數據。
有幾個 WordPress 插件可以幫助管理媒體文件。一些最流行的插件包括 WP Media Folder(允許您在文件夾中組織媒體文件)和 Smush(有助於優化和壓縮圖像)。
可以通過在 Gutenberg 編輯器中使用自定義 HTML 塊將 JavaScript 添加到 WordPress 帖子或頁面。只需將您的 JavaScript 代碼粘貼到塊中,它將在查看頁面時包含在頁面中。
在 WordPress 中使用 JavaScript 和 PHP 庫可以極大地增強網站的功能和用戶體驗。它們可以幫助簡化複雜的任務、提高性能並提供難以從頭實現的其他功能。
雖然 JavaScript 和 PHP 庫可以提供許多好處,但如果使用不當,它們也可能帶來風險。例如,使用過時或維護不善的庫可能會導致安全漏洞。此外,使用過多的庫可能會對網站的性能產生負面影響。因此,務必謹慎使用庫並使其保持最新狀態。
以上是WordPress使用的JavaScript和PHP庫的詳細內容。更多資訊請關注PHP中文網其他相關文章!