Bagaimana untuk menambah fungsi menu berbilang peringkat pada pemalam WordPress

Cara menambah fungsi menu berbilang peringkat pada pemalam WordPress

Dalam WordPress, pemalam adalah bahagian penting dalam memperluaskan fungsi tapak web. Secara lalai, WordPress menyediakan beberapa ciri menu seperti menu navigasi atas dan menu bar sisi. Walau bagaimanapun, kadangkala kami perlu menambah fungsi menu berbilang peringkat tersuai pada pemalam kami untuk memudahkan pengguna mengakses pelbagai fungsi pemalam tersebut.

Artikel ini akan mengajar anda cara menambahkan fungsi menu berbilang peringkat pada pemalam WordPress dan memberikan beberapa contoh kod. Saya harap ia akan membantu kerja pembangunan pemalam anda.

Langkah 1: Buat halaman menu pemalam

Pertama, kita perlu mencipta halaman yang akan berfungsi sebagai menu pemalam. Dalam WordPress, ini boleh dicapai dengan memanggil fungsi add_menu_page(). add_menu_page() 函数来实现。

function my_plugin_menu_page() {
    add_menu_page(
        'My Plugin',     // 页面标题
        'My Plugin',     // 菜单标题
        'manage_options', // 用户权限
        'my-plugin',     // 菜单 slug
        'my_plugin_menu_callback', // 页面回调函数
        'dashicons-admin-plugins', // 菜单图标
        99 // 菜单位置
    );
}
add_action( 'admin_menu', 'my_plugin_menu_page' );

在上面的代码中，我们使用 add_menu_page() 函数创建了一个名为 "My Plugin" 的菜单页面。参数中的 my_plugin_menu_callback 是我们自定义的页面回调函数，用于渲染菜单页面的内容。

步骤二：添加子菜单项

如果我们想要添加多级菜单功能，可以使用 add_submenu_page() 函数来实现。下面是一个示例代码：

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page', // 子菜单标题
        'Submenu Page', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu', // 子菜单 slug
        'my_plugin_submenu_callback' // 页面回调函数
    );
}
add_action( 'admin_menu', 'my_plugin_submenu_page' );

在上面的示例代码中，我们使用 add_submenu_page() 函数创建了一个名为 "Submenu Page" 的子菜单项。参数中的 my_plugin_submenu_callback 是我们自定义的子菜单页面回调函数。

步骤三：自定义菜单页面的内容

现在，我们需要为菜单页面添加自定义的内容。下面是一个示例代码：

function my_plugin_menu_callback() {
    echo '<h1 id="My-Plugin-Menu">My Plugin Menu</h1>';
    echo '<p>Welcome to My Plugin Menu. You can add your content here.</p>';
}

function my_plugin_submenu_callback() {
    echo '<h1 id="Submenu-Page">Submenu Page</h1>';
    echo '<p>Welcome to Submenu Page. You can add your content here.</p>';
}

在上面的示例代码中，我们在页面回调函数中添加了一些简单的 HTML 内容。你可以根据自己的需求来自定义菜单页面的内容。

步骤四：添加更多子菜单项

如果我们需要添加多个子菜单项，可以重复调用 add_submenu_page() 函数。下面是一个示例代码：

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page 1', // 子菜单标题
        'Submenu Page 1', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu1', // 子菜单 slug
        'my_plugin_submenu_callback1' // 页面回调函数
    );

    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page 2', // 子菜单标题
        'Submenu Page 2', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu2', // 子菜单 slug
        'my_plugin_submenu_callback2' // 页面回调函数
    );
}

// 页面回调函数
function my_plugin_submenu_callback1() {
    echo '<h1 id="Submenu-Page">Submenu Page 1</h1>';
    echo '<p>Welcome to Submenu Page 1. You can add your content here.</p>';
}

function my_plugin_submenu_callback2() {
    echo '<h1 id="Submenu-Page">Submenu Page 2</h1>';
    echo '<p>Welcome to Submenu Page 2. You can add your content here.</p>';
}

在上面的代码中，我们使用 add_submenu_page() 函数分别创建了两个子菜单项，并分别指定了不同的子菜单 slug 和页面回调函数。

总结

通过上述步骤，我们可以为 WordPress 插件添加多级菜单功能。首先，通过 add_menu_page() 函数创建插件菜单页面；然后，通过 add_submenu_page()rrreee

Dalam kod di atas, kami menggunakan fungsi add_menu_page() untuk mencipta halaman menu bernama "My Plugin". my_plugin_menu_callback dalam parameter ialah fungsi panggil balik halaman tersuai kami, yang digunakan untuk memaparkan kandungan halaman menu.

Langkah 2: Tambah item submenu🎜🎜Jika kita ingin menambah fungsi menu berbilang peringkat, kita boleh menggunakan fungsi add_submenu_page() untuk mencapainya. Berikut ialah contoh kod: 🎜rrreee🎜Dalam kod sampel di atas, kami menggunakan fungsi add_submenu_page() untuk mencipta item submenu bernama "Halaman Submenu". my_plugin_submenu_callback dalam parameter ialah fungsi panggil balik halaman submenu tersuai kami. 🎜🎜Langkah 3: Sesuaikan kandungan halaman menu🎜🎜Kini, kita perlu menambah kandungan tersuai pada halaman menu. Berikut ialah contoh kod: 🎜rrreee🎜 Dalam contoh kod di atas, kami telah menambah beberapa kandungan HTML ringkas dalam fungsi panggil balik halaman. Anda boleh menyesuaikan kandungan halaman menu mengikut keperluan anda. 🎜🎜Langkah 4: Tambah lagi item submenu🎜🎜Jika kita perlu menambah berbilang item submenu, kita boleh memanggil fungsi add_submenu_page() berulang kali. Berikut ialah contoh kod: 🎜rrreee🎜Dalam kod di atas, kami menggunakan fungsi add_submenu_page() untuk mencipta dua item submenu masing-masing dan menentukan slug submenu yang berbeza dan fungsi panggil balik halaman. 🎜🎜Ringkasan🎜🎜Melalui langkah di atas, kami boleh menambah fungsi menu berbilang peringkat pada pemalam WordPress. Mula-mula, buat halaman menu pemalam melalui fungsi add_menu_page() kemudian, tambah item submenu melalui fungsi add_submenu_page() akhirnya, buat halaman menu untuk halaman menu melalui fungsi panggil balik halaman tersuai. 🎜🎜Semoga artikel ini dapat membantu anda melaksanakan fungsi menu berbilang peringkat dalam pembangunan pemalam WordPress. Ingatlah untuk mengikuti amalan terbaik dan prinsip keselamatan semasa membangunkan pemalam. 🎜

Atas ialah kandungan terperinci Bagaimana untuk menambah fungsi menu berbilang peringkat pada pemalam WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!