Cómo añadir elementos a la barra de administración de WordPress

La barra de herramientas de admin de WordPress es tremendamente práctica, pues te permite acceder rápidamente a zonas de la administración de tu WordPress desde cualquier pantalla, incluso mientras estás viendo tu web.

Por defecto, no solo te permite cambiar rápidamente de la administración a la portada de tu web, también te ayuda a añadir nuevas entradas rápidamente, editar una que estés viendo, modificar tu perfil de usuario, y con el paso de los plugins más cosas.

Pero esto ya lo sabías ¿verdad?

Lo que quizás no sabías es que puedes añadir a la barra de herramientas de admininstración de WordPress más elementos, personalizados según tus necesidades, y es bastante fácil de conseguir.

Cómo añadir un elemento a la barra de admin de WordPress

Por ejemplo, para añadir un nuevo elemento a la barra de admin que lleve directamente a la pantalla de salud del sitio de WordPress el código que necesitarías sería así:

/* Salud del sitio en barra admin wp */
add_action( 'admin_bar_menu', 'ayudawp_nuevo_elemento_admin', 999 );
function ayudawp_nuevo_elemento_admin( $wp_admin_bar ) {
	$args = array(
		'id'    => 'salud_en_menu',
		'title' => 'Salud del sitio',
		'href'  => admin_url() . 'site-health.php',
	);
	$wp_admin_bar->add_node( $args );
}

Este código puedes añadirlo al final del archivo functions.php del tema activo o a un plugin que tengas para personalizar aspectos de WordPress, como siempre.

Y, mágicamente, aparecerá el nuevo elemento en tu barra de admin.

Y, por supuesto, al hacer clic te llevará a la herramienta de salud del sitio.

Chulo y práctico ¿eh?

La magia ocurre gracias a la función add_node(). En el Codex tienes todos los elementos básicos que puedes usar.

Para añadir tus nuevos elementos a la barra de admin tienes que usar el gancho admin_bar_menu, y en el ejemplo he utilizado la prioridad de 999 para que mi nuevo elemento sea el último de la barra de herramientas, un toque básico de personalización.

¿Nos animamos un poco?

Cómo añadir un menú desplegable a la barra de admin de WordPress

Un paso más sería crear nuestro propio menú en la barra de herramientas de admin de WordPress, con subelementos que lleven a algunas páginas que queramos tener a mano fácilmente desde cualquier parte.

Lo mejor de hacerlo así es que si quieres añadir varios elementos no ocuparás toda la barra de admin, solo se mostrará un menú, con los elementos desplegables.

Esto lo ves a menudo con los menús que añaden plugins como Yoast SEO y otros.

Pues bien, en este caso usaríamos un código así:

/* Menu personalizado desplegable para RGPD en barra admin de wp */
add_action( 'admin_bar_menu', 'menu_rgpd_admin', 999 );

function menu_rgpd_admin( $wp_admin_bar ) {
	$args = array(
		'id'    => 'menu_privacidad',
		'title' => 'Privacidad',
		'href'  => admin_url() . 'options-privacy.php',
	);
	$wp_admin_bar->add_node( $args );

	$args = array(
		'id'    => 'salud_del_sitio',
		'title' => 'Salud del sitio',
		'href'  => admin_url() . 'site-health.php',
		'parent' => 'menu_privacidad'
	);
	$wp_admin_bar->add_node( $args );

	$args = array(
		'id'    => 'exportar_datos',
		'title' => 'Exportar datos personales',
		'href'  => admin_url() . 'export-personal-data.php',
		'parent' => 'menu_privacidad'
	);
	$wp_admin_bar->add_node( $args );

	$args = array(
		'id'    => 'borrar_datos',
		'title' => 'Borrar datos personales',
		'href'  => admin_url() . 'erase-personal-data.php',
		'parent' => 'menu_privacidad'
	);
	$wp_admin_bar->add_node( $args );

}

En este ejemplo he creado un menú en el que acoger ajustes de privacidad de la web, para cumplir con mis obligaciones con la RGPD, en el que el elemento principal lleva a los ajustes de privacidad, y en el submenú he incluido enlaces a la salud del sitio, y a las herramientas de exportación y borrado de datos personales de usuarios.

El menú quedaría así de mono…

Y lo mejor es que estará disponible en todo momento desde la barra de herramientas de administración de WordPress, a mi servicio, o al tuyo.

Como habrás visto en el código (y sino te fijas ahora) se usa el parámetro parent para configurar las listas jerárquicas de enlaces.

La cadena que uses en el parámetro parent tendrá que ser, lógicamente, un id que ya hayas definido previamente.

¡Pues ya está!

Te dejo este ejercicio de tarea para el fin de semana, para que te animes y aprendas algo más a personalizar tu WordPress.

Este tipo de menús personalizados son una pequeña joya que, sobre todo cuando haces webs para clientes, aportan un plus de gusto por el detalle, que tus clientes suelen apreciar.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(11 votos, promedio: 4.7)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido