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