創建 WordPress 插件設置頁面 - 第 1 步：創建插件文件

已發表: 2022-09-27

創建 WordPress 插件設置頁面在本教程中，我們將創建一個 WordPress 插件設置頁面。這將允許我們將插件選項添加到 WordPress 管理區域。我們將使用 WordPress 2.7 中引入的設置 API。這個 API 可以很容易地將設置頁面添加到您的插件中。所以讓我們開始吧。第 1 步：創建插件文件首先，我們需要創建插件文件。我們將其命名為“my-plugin-settings.php”並將其放在我們的插件目錄中。我們需要做的第一件事是定義我們的插件。我們將通過將以下內容添加到我們的插件文件中來做到這一點： /* 插件名稱：我的插件設置插件 URI：http://example.com/my-plugin-settings 描述：這是一個插件，它將設置頁面添加到我們的插入。版本：1.0 作者：John Doe 作者 URI：http://example.com 許可：GPLv2 */ ? > 這將為我們的插件提供名稱、描述和一些其他信息。接下來，我們需要創建我們的插件設置頁面。

可以使用管理員訪問的設置頁面添加插件。在本文中，您將學習如何完成以下任務。最後，在文章的最後，我們將提到一個 GitHub 存儲庫，其中包含下面列出的功能，它是一個帶有簡單設置頁面的 WordPress 插件的工作版本。第一步是將 displayPluginAdminSettings 函數添加到您的類 plugins-name-configured-display.php 中。如果您有多個設置表單，此功能將確定您在哪個選項卡上，顯示 WordPress 可能有的任何通知，並指定您將用於顯示插件設置頁面的 PHP 文件。在第 4 步中，您將在 displayAdminTab 函數中包含對另一個名為 pluginNameSettingsMessages 的函數的引用。如果要在本地開發環境中編輯插件文件，可以使用 WordPress 管理儀表板。

製作插件父文件夾的副本並將其包含在 WordPress 安裝中。由於它的大小和範圍，上面的 registerAndBuildFields 函數要小得多且可讀性更強。作為這篇文章的結果，我們添加了這個功能，它允許您在插件設置中使用選擇框。

WordPress 插件樣板設置頁面

學分：SitePoint

WordPress 插件樣板設置頁面是開始開發 WordPress 插件的好方法。它為您的插件提供了一個起點，可以幫助您組織起來。它也是了解WordPress 插件開發的好方法。

WordPress 設置 API 已包含在 WordPress 2.7 中，允許開發人員在現有儀表板設置表單上註冊設置字段。您可以在使用此工具定義的部分中定義部分、頁面和字段。如何將設置頁面添加到 WordPress 插件？有許多包裝庫可幫助您為 WordPress 插件創建設置頁面。在以下示例中，我們通過將設置鏈接到它來創建一個組部分。然後必須使用 get_option('dbi_example_plugin_options') 和數組鍵定義需要啟用的設置。在開髮用於分發的插件或主題時，您不能依賴 ACF，因為它尚未安裝。

要了解有關使用 Carbon Fields 框架的更多信息，請參閱我們之前的文章。該框架使字段變得更加用戶友好變得非常簡單，例如將默認、最大值、最小值和最大值參數添加到“結果限制”字段。另一種選擇是通過 WordPress 生成器利用 WordPress.settings API。我們可以使用 WordPress 選項頁面生成器重新創建我們的設置頁面。作為傳統 admin-ajax.php 請求的替代方案，REST API 提供了性能優勢，並通過在刷新頁面時將表單設置保存在後台來改善用戶體驗。 Josh Pollock 在本文中將向您介紹如何使用 jQuery 和 REST API 構建設置頁面。接下來是 VueJS 驅動的設置頁面。

