Que vous fassiez des sites WordPress pour des clients ou pour vous, il peut être pratique d’ajouter des liens personnalisés dans la barre d’administration de WordPress.

Pour rappel, c’est la barre tout en haut de votre site quand vous êtes connecté :

barre administration wordpress

Et bien que diriez-vous si vous pouviez très simplement ajouter des liens, un menu avec des sous-menus etc. vers des ressources personnalisées pour vos clients, ou encore vers d’autres fonctionnalités de votre site que vous utilisez fréquemment ?

Nous allons prendre un exemple concret en créant un menu avec deux sous-menus. Vous pourrez ensuite personnaliser ce snippet comme vous le voudrez.

Allez, c’est parti !

Commencez par ouvrir le fichier functions.php de votre thème enfant et copiez-collez le code suivant dedans :

// Menu personnalisé dans la barre d'administration de WordPress

add_action('admin_bar_menu', 'wpm_add_custom_items', 100); 

function wpm_add_custom_items($admin_bar){ 

// On définit d'abord notre menu principal
    $admin_bar->add_menu( array(  
        'id'    => 'mon-menu-perso',  // On défini l'identifiant du menu
        'title' => 'Mon menu perso',  // On défini le titre du menu
        'href'  => 'https://www.monsite.fr/ma-ressource',  // On défini le lien vers quoi pointera le menu
        'meta'  => array(  
            'title' => __('Mon menu perso'),             
        ),  
    ));  

// On définit un premier sous-menu
    $admin_bar->add_menu( array(  
        'id'    => 'mon-sous-menu',  
        'parent' => 'mon-menu-perso',  // On défini le menu parent
        'title' => 'Ajouter un plugin',  // Titre de mon sous menu
        'href'  => 'https://www.monsite.fr/wp-admin/plugin-install.php',  
        'meta'  => array(  
            'title' => __('Ajouter un plugin'),  
            'target' => '_blank',  // Cela signifie que le lien s'ouvrira dans un nouvel onglet
            'class' => 'menu-perso'  // On définit une class CSS si jamais on souhaite le personnaliser dans un second temps
        ),  
    )); 

// On définit un deuxieme sous-menu
    $admin_bar->add_menu( array(  
        'id'    => 'mon-second-sous-menu',  
        'parent' => 'mon-menu-perso',  
        'title' => 'Réglages WooCommerce',  
        'href'  => 'https://www.monsite.fr/wp-admin/admin.php?page=wc-settings',  
        'meta'  => array(  
            'title' => __('Réglages WooCommerce'),  
            'target' => '_blank',  
            'class' => 'menu-perso'  
        ),  
    ));  
}  

Ici, j’ai par exemple créé deux sous-menus :

  • le premier m’envoie vers la page d’ajout de plugin ;
  • le deuxième vers la page de réglages de WooCommerce.

Vous pouvez ainsi vous créer des liens vers les ressources que vous utilisez souvent et y accéder rapidement.

Voici le résultat en image:

menu perso admin wordpress

N’hésitez pas également à adapter ce code pour créer plus ou moins de sous-menus mais aussi d’autres menus.

Par exemple, si votre blog comporte plusieurs rédacteurs, vous pouvez inclure un lien vers une page ou un fichier PDF listant les bonnes pratiques concernant la rédaction.

Dites nous en commentaires ce que vous avez ajouté !

Source: WPCustoms