WordPress プラグインのオプション インターフェイスを作成する方法

王林
リリース: 2023-09-05 18:21:38
オリジナル
1117 人が閲覧しました

WordPress プラグインのオプション インターフェイスを作成する方法

WordPress プラグインのオプション インターフェイスを作成する方法

WordPress プラグインを開発する場合、一般的なニーズは、ユーザーのカスタマイズを可能にする構成可能なオプション インターフェイスを作成することです。プラグインの。このようにして、ユーザーは自分のニーズに応じてプラグインの設定を調整し、使用習慣との一貫性を高めることができます。この記事では、WordPress プラグインのオプション インターフェイスを作成する方法を説明し、関連するコード例を示します。

まず、ユーザーが WordPress バックエンドでプラグイン オプション インターフェイスを見つけられるように、メニュー ページを作成する必要があります。次のコード スニペットをプラグインのメイン ファイルに追加します。

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');
ログイン後にコピー

上記のコードは、add_menu_page 関数を使用して新しいメニュー ページを作成します。このうち、最初のパラメータはページ タイトル、2 番目のパラメータはメニュー タイトル、3 番目のパラメータはユーザー権限 (オプション。管理者アクセスを許可するには、ここで manage_options に設定します)、4 番目のパラメータはインターフェイス識別子、5 番目のパラメーターはコールバック関数、最後のパラメーターはメニュー アイコン (オプション) です。

メニュー ページを作成した後、コールバック関数 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;
ログイン後にコピー

上記の手順を通じて、構成可能なオプション インターフェイスを正常に作成しました。ユーザーの選択内容は WordPress に保存されます。もちろん、実際の開発においては、必要に応じてオプションを追加して対応することも可能です。

要約すると、WordPress プラグインのオプション インターフェイスの作成は非常に簡単で、メニュー ページを作成し、対応する HTML コードとフォーム データを処理するコールバック関数を記述するだけです。このオプション インターフェイスを通じて、ユーザーはプラグインの動作を簡単にカスタマイズし、ユーザー エクスペリエンスを向上させることができます。上記の内容がお役に立てば幸いです。

以上がWordPress プラグインのオプション インターフェイスを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート