Comment ajouter des menus et des sous-menus dans le panneau d'administration WordPress

Si vous en avez terminé avec le menu par défaut du panneau d'administration WordPress ou si vous souhaitez le personnaliser selon vos souhaits

La navigation dans le panneau d'administration WordPress peut être facilitée en le personnalisant avec vos menus et sous-menus.

Dans cet article, nous vous guiderons à travers les étapes pour ajouter des menus et des sous-menus à l'aide de simples extraits de code.

Que vous souhaitiez organiser les paramètres du plugin ou créer des options personnalisées, l'ajout de menus peut rendre votre zone d'administration WordPress plus personnalisée et conviviale. Mais d’abord, clarifions quelques notions de base.

Que sont les menus et sous-menus ?

Les menus sont les principaux éléments que vous remarquez généralement dans la barre latérale d'administration de WordPress, comme « Messages », « Pages » et « Paramètres ».

Cependant, les sous-menus sont des options répertoriées sous un menu principal. Par exemple, sous « Publications », vous trouverez des sous-menus tels que « Toutes les publications » et « Ajouter un nouveau ». En bref, les sous-menus sont des options répertoriées sous un menu principal.

Comment ajouter un menu personnalisé

Maintenant, vous devez vous demander comment ajouter un menu personnalisé dans le tableau de bord d'administration WordPress.

Eh bien, ce n’est pas si compliqué, il vous suffit d’utiliser la fonction add_menu_page() .

Voici une méthode simple, étape par étape, que vous pouvez suivre :

1. Ouvrez le fichier functions.php de votre thème :

Vous pouvez trouver ce fichier en accédant à votre tableau de bord WordPress, en accédant à « Apparence » > « Éditeur de fichiers de thème » et en sélectionnant le fichier functions.php .

2. Ajoutez le code suivant :

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. Enregistrez vos modifications :

Après avoir ajouté le code, enregistrez le fichier functions.php . Votre nouveau menu « Mon plugin » devrait maintenant apparaître dans la barre latérale d'administration de WordPress.

Comment ajouter un sous-menu

Si vous souhaitez ajouter un sous-menu de deuxième niveau au menu d'administration WordPress sous votre nouveau menu personnalisé, utilisez la fonction add_submenu_page() . Voici comment procéder :

1. Ajoutez le code du sous-menu dans functions.php :

