Tutoriel : Ajoutez des liens personnalisés à la toolbar de WordPress

Pour ce nouveau tutoriel, je vais vous montrer comment ajouter des liens personnalisés à la toolbar de WordPress. Raccourcis, liens vers d’autres sites, les possibilités sont vastes et les utilisations multiples pour vos sites.

Par défaut, WordPress affiche une toolbar en haut de votre site à tous les utilisateurs enregistrés. Vous pouvez bien évidement décider de ne pas l’afficher, ou de choisir à quel types d’utilisateurs vous souhaitez l’afficher, mais ce n’est pas aujourd’hui le sujet.

L’idée est ici est de vous permettre de mettre à profit l’espace disponible dans cette toolbar afin, par exemple, d’optimiser l’utilisation par vos éditeurs lorsque votre site est multi-auteur.

Ajouter un lien personnalisé dans la toolbar WordPress

Pour ajouter un lien dans la toolbar de WordPress, vous devez ouvrir votre fichier functions.php (ou un plugin que vous avez créé) et y copier/coller ce code :

// ajoute un lien vers Google Image à la toolbar WordPress
function custom_toolbar_link($wp_admin_bar) {
	$args = array(
		'id' => 'googleimage',
		'title' => 'Google Image',
		'href' => 'https://images.google.com',
		'meta' => array(
			'class' => 'googleimage',
			'title' => 'Rechercher sur Google Image'
			)
	);
	$wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);

Ce code ajoute un lien vers Google Images, utile lorsque vous avez besoin d’ajouter des illustrations à vos article par exemple. Il utilise la fonction add_node avec en argument un tableau. Pensez à remplacer les éléments id, title, href et meta pour qu’ils correspondent à vos besoins.

kune-fr-google-image

Ajouter un groupe de liens dans la toolbar

Maintenant que l’on a vu la technique pour ajouter un simple lien, voyons comment faire pour ajouter tout un groupe de liens. Voilà un exemple avec des liens utiles pour WordPress :

/*
* ajouter un groupe de liens dans la toolbar wordpress
*/

// Ajoute le lien parent et les liens enfants

function custom_toolbar_link($wp_admin_bar) {
	$args = array(
		'id' => 'kune',
		'title' => 'Kune',
		'href' => 'http://www.kune.fr',
		'meta' => array(
			'class' => 'kune',
			'title' => 'Visiter Kune.fr'
			)
	);
	$wp_admin_bar->add_node($args);

        // Ajouter un lien enfant
        $args = array(
		'id' => 'wptavern',
		'title' => 'WPTavern',
		'href' => 'http://www.wptavern.com',
		'parent' => 'kune',
		'meta' => array(
			'class' => 'wptavern',
			'title' => 'Visiter WPTavern.com'
			)
	);
	$wp_admin_bar->add_node($args);

        // Ajoute un lien enfant

	$args = array(
		'id' => 'wpbeginner-guides',
		'title' => 'Guides WPBeginner',
		'href' => 'http://www.wpbeginner.com/category/beginners-guide/',
		'parent' => 'kune',
		'meta' => array(
			'class' => 'wpbeginner-guides',
			'title' => 'Visiter les Guides WordPress Beginner'
			)
	);
	$wp_admin_bar->add_node($args);

        // Ajoute un lien enfant au lien enfant

        $args = array(
		'id' => 'codex',
		'title' => 'Codex WordPress',
		'href' => 'http://codex.wordpress.org/',
		'parent' => 'wptavern',
		'meta' => array(
			'class' => 'wptavern',
			'title' => 'Visiter le codex WordPress'
			)
	);
	$wp_admin_bar->add_node($args);

}

add_action('admin_bar_menu', 'custom_toolbar_link', 999);

kune-fr-wordpress
Dans cet exemple nous avons commencé par ajouter un lien personnalisé, le parent, puis nous avons ajouté des enfants, sur plusieurs niveaux en jouant sur l’attibut « parent ».

Avec ce tutoriel, vous devriez pouvoir créer des menus utiles, en fonction de vos besoins et de ceux de vos éditeurs. En espérant vous avoir été utile, n’hésitez pas à laisser vos remarques et suggestions en commentaire, et à nous dire ce que vous avez fait avec ces liens personnalisés.

Mat_

Au départ on sort avec un diplôme d’ingénieur de l’ESIL (devenu Polytech’Marseille) en Informatique, réseau et multimédia, spécialisé dans les Systèmes d’Informations et Services E-Business. En même temps on bosse, on développe, on apprend. Et maintenant on entreprend.Passionné de nouvelles technologies, et évangéliste de WordPress, j’aime découvrir, tester, rechercher.

Vous aimerez aussi...

Suivez Kune.fr sur les réseaux sociaux !

Kune.fr est votre site de ressources web. Vous y trouverez de nombreux outils utiles pour le web.
Alors n'hésitez plus, aimez notre page !

  • Ressources Wordpress, tutoriels, plugins et thèmes
  • Ressources design, packs d'icônes, kits UI ...
Fermer cette popup
%d blogueurs aiment cette page :