如何製作 WordPress 外掛(入門分步教學)

WPressize Me

11/17/2023

開始製作你的第一個 WordPress 外掛需要什麼?

WordPress 外掛就像你的網站的應用程式。就像手機上的應用程式一樣,你可以在 WordPress 中安裝外掛以添加新功能。要了解有關 WordPress 外掛的更多資訊,請參閱我們的指南。你需要具備基本的程式語言知識,如 PHP、CSS、HTML 和 JavaScript。這可能聽起來很多,但不用擔心;你仍然可以按照我們的教學操作。為此,我們將堅持基礎知識,不會深入到進階的 WordPress 編碼技能。

其次,你需要一個本地開發環境來在你的電腦上測試 WordPress 外掛。你還需要一個純文字編輯器來編寫程式碼。準備好這些後,讓我們開始教程。你可以使用下面的快速連結跳轉到特定主題:

製作基本的 WordPress 外掛

第一步是在桌面或文件夾中建立新資料夾並命名,例如 wpb-plugin-tutorial 或 my-first-plugin。接下來,你需要在文字編輯器中建立一個新檔案並保存到你的外掛資料夾中,命名為 wpb-plugin-tutorial.php 或 my-first-plugin.php。重要的是 .php 擴展名,但你可以隨意命名該檔案。接下來,你需要在外掛檔案中加入外掛頭部資訊:

/*Plugin Name:  WPressize Me Plugin TutorialPlugin URI:   https://www.wpressize-me.comDescription:  A short little description of the plugin. It will be displayed on the Plugins page in WordPress admin area.Version:      1.0Author:       WPressize MeAuthor URI:   https://www.wpressize-me.comLicense:      GPL2License URI:  https://www.gnu.org/licenses/gpl-2.0.htmlText Domain:  wpb-tutorialDomain Path:  /languages*/

添加外掛頭部資訊後,你可以在其下方開始添加外掛程式碼。為了教程,我們將創建一個簡單的外掛,在每篇文章末尾添加一條訊息,要求用戶關注我們的 Twitter。

<?phpfunction wpb_follow_us($content) {if ( is_single() ) { $content .= '';}return $content;}add_filter('the_content', 'wpb_follow_us');?>

不要忘記在保存更改之前將 Twitter 和 Facebook 個人資料連結替換為你自己的。現在在電腦桌面上為外掛資料夾建立一個壓縮文件。Mac 用戶可以在資料夾上點擊右鍵並選擇‘壓縮 wpb-plugin-tutorial’。Windows 用戶可以右擊資料夾並選擇‘壓縮到 zip 檔’。

安裝並啟用你的第一個 WordPress 外掛

現在我們已經創建了外掛,該是安裝它來測試的時候了。前往網站的 WordPress 後台,訪問外掛 » 添加新頁面。你需要點擊頂部的‘上傳外掛’按鈕以上傳你的外掛。上傳後,記得啟用該外掛。現在你可以訪問你的網站查看外掛的效果。你將能夠在所有單篇文章的末尾看到新段落。

提交你的外掛到 WordPress.org 的外掛儲存庫

如果你希望你的外掛被其他 WordPress 用戶發現並使用,那麼你可以將它提交到 WordPress.org 的外掛儲存庫。要這樣做,首先,你需要為你的外掛創建一個‘Read Me’檔案。打開一個空白文字檔案並在你的外掛資料夾中保存為 readme.txt。這個 readme.txt 檔案需要符合 WordPress.org 的 readme 檔案語法。以下是一個供你參考的示例 readme.txt 檔案:

=== Your Plugin Name ===Contributors: WPressize MeTags: wpressize-me, plugin tutorialRequires at least: 6.0Tested up to: 6.2Stable tag: 1.0License: GPLv2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlA WordPress plugin to teach beginners how to write a WordPress plugin.

現在,你的外掛已準備好由 WordPress.org 的外掛團隊審核。一旦獲得批准,你將收到一封來自外掛團隊的電子郵件,內含你的外掛在 WordPress.org 上的 Subversion (SVN) 儲存庫連結。

使用 Subversion (SVN) 上傳你的外掛

Windows 用戶可以使用 SilkSVN 或 TortoiseSVN(免費)。Mac 用戶可以在他們的電腦上安裝 SmartSVN 或 Versions App。在此文章中,我們將展示 Versions App 的截圖,但其他 SVN 應用程式的流程類似。安裝後,你需要打開 Versions 應用程式,並檢出你的 WordPress 外掛儲存庫的副本。接下來,你需要將你的外掛檔案複製並粘貼到本地儲存庫的 trunk 資料夾中。

在 WordPress.org 上為你的外掛添加藝術作品

WordPress.org 允許你為外掛添加藝術作品和截圖。準備好所有藝術作品後,你可以將它們放入本地副本的 assets 資料夾中。最終,點擊提交按鈕將檔案上傳到 WordPress.org 儲存庫。不久後,你將能夠看到你的外掛頁面上的藝術作品。

學習 WordPress 外掛開發的終極指南

WordPress 外掛可以像我們展示的那個簡單,也可以非常強大,如電子商務外掛,會員外掛,聯繫表單或相片庫外掛。這裡有一些資源,將幫助你學習更多關於添加功能到 WordPress 外掛的方法:

  • 實用的 WordPress 程式碼片段入門
  • 在 WordPress 中添加短代碼
  • 現在可以在網站專用外掛中使用的 functions.php 文件技巧
  • 創建自定義文章類型和分類法
  • 在 WordPress 中正確添加樣式表和 JavaScript

我們希望這篇文章幫助你學會如何製作 WordPress 外掛。你可能還要看看這些必備的 WordPress 外掛並學習它們的原始碼,或參閱我們的指南來學習如何編碼網站。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。你還可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>