Añadir un menú personalizado a la barra de administración de WordPress

Descubre en este tutorial cómo introducir un menú personalizado en la barra de administración de WordPress mediante código.

En tutoriales anteriores te expliqué como personalizar el «admin bar» de WordPress añadiendo un enlace personalizado, mostrando el tema activo o indicar si la indexación está activa.

Pero si quieres añadir varios enlaces que quieras tener siempre a mano es mejor que los agrupes dentro de un menú, para no saturar la barra de administración con muchos elementos.

Este tutorial vas a aprender cómo añadir un menú personalizado a la barra de administración. Este sería el resultado:

Aquí tienes:

Snippet para agregar un menú personalizado al admin bar de WordPress

Añade el siguiente fragmento a tu plugin de funcionalidades:

En este código usa el gancho admin_bar_menu para añadir un menú llamado «Mi menú» que al pasar el ratón por encima mostrará 3 subelementos:

• Entradas: enlace directo al listado de entradas.
• Plugins: enlace directo al listado de plugins.
• Enlaces permanentes: enlace directo los ajustes de enlaces permanentes.

Este es un ejemplo que utilizo en varias webs, ya que son apartados que me viene bien tener a mano. Pero la gracia es que puedes modificar el snippet a tu gusto. Solo tienes que personalizar los siguientes argumentos del array:

• id: identificador del elemento de menú (obligatorio).
• parent: indicas el elemento padre del menú (solo en subelementos).
• title: el texto que se mostrará en la barra de administración.
• href: el enlace donde irá al hacer clic.
• meta: permite personalizar algunos parámetros extra (opcional).
  • title: el texto que se mostrará al hacer hover.
  • target: determina si el enlace se abre en la misma página o una nueva (si no está definido se abre en la misma).
  • class: clase de CSS que se añade al elemento.

Ahora ya puedes añadir ese enlace que consideres imprescindible para tenerlo siempre a mano. 😉

Tip: para modificar el argumento href solo tienes que visitar la URL que quieras que sea el destino y usar la parte después de /wp-admin/. Por ejemplo, la URL de los enlaces permanentes es https://tuweb.com/wp-admin/options-permalink.php y por eso añades admin_url( 'options-permalink.php').

También puedes jugar con la prioridad con la que se ejecuta el hook, para que se muestre más a la izquierda o a la derecha de la barra. En este caso usamos 50 para que quede bastante a la izquierda. Si quieres que se muestre más a la derecha puedes aumentar el número (100, 200…).

Conclusiones

¿Quieres añadir un menú personalizado a la barra de administración de WordPress? Ahora ya sabes cómo.

Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉

Tutoriales relacionados

• https://codigogenesis.com/anadir-enlace-personalizado-barra-administracion-wordpress/
• https://codigogenesis.com/mostrar-nombre-tema-activo-admin-bar-wordpress/
• https://codigogenesis.com/mostrar-aviso-admin-bar-wordpress-si-desactivada-indexacion/
• https://codigogenesis.com/crear-plugin-funcionalidades-wordpress/