Rumah  >  Artikel  >  Tutorial CMS  >  Bagaimana untuk mencipta antara muka pilihan untuk pemalam WordPress

Bagaimana untuk mencipta antara muka pilihan untuk pemalam WordPress

王林
王林asal
2023-09-05 18:21:381107semak imbas

Bagaimana untuk mencipta antara muka pilihan untuk pemalam WordPress

Cara Membuat Antara Muka Pilihan untuk Pemalam WordPress

Apabila membangunkan pemalam WordPress, keperluan biasa ialah mencipta antara muka pilihan boleh dikonfigurasikan untuk membolehkan pengguna menyesuaikan tingkah laku pemalam. Dengan cara ini, pengguna boleh melaraskan tetapan pemalam mengikut keperluan mereka sendiri untuk menjadikannya lebih konsisten dengan tabiat penggunaan mereka. Artikel ini akan menerangkan cara membuat antara muka pilihan untuk pemalam WordPress dan memberikan contoh kod yang berkaitan.

Pertama, kami perlu mencipta halaman menu supaya pengguna boleh mencari antara muka pilihan pemalam kami di bahagian belakang WordPress. Tambahkan coretan kod berikut pada fail utama pemalam:

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

Kod di atas menggunakan fungsi add_menu_page untuk mencipta halaman menu baharu. Antaranya, parameter pertama ialah tajuk halaman, parameter kedua ialah tajuk menu, parameter ketiga ialah kebenaran pengguna (pilihan, tetapkan di sini untuk manage_options untuk membenarkan akses pentadbir), dan parameter keempat ialah Parameter ialah pengecam antara muka, parameter kelima ialah fungsi panggil balik, dan parameter terakhir ialah ikon menu (pilihan). 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

Selepas mencipta halaman menu, kami boleh menulis kod HTML antara muka pilihan dalam fungsi panggil balik custom_plugin_options_page dan memproses data borang yang diserahkan oleh pengguna. Berikut ialah contoh kod:

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

Kod di atas mula-mula menyemak sama ada terdapat penyerahan borang (dengan menyemak sama ada $_POST['custom_plugin_submit'] wujud), dan jika ya, simpan data borang diserahkan oleh pengguna kepada WordPress dalam jadual options. Kemudian, gunakan fungsi get_option untuk mendapatkan nilai pilihan yang disimpan dan gunakannya sebagai nilai lalai borang.

Akhir sekali, kami boleh menggunakan kod berikut untuk mendapatkan nilai pilihan yang ditetapkan oleh pengguna dalam antara muka pilihan:

rrreee

Dengan langkah di atas, kami telah berjaya mencipta antara muka pilihan boleh dikonfigurasikan dan menyimpan pilihan pengguna ke WordPress. Sudah tentu, dalam pembangunan sebenar, kita boleh menambah lebih banyak pilihan dan mengendalikannya dengan sewajarnya mengikut keperluan. 🎜🎜Untuk meringkaskan, mencipta antara muka pilihan untuk pemalam WordPress adalah sangat mudah Anda hanya perlu mencipta halaman menu, menulis kod HTML yang sepadan dan fungsi panggil balik untuk memproses data borang. Melalui antara muka pilihan ini, pengguna boleh menyesuaikan tingkah laku pemalam dengan mudah dan meningkatkan pengalaman pengguna. Semoga kandungan di atas dapat membantu anda! 🎜

Atas ialah kandungan terperinci Bagaimana untuk mencipta antara muka pilihan untuk pemalam WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn