Come aggiungere menu e sottomenu nel pannello di amministrazione di WordPress

Pubblicato: 2024-09-06

Se 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.


Sommario
Cosa sono i menu e i sottomenu?
Come aggiungere un menu personalizzato
Come aggiungere un sottomenu
Aggiunta di sottomenu ai menu WordPress predefiniti
Conclusione

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.


WPOven Dedicated Hosting

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:

$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 WPOven _plugin_render_options_page per visualizzare il contenuto della pagina.

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.