如何使用插件來創建 WordPress 插件 (快速簡易)

10/21/2023

您是否想使用插件來創建一個 WordPress 插件?對初學者而言,向 WordPress 添加程式碼可能會很困難。通過創建自定義 WordPress 插件,您可以在不冒風險的情況下添加程式碼。

在本文中,我們將向您展示如何使用另一個插件輕鬆創建自定義 WordPress 插件。

為什麼要在 WordPress 中使用插件來創建插件?

有大量的 WordPress 插件可供您擴展和自定義平台。您甚至可以從 GitHub 和其他第三方市場安裝插件。然而,有時您可能希望進一步在網站中添加自定義程式碼。

通常,WordPress 指南會要求您將自定義程式碼添加到functions.php文件中。然而,這對用戶不太友好,哪怕一個小錯誤也可能導致各種常見的 WordPress 錯誤。自定義程式碼甚至可能完全破壞您的網站。而且,當您下次更新 WordPress 主題時,您將失去所有自定義程式碼。因此,許多網站所有者會選擇創建自己的插件。

如果自定義插件導致問題,您可以像任何其他 WordPress 插件一樣禁用它。您也可以在不丟失自定義內容的情況下更新 WordPress 主題。

既然如此,讓我們來看看如何使用插件創建 WordPress 插件。只需使用下面的快速鏈結直接跳到您想要使用的方法:

方法 1:使用 WPCode 程式碼片段插件(推薦)

創建 WordPress 插件最簡單的方法是使用 WPCode。這個免費插件使您可以輕鬆地向 WordPress 添加自定義的 CSS、PHP、HTML 等等,而不會危及您的網站。

首先,您需要安裝並啟用 WPCode。欲了解更多信息,請參閱我們的逐步指南《如何安裝 WordPress 插件》。

之後,轉到 WordPress 儀表板中的Code Snippets > Add Snippet

在這裡,您會看到所有可以添加到網站中的預製程式碼片段,包括完全禁用評論、上傳 WordPress 不支持的文件類型、禁用附件頁面等等。

要創建插件,將鼠標懸停在Add Your Custom Code上,然後選擇Use snippet

步驟1:輸入程式碼標題及類型

首先,在標題中鍵入自定義插件的標題。這可以是任何能幫助您在 WordPress 儀表板中識別該程式碼的名稱。

WordPress 插件是使用 PHP 創建的,因此打開Code Type下拉菜單並選擇PHP

步驟2:輸入或粘貼程式碼

之後,您可以將程式碼粘貼到程式碼編輯器中。以下是一個簡單插件的例子,該插件在 WordPress 儀表板中顯示一個隨機事實。

<?php
/**
 * @package Random_Fact
 * @version 1.0
 */
/*
Plugin Name: 隨機事實
Plugin URI: 
Author: 
Version: 1.0
Author URI: 
*/

function get_fact() {
$fact = "有不同大小的無限大nBrontosaurus 從未存在過n金星上的一天比金星上的一年更長n數字的第八次冪是 zenzizenzizenzicn鯊魚早於樹木生存在地球上";
$fact = explode("n", $fact);
return wptexturize($fact[mt_rand(0, count($fact) - 1)]);
}

function hello_fact() {
$chosen = get_fact();
echo "<p id='fact'>$chosen</p>";
}
add_action('admin_notices','hello_fact');

function fact_css() {
$x = is_rtl() ? 'left' : 'right';
echo "
<style type='text/css'>
#fact {
float: $x;
padding-$x: 16px;
padding-top: 6px;
margin: 0;
font-size: 20px;
}
</style>
";
}
add_action('admin_head','fact_css');
?>

在程式碼框下方,您會看到一些插入選項。有兩個主要選項:自動插入和短碼(默認)。

如果選擇自動插入,WordPress 將自動插入並執行程式碼。選擇自動插入後,您可以告訴 WPCode 在 WordPress 管理區域、網站前端或所有地方執行程式碼。

