Comment créer une interface d'options pour un plugin WordPress

Comment créer une interface d'options pour un plugin WordPress

Lors du développement de plugins WordPress, un besoin courant est de créer une interface d'options configurable pour permettre aux utilisateurs de personnaliser le comportement du plugin. De cette manière, les utilisateurs peuvent ajuster les paramètres du plug-in en fonction de leurs propres besoins pour le rendre plus cohérent avec leurs habitudes d'utilisation. Cet article décrira comment créer une interface d'options pour un plugin WordPress et fournira des exemples de code pertinents.

Tout d'abord, nous devons créer une page de menu afin que les utilisateurs puissent trouver notre interface d'options de plugin dans le backend WordPress. Ajoutez l'extrait de code suivant au fichier principal du plugin :

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');

Le code ci-dessus utilise la fonction add_menu_page pour créer une nouvelle page de menu. Parmi eux, le premier paramètre est le titre de la page, le deuxième paramètre est le titre du menu, le troisième paramètre est les autorisations utilisateur (facultatif, défini ici sur manage_options pour autoriser l'accès administrateur) et le quatrième paramètre est Le paramètre est l'identifiant de l'interface, le cinquième paramètre est la fonction de rappel et le dernier paramètre est l'icône de menu (facultatif). 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>';
}

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

$custom_plugin_option = get_option('custom_plugin_option');
echo '当前选项值为：' . $custom_plugin_option;

rrreee

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!