本文使用的代碼可用於將包直接安裝到 Composer 及其設置頁面中。當您使用 REST API 時，您可以在 WordPress 管理中執行大量 React 或 VueJS。我目前最喜歡的是 WP-optionskit，它有多個可用的設置選項卡和小節。為插件創建WordPress 設置頁面的方法是什麼？如果您有任何問題，請在評論中告訴我們。

WordPress 自定義設置插件

有許多可用於 WordPress 的出色自定義設置插件。每個都有其獨特的功能和優點。但是，一些常見功能包括自定義 WordPress 網站的外觀和感覺、添加新功能以及擴展現有插件的功能的能力。最終，為您的需求選擇正確的自定義設置插件將取決於您的特定目標和要求。

如何在 WordPress 設置中插入插件設置？ Knowband 博客專注於電子商務模塊。本博客的目的是解釋如何創建自定義插件的設置。必須添加插件的設置才能實施。您的插件文件夾可以在您的 Woo Commerce 站點的插件文件夾中找到。必須在您的插件目錄中創建一個新的 PHP 文件。在示例代碼中，我們將代碼從下面的選項頁面複製到 custom-plugin.php 文件中。執行此步驟後，您將能夠在 Word press 設置中看到自定義插件的選項，如下圖所示：在此步驟中，您必須創建一個表單，該表單將顯示自定義插件設置中的選項（字段）頁。

WordPress 自定義設置頁面

WordPress 自定義設置頁面是一個頁面，您可以在其中為您的 WordPress 站點添加自己的自定義選項。如果您想為您的主題或插件添加選項，或者如果您想為您的站點創建自定義控制面板，這可能會很有用。

我們將在這篇文章中介紹如何為 WordPress 創建新的自定義設置頁面。設置部分是 WordPress 設置 API 的一部分，允許開發人員通過標題組織他們的設置。此頁麵包含在上一篇文章中用於創建自定義管理頁面的代碼。由於上面的代碼，我們在上面的代碼中添加了一個新的設置部分。 settings_fields 函數不僅允許您向設置和輸入標記添加標記，而且還通過跟踪誰在創建設置和標記來增加安全性。在這種情況下，我們會將代碼包裝到一個名為 admin_init 的新函數中。當您嘗試保存設置時，可能會出現一些錯誤，例如找不到選項頁面。

因為我們還沒有在 WordPress 中註冊，所以我們還不能訪問 WordPress 數據庫來保存價值。使用 register_setting 函數，我們將在 WordPress 中設置我們的設置。 get_option 函數將返回已添加設置的保存值。

WordPress 設置頁面

設置選項卡位於 WordPress 管理側邊欄中，用作為 WordPress 網站的各個部分配置設置的中心樞紐。在此部分中可以找到多個子麵板，並且 WordPress 插件經常將其設置頁面作為菜單選項包含在“設置”選項卡下。當您單擊設置圖標時，您可以啟用它。這是一般畫面。

如果您不確定如何創建設置頁面，創建 WordPress 插件可能是一種有趣的體驗。我們有時認為，為所有人提供選擇是一件好事，儘管事實上可能有無數種選擇。最終，這些決定本質上是技術性的，是普通用戶無法做出的選擇。 WordPress 的設置 API 現在在 2.70 版本中可用。這些功能的目的是簡化設置頁面的創建。包含可用於定義哪些選項可用以及將使用哪個用戶界面來編輯每個選項的功能。因為最好的學習方式是通過示例，讓我們使用設置 API 創建我們的第一個設置頁面。

接下來的步驟是選擇將出現在我們的設置頁面中的每個選項。這可以使用兩種方法來完成：register_setting 和 add_settings_field。我們可以通過執行此語句來指定要從中保存設置的數據庫的名稱。此外，每個字段都包含一個函數引用，它告訴 WordPress 應該如何呈現它。設置頁面的創建相當簡單。您可以使用在線代碼生成器在設置頁面上輸入要使用的字段。在我們的示例中，回調可能與此類似。這個回調，根據它的指令，只返回它打算渲染的字段的值。