skip to Main Content

Comment ajouter un menu personnalisé à votre barre d’administrateur

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

WordPress 3.1 a introduit une API utilisable par les développeurs, avant il s’agissait juste d’une fonctionnalité WordPress.com, puis cela a été adopté sur le blog WordPress autonome. Cette barre d’administration ajoute une barre de menu supplémentaire à votre blog WordPress en fonction du niveau de l’utilisateur connecté (rôle). La dernière fois, nous vous avons donné des conseils sur la façon de désactiver la barre d’administration sur le blog WordPress, aujourd’hui nous vous apprendrons comment ajouter un menu personnalisé et des sous-menus à votre barre d’administration.

Nous allons dans ce tutoriel utiliser un code php que vous ajouterez dans un plugin. Nous vous avons présenté comment créer un plugin WordPress.

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Comment créer un menu sur la barre d’outils

Tout ce que vous avez à faire, c’est d’ajouter le code suivant :

function my_new_admin_bar_menu() {
	global $wp_admin_bar;
	$root_menu = array(
			'parent' => false, // Parent, si false, sera situé à la racine
			'id' => 'new_custom', // id du menu, doit être unique pour la racine.
			'title' => __('Menu Personnalisé'), // Menu / sub-menu title
			'href' => admin_url( 'my-new-menu.php'), // Menu URL
			'meta' => false // table des attributs : array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
			);
	$wp_admin_bar->add_menu( $root_menu );
}
add_action( 'wp_before_admin_bar_render', 'my_new_admin_bar_menu' );

Comment créer un sous-menu sur la barre d’outils

function my_new_admin_bar_menu() {
	global $wp_admin_bar;
	$root_menu = array(
			'parent' => false, // Parent, si false, sera situé à la racine
                    'id' => 'new_custom', // id du menu, doit être unique pour la racine.
                    'title' => __('Menu Personnalisé'), // Menu / sub-menu title
                    'href' => admin_url( 'my-new-menu.php'), // Menu URL
                    'meta' => false // table des attributs : array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
	$sub1 = array( 'parent' => 'new_custom', 'id' => 'new_custom1', 'title' => __('Sub1'), 'href' => admin_url( 'my-first-sub.php'), 'meta' => false );
	$sub2 = array( 'parent' => 'new_custom', 'id' => 'new_custom2', 'title' => __('Sub2'), 'href' => admin_url( 'my-second-sub.php'), 'meta' => false );
	$wp_admin_bar->add_menu( $root_menu );
	$wp_admin_bar->add_menu( $sub1 );
	$wp_admin_bar->add_menu( $sub2 );
}
add_action( 'wp_before_admin_bar_render', 'my_new_admin_bar_menu' );

En utilisant notre premier exemple, nous ajouterons deux sous-menus. Nous allons ajouter une valeur parente sur notre tableau afin qu’il soit un enfant de notre menu racine. Nous allons ajouter l’identifiant principal « new_custom » sur tous nos sous-menus, assurez-vous d’utiliser également une ID unique pour tous les sous-menus (new_custom1 et new_custom2). Assurez-vous d’appeler à nouveau la fonction « $wp_admin_bar->add_menu($ subX); » Sur tous les tableaux des sous-menu.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Comment ajouter des sous-menus aux menus existants

function my_new_sub_menu() {
 global $wp_admin_bar;
 $sub_menu = array(
 'parent' => 'new-content', // Ajoute un sous menu dans new-content (Nouveau)
 'id' => 'new_custom_sub', // ID du menu unique.
 'title' => __('Custom Sub Menu'), // Titre
 'href' => admin_url( 'my-new-sub-menu.php'), // URL du menu
 'meta' => false // tableau d'options: array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
 );
 $wp_admin_bar->add_menu( $sub_menu );
}
add_action( 'wp_before_admin_bar_render', 'my_new_sub_menu' );

Comme vous pouvez le voir, nous avons utilisé le nouveau contenu comme notre ID parent, ce sera sous le menu « Ajouter un nouveau » sur la liste native du menu de la barre d’administration WordPress. Tout comme dans ce deuxième exemple, nous définissons l’ID parent afin que ce soient les enfants du menu parent. Voici quelques identifiants de menu disponibles que vous pouvez utiliser.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [GRATUIT]

  • apparence – Menu Apparence
  • comments – Liens des commentaires
  • edit – Post/Page/Category/Tag modifier le menu
  • get-shortlink – Shortlink du menu de la page
  • my-blogs – Menu de mon site, si vous avez plus d’un site
  • new-content – Ajouter un nouveau menu
  • updates – Lien de mise à jour

C’est tout! Vous pouvez également l’utiliser dans votre prochain plugin WordPress, si vous souhaitez ajouter un menu administrateur pour vos paramètres. Vous devez simplement le configurer de manière à ce que votre plugin fonctionne.

Cet article comporte 0 commentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
4 Partages
Partagez2
Tweetez
Enregistrer2