Heim > CMS-Tutorial > WordDrücken Sie > So erstellen Sie eine Optionsschnittstelle für ein WordPress-Plugin

So erstellen Sie eine Optionsschnittstelle für ein WordPress-Plugin

王林
Freigeben: 2023-09-05 18:21:38
Original
1120 Leute haben es durchsucht

So erstellen Sie eine Optionsschnittstelle für ein WordPress-Plugin

So erstellen Sie eine Optionsschnittstelle für ein WordPress-Plugin

Bei der Entwicklung von WordPress-Plugins besteht häufig die Notwendigkeit, eine konfigurierbare Optionsschnittstelle zu erstellen, damit Benutzer das Verhalten des Plugins anpassen können. Auf diese Weise können Benutzer die Einstellungen des Plug-Ins an ihre eigenen Bedürfnisse anpassen, um es besser an ihre Nutzungsgewohnheiten anzupassen. In diesem Artikel wird beschrieben, wie Sie eine Optionsschnittstelle für ein WordPress-Plugin erstellen und relevante Codebeispiele bereitstellen.

Zuerst müssen wir eine Menüseite erstellen, damit Benutzer unsere Plugin-Optionen-Schnittstelle im WordPress-Backend finden können. Fügen Sie den folgenden Codeausschnitt zur Hauptdatei des Plugins hinzu:

function custom_plugin_menu() {
  add_menu_page(
    '插件选项界面', // 页面标题
    '插件选项', // 菜单标题
    'manage_options', // 用户权限,可选
    'custom-plugin-options', // 界面标识符
    'custom_plugin_options_page', // 回调函数
    'dashicons-admin-generic' // 菜单图标,可选
  );
}
add_action('admin_menu', 'custom_plugin_menu');
Nach dem Login kopieren

Der obige Code verwendet die Funktion add_menu_page, um eine neue Menüseite zu erstellen. Darunter ist der erste Parameter der Seitentitel, der zweite Parameter der Menütitel, der dritte Parameter die Benutzerberechtigungen (optional, hier auf manage_options gesetzt, um Administratorzugriff zu ermöglichen) und der vierte Parameter Der Parameter ist die Schnittstellenkennung, der fünfte Parameter ist die Rückruffunktion und der letzte Parameter ist das Menüsymbol (optional). add_menu_page函数来创建一个新的菜单页面。其中,第一个参数为页面标题,第二个参数为菜单标题,第三个参数为用户权限(可选,这里设置为manage_options以允许管理员访问),第四个参数为界面标识符,第五个参数为回调函数,最后一个参数为菜单图标(可选)。

创建菜单页面后,我们可以在回调函数custom_plugin_options_page中编写选项界面的HTML代码,以及处理用户提交的表单数据。以下是一个示例代码:

function custom_plugin_options_page() {
  if (isset($_POST['custom_plugin_submit'])) {
    // 保存用户提交的表单数据
    update_option('custom_plugin_option', $_POST['custom_plugin_option']);
    echo '<div id="message" class="updated notice is-dismissible">
      <p>选项已保存</p>
      <button type="button" class="notice-dismiss">
        <span class="screen-reader-text">忽略此通知。</span>
      </button>
    </div>';
  }
  
  $custom_plugin_option = get_option('custom_plugin_option');
  
  echo '<div class="wrap">
    <h1>插件选项界面</h1>
    <form method="post" action="">
      <label for="custom_plugin_option">插件选项:</label>
      <input type="text" id="custom_plugin_option" name="custom_plugin_option" value="' . esc_attr($custom_plugin_option) . '" />
      <p class="submit">
        <input type="submit" name="custom_plugin_submit" class="button-primary" value="保存选项" />
      </p>
    </form>
  </div>';
}
Nach dem Login kopieren

以上代码首先检查是否有表单提交(通过检查$_POST['custom_plugin_submit']是否存在),如果有,则保存用户提交的表单数据到WordPress的options表中。然后,使用get_option

Nachdem wir die Menüseite erstellt haben, können wir den HTML-Code der Optionsschnittstelle in die Rückruffunktion custom_plugin_options_page schreiben und die vom Benutzer übermittelten Formulardaten verarbeiten. Das Folgende ist ein Beispielcode:

$custom_plugin_option = get_option('custom_plugin_option');
echo '当前选项值为:' . $custom_plugin_option;
Nach dem Login kopieren
Der obige Code prüft zunächst, ob eine Formularübermittlung vorliegt (indem überprüft wird, ob $_POST['custom_plugin_submit'] vorhanden ist), und wenn ja, speichert er die Formulardaten vom Benutzer an WordPress in der Tabelle options übermittelt. Verwenden Sie dann die Funktion get_option, um den gespeicherten Optionswert abzurufen und ihn als Standardwert des Formulars zu verwenden.

Schließlich können wir den folgenden Code verwenden, um den vom Benutzer in der Optionsschnittstelle festgelegten Optionswert abzurufen:

rrreee

Mit den oben genannten Schritten haben wir erfolgreich eine konfigurierbare Optionsschnittstelle erstellt und die Auswahl des Benutzers in WordPress gespeichert. Natürlich können wir in der tatsächlichen Entwicklung weitere Optionen hinzufügen und diese je nach Bedarf entsprechend behandeln. 🎜🎜Zusammenfassend lässt sich sagen, dass das Erstellen einer Optionsschnittstelle für ein WordPress-Plugin sehr einfach ist. Sie müssen lediglich eine Menüseite erstellen, den entsprechenden HTML-Code und eine Rückruffunktion schreiben, um die Formulardaten zu verarbeiten. Über diese Optionsschnittstelle können Benutzer das Verhalten des Plug-Ins einfach anpassen und das Benutzererlebnis verbessern. Ich hoffe, der obige Inhalt ist hilfreich für Sie! 🎜

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Optionsschnittstelle für ein WordPress-Plugin. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage