Come aggiungere menu e sottomenu nel pannello di amministrazione di WordPress
Pubblicato: 2024-09-06Se hai finito con il menu predefinito del pannello di amministrazione di WordPress o desideri personalizzarlo secondo le tue esigenze
La navigazione nel pannello di amministrazione di WordPress può essere semplificata personalizzandolo con menu e sottomenu.
In questo post ti guideremo attraverso i passaggi per aggiungere menu e sottomenu utilizzando semplici snippet di codice.
Sia che tu voglia organizzare le impostazioni del plugin o creare opzioni personalizzate, l'aggiunta di menu può rendere la tua area di amministrazione di WordPress più personalizzata e facile da usare. Ma prima chiariamo alcune nozioni di base.
Cosa sono i menu e i sottomenu?
I menu sono gli elementi principali che generalmente noti nella barra laterale di amministrazione di WordPress, come “Articoli”, “Pagine” e “Impostazioni”.
Tuttavia, i sottomenu sono opzioni elencate nel menu principale. Ad esempio, in "Post" troverai sottomenu come "Tutti i post" e "Aggiungi nuovo". In breve, i sottomenu sono opzioni elencate sotto un menu principale.
Come aggiungere un menu personalizzato
Ora ti starai chiedendo come aggiungere un menu personalizzato nella dashboard di amministrazione di WordPress.
Beh, non è così complicato, devi semplicemente usare la funzione add_menu_page()
.
Ecco un semplice metodo passo passo che puoi seguire:
1. Apri il file functions.php
del tuo tema:
Puoi trovare questo file accedendo alla dashboard di WordPress, selezionando "Aspetto" > "Editor file tema" e selezionando il file functions.php
.
2. Aggiungi il seguente codice:
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. Salva le modifiche:
Dopo aver aggiunto il codice, salva il file functions.php
. Il tuo nuovo menu “Il mio plugin” dovrebbe ora apparire nella barra laterale di amministrazione di WordPress.
Come aggiungere un sottomenu
Se desideri aggiungere sottomenu di secondo livello al menu di amministrazione di WordPress sotto il tuo nuovo menu personalizzato, utilizza la funzione add_submenu_page()
. Ecco come:
1. Aggiungi il codice del sottomenu in functions.php
:
funzione custom_plugin_submenu() {
// Aggiunge prima il menu di livello superiore
aggiungi_menu_pagina(
'Il mio plugin personalizzato',
'Il mio plugin',
'gestisci_opzioni',
'il mio plugin',
'la mia_pagina_plugin'
);
// Aggiunta di sottomenu
add_submenu_page(
'my-plugin', // slug principale
"Aggiungi prodotto", // Titolo della pagina
'Aggiungi prodotto', // Titolo del sottomenu
'manage_options', // Funzionalità richiesta
'aggiungi prodotto', // slug del sottomenu
'add_product_page' // Funzione di richiamata
);
add_submenu_page(
'il mio plugin',
'Chi siamo',
'Chi siamo',
'gestisci_opzioni',
'chi siamo',
'chi_noi_pagina'
);
}
add_action('admin_menu', 'custom_plugin_submenu');
// Funzione di richiamata per il sottomenu 'Aggiungi prodotto'
funzione aggiungi_pagina_prodotto() {
echo '<h1>Aggiungi il tuo prodotto qui!</h1>';
}
// Funzione di richiamata per il sottomenu "Chi siamo".
funzione about_us_page() {
echo '<h1>Informazioni sul nostro plugin</h1>';
}
2. Salva il file:
I tuoi sottomenu “Aggiungi prodotto” e “Chi siamo” verranno ora visualizzati nel menu “Il mio plugin” nel pannello di amministrazione.
Punti chiave da ricordare
Menu Slug : questo è un identificatore univoco per il tuo menu. Dovrebbe essere in minuscolo e può includere trattini o trattini bassi.
Capacità: controlla chi può vedere il menu. Ad esempio, 'manage_options'
è solitamente riservato agli utenti amministratori e possono solo vederlo.
Posizione: determina dove appare il menu nell'elenco. È facoltativo ma aiuta a organizzare i menu.
Titolo della pagina : appare nella barra del titolo del browser quando si apre il menu o il sottomenu.
Titolo del menu : questo è il testo che appare nella barra laterale.
Funzione di richiamata : questa funzione viene eseguita quando si fa clic sul menu o sottomenu, visualizzandone il contenuto.
L'esempio sopra riguarda i menu personalizzati che abbiamo creato. Ma che dire dei menu esistenti nell'amministratore di WordPress?
Come puoi creare un sottomenu di secondo livello per il menu di amministrazione predefinito di WordPress? Ecco come:
Aggiunta di sottomenu ai menu WordPress predefiniti
In precedenza, abbiamo parlato di come aggiungere sottomenu ai menu personalizzati in WordPress. Ora vediamo come aggiungere sottomenu ai menu predefiniti esistenti in WordPress (come Dashboard, Post, Pagine, ecc.).
WordPress fornisce funzioni specifiche per aggiungere sottomenu a questi menu predefiniti:
– add_dashboard_page
: aggiunge un sottomenu nel menu "Dashboard".
– add_posts_page
: aggiunge un sottomenu nel menu "Articoli".
– add_media_page
: aggiunge un sottomenu nel menu "Media".
– add_links_page
: aggiunge un sottomenu nel menu "Link".
– add_pages_page
: aggiunge un sottomenu nel menu "Pagine".
– add_comments_page
: aggiunge un sottomenu nel menu "Commenti".
– add_theme_page
: aggiunge un sottomenu nel menu “Temi”.
– add_plugins_page
: aggiunge un sottomenu nel menu "Plugins".
– add_users_page
: aggiunge un sottomenu nel menu "Utenti".
– add_management_page
: aggiunge un sottomenu nel menu "Strumenti".
– add_options_page
: aggiunge un sottomenu nel menu "Impostazioni".
Tutte queste funzioni funzionano in modo simile. Capiamolo meglio con un semplice esempio: aggiungere un sottomenu sotto il menu “Impostazioni” utilizzando add_options_page()
.
Esempio: aggiunta di un sottomenu in Impostazioni
Per aggiungere un sottomenu in " Impostazioni ", puoi utilizzare la funzione add_options_page()
. Ecco una semplice ripartizione della funzione:
1 |
add_options_page ( $ page_title , $ menu_title , $ capability , $ menu_slug , $ function ) ; |
– $page_title
: il titolo della pagina quando la apri.
– $menu_title
: il nome visualizzato nella barra laterale sotto "Impostazioni".
– $capability
: chi può vedere questo sottomenu (come solo gli amministratori).
– $menu_slug
: un ID univoco per questo sottomenu.
– $function
: una funzione che visualizzerà il contenuto quando si fa clic sul sottomenu.
Ad esempio, utilizza questa funzione come di seguito:
add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');
– Questo codice aggiunge un sottomenu chiamato “ My Plugin ” nel menu “Impostazioni”.
– Sarà visibile solo agli utenti con la funzionalità " manage_options " (solitamente amministratori).
– Quando si fa clic, verrà eseguita la funzione
per visualizzare il contenuto della pagina.WPOven
_plugin_render_options_page
In questo modo puoi aggiungere sottomenu ai menu WordPress predefiniti, semplificando l'accesso alle impostazioni personalizzate o alle pagine che desideri aggiungere!
Leggi: Come riordinare le voci del menu di amministrazione in WordPress?
Conclusione
Aggiungere menu e sottomenu personalizzati in WordPress è un ottimo modo per personalizzare il tuo pannello di controllo secondo le tue esigenze.
E la parte migliore è che puoi implementare ed eseguire questa funzionalità in modo semplice con poche righe di codice. Questo ti aiuterà a creare un backend più organizzato e accessibile per te o per i tuoi clienti.
Quindi, seguendo attentamente questi passaggi, avrai un pannello di amministrazione personalizzato in pochissimo tempo. Se hai domande o feedback riguardo a questo post, menzionalo nella sezione commenti qui sotto.
Rahul Kumar è un appassionato di web e content strategist specializzato in WordPress e web hosting. Con anni di esperienza e l'impegno a rimanere aggiornato sulle tendenze del settore, crea strategie online efficaci che indirizzano il traffico, aumentano il coinvolgimento e aumentano le conversioni. L'attenzione ai dettagli e la capacità di creare contenuti accattivanti di Rahul lo rendono una risorsa preziosa per qualsiasi marchio che desideri migliorare la propria presenza online.