首頁 > CMS教程 > &#&按 > WordPress使用的JavaScript和PHP庫

WordPress使用的JavaScript和PHP庫

Lisa Kudrow
發布: 2025-02-17 09:13:09
原創
571 人瀏覽過

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-includeswp-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 中文件的結構,WordPress 代碼庫頁面將為您提供一些答案。 wp-includes 文件夾包含應用程序執行時包含的一些庫。此外,在 wp-admin 中,您會找到第二個 include 文件夾,它與第一個文件夾的作用相同。在這兩個文件夾中,您都會找到 PHP 和 JavaScript 文件。

第三方 PHP 庫以 class-*.php(單個文件)命名或位於其自己的文件夾中。其他名為 class-*.php 的 PHP 文件可能是 WordPress 文件(而非第三方文件)。 PHP 文件位於 wp-includewp-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

您可能會注意到,其中一些庫沒有鏈接。這是因為其中一些庫非常舊,並且存儲庫已不存在。讓我們逐一檢查它們。

jQuery 是一個著名的庫,無需介紹。

jQuery Masonry 是一個插件,它使創建像這樣的砌體佈局更容易:

JavaScript and PHP Libraries Used by WordPress 從頭開始創建這樣的佈局有點困難,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。以下是它使用的一些其他流行庫:

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

等等。

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

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

PHP 庫

PHP 庫的列表略有不同。我們看到 JavaScript 主要受 jQuery 和其他一些流行庫的影響。對於 PHP,情況有所不同,因為大多數第三方庫只是一個類(文件)。以下是當前第三方 PHP 庫的簡短列表:

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

公開討論

許多庫都有些過時。這時,關於架構等主題的討論往往會發生。我個人希望看到 Bower 和 Composer 與 WordPress 集成。我想就這些想法詢問 SitePoint 社區,並就如何改進 WordPress 開展公開討論。請在下面留下您的評論和想法。

結論

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

關於 WordPress 使用的 JavaScript 和 PHP 庫的常見問題

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

WordPress 使用多個 JavaScript 庫來增強其功能和用戶體驗。最常用的庫包括 jQuery、Backbone.js 和 Underscore.js。 jQuery 是一個快速、小巧且功能豐富的 JavaScript 庫,它簡化了 HTML 文檔遍歷、事件處理和動畫,從而可以快速進行 Web 開發。 Backbone.js 通過提供具有鍵值綁定和自定義事件的模型來為 Web 應用程序提供結構。 Underscore.js 是一個實用程序庫,它在不擴展任何核心 JavaScript 對象的情況下為常用的函數式編程提供支持。

PHP 庫如何增強 WordPress 功能?

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

如何在我的 WordPress 網站中添加 JavaScript?

有多種方法可以將 JavaScript 添加到您的 WordPress 網站中。最常用的方法之一是使用 wp_enqueue_script 函數。此函數在頁面中包含指定的 JavaScript 文件。另一種方法是將 JavaScript 代碼直接添加到您的主題文件中。但是,此方法應謹慎使用,因為如果操作不當,可能會導致問題。

WordPress 開發的一些最佳 PHP 庫是什麼?

有幾個 PHP 庫可以幫助 WordPress 開發。一些最流行的庫包括Guzzle(一個PHP HTTP 客戶端,它使發送HTTP 請求變得容易,並且易於與Web 服務集成);Carbon(一個簡單的PHP API 擴展,用於DateTime);以及Monolog(它有助於創建日誌)。

我可以在我的 WordPress 網站中使用第三方 JavaScript 庫嗎?

是的,您可以在 WordPress 網站中使用第三方 JavaScript 庫。但是,務必確保該庫不會與網站上任何現有的腳本衝突。此外,下載第三方庫時應始終使用受信任的來源,以避免安全問題。

如何更新 WordPress 網站中的 PHP 庫?

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

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

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

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

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

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

在 WordPress 中使用 JavaScript 和 PHP 庫可以極大地增強網站的功能和用戶體驗。它們可以幫助簡化複雜的任務、提高性能並提供難以從頭實現的其他功能。

使用 WordPress 中的 JavaScript 和 PHP 庫是否存在任何風險?

雖然 JavaScript 和 PHP 庫可以提供許多好處,但如果使用不當,它們也可能帶來風險。例如,使用過時或維護不善的庫可能會導致安全漏洞。此外,使用過多的庫可能會對網站的性能產生負面影響。因此,務必謹慎使用庫並使其保持最新狀態。

以上是WordPress使用的JavaScript和PHP庫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板