如果選擇短碼,WPCode 不會自動插入片段。一旦保存片段,WPCode 將創建一個短碼,允許您將程式碼添加到任何頁面、帖子或小工具就緒區域。

在本例中,我們選擇自動插入。然後,打開位置下拉菜單並選擇僅管理員,這樣隨機事實將僅顯示在 WordPress 管理區域。

完成後,您可能需要為程式碼片段添加標籤。這有助於根據主題和功能組織自定義插件和程式碼片段。

當您準備發布自定義插件時,滾動到屏幕頂部,將不活動開關切換為活動

最後,單擊保存片段以使該片段生效。

現在,自定義插件將在您的 WordPress 網站上生效。

在我們的示例中,我們可以在管理區域中看到一個隨機事實。

有時,您可能希望停用自定義 WordPress 插件。該方法不會將您的自定義插件添加到插件 > 已安裝插件中,因此您需要停用程式碼片段。

只需前往程式碼片段 > 程式碼片段,找到您的插件,然後單擊開關,將其從藍色(活動)變為灰色(非活動)。

方法 2:使用 Pluginception(最適合創建獨立的 WordPress 插件)

您還可以使用 Pluginception 創建自定義插件。這個免費插件允許您隻需輸入一些基本信息,如插件名稱和版本號,即可創建一個新的空白插件。

與 WPCode 不同,Pluginception 將自定義插件添加到插件 > 已安裝插件頁面。這使其成為希望像管理其他插件一樣管理自定義插件的好選擇。

首先,您需要安裝並啟用該插件。欲了解更多信息,請參閱我們的初學者指南《如何安裝 WordPress 插件》。然後,轉到 WordPress 管理界面的插件 > 創建新插件

這將帶您進入一個可以輸入有關自定義插件信息的屏幕。您只需輸入一個標題,但盡可能多地添加信息是一個好主意,尤其是在您與他人共享儀表板的情況下。

例如,如果您擁有一個多作者的 WordPress 部落格或管理客座博客作者,那麼這些信息可以幫助其他作者了解該插件的作用。

當您對輸入的信息感到滿意時,單擊創建空白插件並啟用它!

這將帶您進入插件編輯器屏幕。您會看到 Pluginception 已經將所有信息添加到一個新的 PHP 文件中。

要創建插件,只需在文件底部輸入程式碼。另一個選擇是將網上的程式碼片段粘貼到程式碼編輯器中。

當您對輸入的程式碼感到滿意時,單擊更新文件按鈕。如果您的程式碼沒有錯誤,插件現在將在您的 WordPress 部落格或網站上生效。

如果程式碼中有錯誤,您將收到錯誤消息。在這種情況下,只需修正錯誤,然後單擊更新文件以使插件生效。

您現在可以像管理其他插件一樣激活、停用或刪除自定義插件。只需前往插件 > 已安裝插件,找到自定義插件,然後進行更改。

有時,您可能希望更改插件的程式碼。例如,您可能需要修復安全漏洞或添加缺失的功能。要更新插件,前往插件 > 插件文件編輯器

在這裡,打開選擇要編輯的插件下拉菜單,選擇您要編輯的插件。完成後,單擊選擇

您現在可以更改插件程式碼。當您對更改感到滿意時,只需單擊更新文件

現在,更新的插件將在您的網站上生效。

我們希望本文能幫助您了解如何使用插件來創建 WordPress 插件。接下來,您可能希望查看我們的指南《如何防止客戶禁用 WordPress 插件》或我們的專家挑選的《最佳移動應用程序來管理您的網站》。如果您喜歡這篇文章,請訂閱我們的YouTube 頻道以獲得 WordPress 視頻教程。您還可以在 TwitterFacebook 上找到我們。

共享數量: 18

分享推文

Facebook信使WhatsApp電子郵件



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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