如何製作 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

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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