Personalizar la barra superior de WordPress

Es posible personalizar la barra superior de WordPress, también conocida como «Admin Bar», es una herramienta útil que permite a los administradores y usuarios acceder rápidamente a opciones importantes del sitio. Sin embargo, a medida que instalamos plugins y personalizamos nuestro WordPress, esta barra puede volverse abarrotada con elementos que no siempre son necesarios.

Si te has encontrado buscando una forma de limpiar esta barra, ocultando o eliminando elementos específicos como los generados por plugins (por ejemplo, W3 Total Cache o UpdraftPlus), este artículo es para ti. Exploraremos cómo personalizar la barra superior mediante código, identificando los nodos correctos, y qué hacer cuando ciertos elementos parecen resistirse a ser eliminados.

Resultado final

Antes de la modificación

Después de la modificación

Paso 1: obtener los IDs de los elementos

Para obtener el ID de cada elemento que quieres eliminar, haz clic derecho sobre el elemento a ocultar en la barra superior y selecciona inspeccionar (en Google Chrome). Otra alternativa es desde Google Chrome abrir las herramientas de desarrollador y seguir estos pasos:

1. Clic en el botón seleccionar.
2. Seleccionar el elemento que quieres ocultar.
3. El elemento li superior al que te selecciona es el ID a ocultar. Cópialo.

Paso 2: ocultar los elementos

Añade el siguiente código al archivo functions.php de tu tema o mediante un plugin de snippets:

add_action('admin_bar_menu', function($wp_admin_bar) {
    $wp_admin_bar->remove_node('w3tc');
}, 10000);

Recarga la página y comprueba que ya no se visualiza. Si algún plugin se resiste a desaparecer, intenta este otro método:

add_action('wp_before_admin_bar_render', function() {
    global $wp_admin_bar;

    // Elimina el nodo principal "updraft_admin_node"
    $wp_admin_bar->remove_node('updraft_admin_node');
}, 9999);

¿Te parece útil? Házmelo saber en comentarios…