Jak dodać menu i podmenu w panelu administracyjnym WordPress

Jeśli skończyłeś z domyślnym menu panelu administracyjnego WordPress lub chcesz je dostosować zgodnie z wymaganiami

Nawigację po panelu administracyjnym WordPress można ułatwić, dostosowując go za pomocą menu i podmenu.

W tym poście przeprowadzimy Cię przez kolejne etapy dodawania menu i podmenu za pomocą prostych fragmentów kodu.

Niezależnie od tego, czy chcesz uporządkować ustawienia wtyczek, czy utworzyć niestandardowe opcje, dodanie menu może sprawić, że obszar administracyjny WordPress będzie bardziej dostosowany i przyjazny dla użytkownika. Ale najpierw wyjaśnijmy pewne podstawy.

Co to są menu i podmenu?

Menu to główne elementy, które zwykle zauważasz na pasku bocznym administratora WordPress, takie jak „Posty”, „Strony” i „Ustawienia”.

Podmenu to jednak opcje znajdujące się w menu głównym. Na przykład w sekcji „Posty” znajdziesz podmenu „Wszystkie posty” i „Dodaj nowy”. Krótko mówiąc, podmenu to opcje wymienione w menu głównym.

Jak dodać własne menu

Teraz musisz się zastanawiać, jak nawet dodać menu niestandardowe w panelu administracyjnym WordPress.

Cóż, nie jest to takie trudne, wystarczy po prostu użyć funkcji add_menu_page() .

Oto prosta metoda krok po kroku, którą możesz zastosować:

1. Otwórz functions.php motywu:

Możesz znaleźć ten plik, przechodząc do pulpitu nawigacyjnego WordPress, przechodząc do „Wygląd”> „Edytor plików motywu” i wybierając plik functions.php .

2. Dodaj następujący kod:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. Zapisz zmiany:

Po dodaniu kodu zapisz plik functions.php . Twoje nowe menu „Moja wtyczka” powinno teraz pojawić się na pasku bocznym administratora WordPress.

Jak dodać podmenu

Jeśli chcesz dodać podmenu drugiego poziomu menu administracyjnego WordPress do nowego menu niestandardowego, użyj funkcji add_submenu_page() . Oto jak:

1. Dodaj kod podmenu functions.php :

