Створення меню із підменю для плагінів WordPreess

за Ніколаєнко Максим · Опубліковано Листопад 24, 2012 · Оновлено Серпень 8, 2018

Хочу показати приклад коду який я сам нещодавно знайшов і думаю він буде гарним доповненням до уроку “Створюйте плагін та меню панелі адміністратора з add_menu_page“. Поданий нижче фрагмент коду додає меню з підменю. Використовувати цей код можна як для розробки плагінів, так і для розробки власних тем WordPress.

Для тестування фрагмента коду, заходимо на ваш тестовий сайт до папки шаблону, у файл functions.php вставляємо код:

function theme_options_panel(){
  add_menu_page('Theme page title', 'Theme menu label', 'manage_options', 'theme-options', 'wps_theme_func');
  add_submenu_page( 'theme-options', 'Settings page title', 'Settings menu label', 'manage_options', 'theme-op-settings', 'wps_theme_func_settings');
  add_submenu_page( 'theme-options', 'FAQ page title', 'FAQ menu label', 'manage_options', 'theme-op-faq', 'wps_theme_func_faq');
}
add_action('admin_menu', 'theme_options_panel');
function wps_theme_func(){
                echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
                <h2>Theme</h2></div>';
}
function wps_theme_func_settings(){
                echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
                <h2>Settings</h2></div>';
}
function wps_theme_func_faq(){
                echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
                <h2>FAQ</h2></div>';
}

function theme_options_panel(){

add_menu_page('Theme page title', 'Theme menu label', 'manage_options', 'theme-options', 'wps_theme_func');

add_submenu_page( 'theme-options', 'Settings page title', 'Settings menu label', 'manage_options', 'theme-op-settings', 'wps_theme_func_settings');

add_submenu_page( 'theme-options', 'FAQ page title', 'FAQ menu label', 'manage_options', 'theme-op-faq', 'wps_theme_func_faq');

}

add_action('admin_menu', 'theme_options_panel');

function wps_theme_func(){

echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>

<h2>Theme</h2></div>';

}

function wps_theme_func_settings(){

echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>

<h2>Settings</h2></div>';

}

function wps_theme_func_faq(){

echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>

<h2>FAQ</h2></div>';

}

Після вставки коду у вас з'явиться меню Theme menu label і три подменю Theme menu label, Settings menu label, FAQ menu label. Думаю далі, якщо ви читали розділ “Для розробки плагінів”, буде не важко розібратися куди вставляти код для кожного пункту меню.

Послуги репетитора онлайн. Список курсів, які я веду

Базовий курс з веб-дизайну;
Верстка сайтів;
Загальний курс CMS WordPress та продовження курсу з розробки шаблонів;
Розробка сайтів на PHP.

Докладніше читайте на сторінці репетитор по WordPress

Створення меню із підменю для плагінів WordPress

за Ніколаєнко Максим · Опубліковано Листопад 24, 2012 · Оновлено Червень 5, 2022

Хочу показати приклад коду який я сам нещодавно знайшов і думаю він буде гарним доповненням до уроку “Створюйте плагін та меню панелі адміністратора з add_menu_page“. Поданий нижче фрагмент коду додає меню з підменю. Використовувати цей код можна як для розробки плагінів, так і для розробки тем WordPress.

function theme_options_panel(){
  add_menu_page('Theme page title', 'Theme menu label', 'manage_options', 'theme-options', 'wps_theme_func');
  add_submenu_page( 'theme-options', 'Settings page title', 'Settings menu label', 'manage_options', 'theme-op-settings', 'wps_theme_func_settings');
  add_submenu_page( 'theme-options', 'FAQ page title', 'FAQ menu label', 'manage_options', 'theme-op-faq', 'wps_theme_func_faq');
}
add_action('admin_menu', 'theme_options_panel');
function wps_theme_func(){
                echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
                <h2>Theme</h2></div>';
}
function wps_theme_func_settings(){
                echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
                <h2>Settings</h2></div>';
}
function wps_theme_func_faq(){
                echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
                <h2>FAQ</h2></div>';
}

function theme_options_panel(){

add_menu_page('Theme page title', 'Theme menu label', 'manage_options', 'theme-options', 'wps_theme_func');

add_submenu_page( 'theme-options', 'Settings page title', 'Settings menu label', 'manage_options', 'theme-op-settings', 'wps_theme_func_settings');

add_submenu_page( 'theme-options', 'FAQ page title', 'FAQ menu label', 'manage_options', 'theme-op-faq', 'wps_theme_func_faq');

}

add_action('admin_menu', 'theme_options_panel');

function wps_theme_func(){

echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>

<h2>Theme</h2></div>';

}

function wps_theme_func_settings(){

echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>

<h2>Settings</h2></div>';

}

function wps_theme_func_faq(){

echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>

<h2>FAQ</h2></div>';

}

Після вставки коду у вас з’явиться меню Theme menu label і три підменю Theme menu label, Settings menu label, FAQ menu label. Думаю далі, якщо ви читали розділ “Для розробки плагінів”, буде важко розібратися куди вставляти код для кожного пункту меню.

Послуги репетитора онлайн. Список курсів, які я веду