fonction custom_plugin_submenu() {

// Ajout du menu de niveau supérieur en premier

add_menu_page(

'Mon plugin personnalisé',

'Mon plugin',

'manage_options',

'mon-plugin',

'ma_page_plugin'

);

// Ajout de sous-menus

add_submenu_page(

'mon-plugin', // slug parent

'Ajouter un produit', // Titre de la page

'Ajouter un produit', // Titre du sous-menu

'manage_options', // Capacité requise

'ajouter-produit', // Slug du sous-menu

'add_product_page' // Fonction de rappel

);

add_submenu_page(

'mon-plugin',

'À propos de nous',

'À propos de nous',

'manage_options',

'à propos de nous',

'à propos_de_nous_page'

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// Fonction de rappel pour le sous-menu 'Ajouter un produit'

fonction add_product_page() {

echo '<h1>Ajoutez votre produit ici !</h1>';

}

// Fonction de rappel pour le sous-menu 'À propos de nous'

fonction about_us_page() {

echo '<h1>À propos de notre plugin</h1>';

}

2. Enregistrez le fichier :

Vos sous-menus « Ajouter un produit » et « À propos de nous » apparaîtront désormais sous le menu « Mon plugin » dans le panneau d'administration.

Points clés à retenir

Menu Slug : Il s'agit d'un identifiant unique pour votre menu. Il doit être en minuscules et peut inclure des tirets ou des traits de soulignement.

Capacité : cela contrôle qui peut voir le menu. Par exemple, 'manage_options' est généralement destiné aux utilisateurs administrateurs et ils ne peuvent le voir.

Position : Détermine l'endroit où le menu apparaît dans la liste. C'est facultatif mais aide à organiser les menus.

Titre de la page : Ceci apparaît dans la barre de titre du navigateur lorsque vous ouvrez le menu ou le sous-menu.

Titre du menu : C'est le texte qui apparaît dans la barre latérale.

Fonction de rappel : Cette fonction s'exécute lorsque l'on clique sur le menu ou le sous-menu, affichant son contenu.

L'exemple ci-dessus concerne les menus personnalisés que nous avons créés. Mais qu’en est-il des menus existants dans l’administrateur WordPress ?

Comment pouvez-vous créer un sous-menu de deuxième niveau pour le menu d'administration WordPress par défaut ? Voici comment procéder :

Ajout de sous-menus aux menus WordPress par défaut

Auparavant, nous avons expliqué comment ajouter des sous-menus sous vos menus personnalisés dans WordPress. Voyons maintenant comment ajouter des sous-menus sous les menus par défaut existants dans WordPress (comme le tableau de bord, les publications, les pages, etc.).

WordPress propose des fonctions spécifiques pour ajouter des sous-menus à ces menus par défaut :

– add_dashboard_page : Ajoute un sous-menu sous le menu « Tableau de bord ».

– add_posts_page : Ajoute un sous-menu sous le menu « Posts ».

– add_media_page : Ajoute un sous-menu sous le menu « Média ».

– add_links_page : Ajoute un sous-menu sous le menu « Liens ».

– add_pages_page : Ajoute un sous-menu sous le menu « Pages ».

– add_comments_page : Ajoute un sous-menu sous le menu « Commentaires ».

– add_theme_page : Ajoute un sous-menu sous le menu « Thèmes ».

– add_plugins_page : Ajoute un sous-menu sous le menu « Plugins ».

– add_users_page : Ajoute un sous-menu sous le menu « Utilisateurs ».

– add_management_page : Ajoute un sous-menu sous le menu « Outils ».

– add_options_page : Ajoute un sous-menu sous le menu « Paramètres ».

Toutes ces fonctions fonctionnent de la même manière. Comprenons-le mieux avec un exemple simple : ajouter un sous-menu sous le menu « Paramètres » en utilisant add_options_page() .

Exemple : ajout d'un sous-menu sous Paramètres

Pour ajouter un sous-menu sous « Paramètres », vous pouvez utiliser la fonction add_options_page() . Voici une description simple de la fonction :

– $page_title : Le titre de la page lorsque vous l'ouvrez.

– $menu_title : Le nom qui apparaît dans la barre latérale sous « Paramètres ».

– $capability : Qui peut voir ce sous-menu (comme uniquement les admins).

– $menu_slug : Un identifiant unique pour ce sous-menu.

– $function : Une fonction qui affichera le contenu lorsque vous cliquerez sur le sous-menu.

Par exemple, utilisez cette fonction comme ci-dessous :

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

– Ce code ajoute un sous-menu appelé « Mon plugin » sous le menu « Paramètres ».

– Il ne sera visible que par les utilisateurs disposant de la capacité « manage_options » (généralement les administrateurs).

– Lorsque vous cliquez dessus, il exécutera la fonction WPOven _plugin_render_options_page pour afficher le contenu de la page.

C'est ainsi que vous pouvez ajouter des sous-menus aux menus par défaut de WordPress, facilitant ainsi l'accès aux paramètres personnalisés ou aux pages que vous souhaitez ajouter !

Lire : Comment réorganiser les éléments du menu d’administration dans WordPress ?

Conclusion

L'ajout de menus et de sous-menus personnalisés dans WordPress est un excellent moyen de personnaliser votre administration selon votre convenance.

Et la meilleure partie est que vous pouvez simplement implémenter et exécuter cette fonctionnalité avec quelques lignes de code. Cela vous aidera à créer un backend plus organisé et accessible pour vous-même ou vos clients.

En suivant attentivement ces étapes, vous disposerez d’un panneau d’administration personnalisé en un rien de temps. Si vous avez des questions ou des commentaires concernant cet article, veuillez le mentionner dans la section commentaires ci-dessous.

Rahul

Rahul Kumar est un passionné du Web et un stratège de contenu spécialisé dans WordPress et l'hébergement Web. Avec des années d'expérience et un engagement à rester au courant des tendances du secteur, il crée des stratégies en ligne efficaces qui génèrent du trafic, stimulent l'engagement et augmentent les conversions. L'attention portée aux détails et la capacité de Rahul à créer un contenu convaincant font de lui un atout précieux pour toute marque cherchant à améliorer sa présence en ligne.