funkcja niestandardowa_plugin_submenu() {

// Najpierw dodam menu najwyższego poziomu

add_menu_page(

„Moja wtyczka niestandardowa”,

„Moja wtyczka”,

„zarządzaj opcjami”,

„moja wtyczka”,

„moja_strona_wtyczki”

);

// Dodawanie podmenu

add_submenu_page(

'my-plugin', // Ślimak nadrzędny

'Dodaj produkt', // Tytuł strony

„Dodaj produkt”, // Tytuł podmenu

'manage_options', // Wymagana zdolność

'add-product', // Ślimak podmenu

'add_product_page' // Funkcja wywołania zwrotnego

);

add_submenu_page(

„moja wtyczka”,

„O nas”,

„O nas”,

„zarządzaj opcjami”,

„o nas”,

„strona_o_nas”

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// Funkcja wywołania zwrotnego dla podmenu „Dodaj produkt”.

funkcja add_product_page() {

echo '<h1>Dodaj tutaj swój produkt!</h1>';

}

// Funkcja wywołania zwrotnego dla podmenu „O nas”.

funkcja about_us_page() {

echo '<h1>O naszej wtyczce</h1>';

}

2. Zapisz plik:

Twoje podmenu „Dodaj produkt” i „O nas” pojawią się teraz w menu „Moja wtyczka” w panelu administracyjnym.

Kluczowe punkty do zapamiętania

Menu Slug : Jest to unikalny identyfikator Twojego menu. Powinien być napisany małymi literami i może zawierać myślniki lub podkreślenia.

Możliwości: kontroluje, kto może zobaczyć menu. Na przykład 'manage_options' jest zwykle przeznaczona dla administratorów i oni mogą ją tylko zobaczyć.

Pozycja: określa miejsce wyświetlania menu na liście. Jest to opcjonalne, ale pomaga uporządkować menu.

Tytuł strony : pojawia się na pasku tytułu przeglądarki po otwarciu menu lub podmenu.

Tytuł menu : To jest tekst wyświetlany na pasku bocznym.

Funkcja wywołania zwrotnego : Ta funkcja uruchamia się po kliknięciu menu lub podmenu i wyświetla jego zawartość.

Powyższy przykład dotyczy niestandardowych menu, które stworzyliśmy. Ale co z istniejącymi menu w panelu administracyjnym WordPress?

Jak utworzyć podmenu drugiego poziomu dla domyślnego menu administracyjnego WordPress? Oto jak:

Dodawanie podmenu do domyślnych menu WordPress

Wcześniej rozmawialiśmy o tym, jak dodać podmenu do niestandardowych menu w WordPress. Zobaczmy teraz, jak dodać podmenu do istniejących domyślnych menu w WordPress (takich jak Pulpit nawigacyjny, Posty, Strony itp.).

WordPress zapewnia określone funkcje dodawania podmenu do tych menu domyślnych:

– add_dashboard_page : Dodaje podmenu w menu „Panel kontrolny”.

– add_posts_page : Dodaje podmenu w menu „Posty”.

– add_media_page : Dodaje podmenu w menu „Media”.

– add_links_page : Dodaje podmenu w menu „Linki”.

– add_pages_page : Dodaje podmenu w menu „Strony”.

– add_comments_page : Dodaje podmenu w menu „Komentarze”.

– add_theme_page : Dodaje podmenu w menu „Motywy”.

– add_plugins_page : Dodaje podmenu w menu „Wtyczki”.

– add_users_page : Dodaje podmenu w menu „Użytkownicy”.

– add_management_page : Dodaje podmenu w menu „Narzędzia”.

– add_options_page : Dodaje podmenu w menu „Ustawienia”.

Wszystkie te funkcje działają podobnie. Zrozumiemy to lepiej na prostym przykładzie: dodanie podmenu w menu „Ustawienia” za pomocą add_options_page() .

Przykład: dodanie podmenu w Ustawieniach

Aby dodać podmenu w „ Ustawieniach ”, możesz użyć funkcji add_options_page() . Oto prosty podział funkcji:

– $page_title : Tytuł strony po jej otwarciu.

– $menu_title : nazwa wyświetlana na pasku bocznym w sekcji „Ustawienia”.

– $capability : Kto może zobaczyć to podmenu (np. tylko administratorzy).

– $menu_slug : Unikalny identyfikator tego podmenu.

– $function : Funkcja wyświetlająca zawartość po kliknięciu podmenu.

Na przykład użyj tej funkcji jak poniżej:

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– Ten kod dodaje podmenu o nazwie „ Moja wtyczka ” w menu „Ustawienia”.

– Będzie widoczny tylko dla użytkowników z możliwością zarządzania opcjami (zazwyczaj administratorami).

– Po kliknięciu uruchomi się funkcja WPOven _plugin_render_options_page w celu wyświetlenia zawartości strony.

W ten sposób możesz dodać podmenu do domyślnych menu WordPress, ułatwiając dostęp do niestandardowych ustawień lub stron, które chcesz dodać!

Przeczytaj: Jak zmienić kolejność elementów menu administracyjnego w WordPress?

Wniosek

Dodawanie niestandardowych menu i podmenu w WordPress to świetny sposób na dostosowanie administratora według własnych upodobań.

A najlepsze jest to, że możesz łatwo zaimplementować i wykonać tę funkcję za pomocą kilku linijek kodu. Pomoże Ci to stworzyć bardziej zorganizowany i dostępny backend dla siebie lub swoich klientów.

Dokładnie wykonując te kroki, w mgnieniu oka będziesz mieć dostosowany panel administracyjny. Jeśli masz jakieś pytania lub uwagi dotyczące tego posta, napisz o tym w sekcji komentarzy poniżej.

Rahul

Rahul Kumar jest entuzjastą sieci i specjalistą ds. strategii treści, specjalizującym się w WordPressie i hostingu. Dzięki wieloletniemu doświadczeniu i zaangażowaniu w bycie na bieżąco z trendami branżowymi tworzy skuteczne strategie online, które generują ruch, zwiększają zaangażowanie i zwiększają konwersję. Dbałość Rahula o szczegóły i umiejętność tworzenia atrakcyjnych treści czyni go cennym nabytkiem dla każdej marki chcącej poprawić swoją obecność w Internecie.