Создание меню с подменю для плагинов 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.

Для тестування фрагмента коду, заходимо на ваш тестовий сайт до папки шаблону, у файл 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. Думаю далі, якщо ви читали розділ «Для розробки плагінів», буде важко розібратися куди вставляти код для кожного пункту меню.

Услуги репетитора онлайн. Список курсов которые я веду