En este tutorial vamos a ver cómo ocultar la barra de administración de WordPress a un usuario concreto, a un rol específico o a todos los usuarios identificados.
Admin bar en WordPress
La barra de administración de WordPress se muestra por defecto a cualquier usuario que inicie sesión en nuestra web. Esto puede resultar bastante útil pues nos permite acceder rápidamente a algunas de las opciones del escritorio de WordPress mientras estamos navegando por la página.
Pero también es cierto que otras veces puede resultar un poco molesta, por ejemplo si nos encontramos en la etapa de desarrollo de la web.
En ese caso podríamos preferir ocultarla y así visualizar el sitio tal y como lo vería cualquier usuario, sin ese extra. Así que vamos a ver de qué forma podemos ocultar dicha barra según nos interese. Veremos cómo hacerlo desde el propio panel de WordPress, con código y también con CSS. ¡Vamos allá!.
Ocultar barra de administración para un usuario concreto
Para hacerlo tenemos que ir al escritorio de WordPress, "Usuarios", y acceder al perfil del usuario que nos interese haciendo clic en "Editar".
Editar perfil de usuario
Veremos que hay varias opciones disponibles, y una de ellas es precisamente la que nos permite cambiar la visibilidad de la barra de herramientas / administración. Simplemente tendremos que desmarcar "Mostrar la barra de herramientas al ver el sitio", y guardar los cambios pulsando sobre "Actualizar perfil".
Ocultar barra de herramientas para usuario concreto
De esta forma el usuario que hayamos seleccionado dejará de ver la barra de administración cuando se identifique en el sitio, hablamos por supuesto de la barra del frontend, no de la que corresponde al escritorio de WordPress.
Esto lo podrán hacer tanto los propios usuarios desde la opción de menú "Perfil" que les aparecerá una vez se identifiquen en la página, como los administradores del sitio.
Cómo veis es fácil hacerlo cuando se trata de un usuario determinado, pero ¿qué pasa si queremos ocultar la barra de herramientas a todos los suscriptores? ¿y si queremos hacerlo con otro rol específico? Vamos a verlo en el siguiente punto.
Ocultar barra de administración a un rol específico
La forma más sencilla de ocultar la barra de herramientas de WordPress a un rol específico es mediante código. Si no manejáis muy bien el tema, podéis echar un vistazo al curso de PHP, donde además de comenzar la andadura hacia el desarrollo en WordPress, aprenderéis las mejores prácticas de programación para este CMS.
Pues bien, como hemos dicho, vamos a agregar unas líneas de código de manera que podamos ocultar la barra de administración a todos los usuarios que tengan un rol específico. En este caso pondremos un ejemplo con el rol suscriptor, pero podría ser cualquier otro.
Como hemos visto en otras ocasiones, este código podemos añadirlo de varias formas tal y como explicamos en el tutorial para añadir código en WordPress. Resumiendo, podríamos insertarlo en el archivo functions.php del tema que tengamos activo, también en un snippet usando el plugin Code Snippets, o incluso en un plugin de utilidades que hayamos creado previamente.
Esta última forma es la que os recomendamos y la que vamos a llevar a cabo en este caso ya que con este método si cambiamos de tema o bien, por lo que sea, la plantilla se actualiza, no perdemos las funcionalidades que hayamos programado.
Así que os aconsejamos crear un plugin de utilidades e ir añadiendo ahí las líneas de código que vayáis necesitando. Bueno, pues dicho todo esto, vamos a acceder al mismo desde el programa FTP que usemos y, con él desactivado, incluiremos el siguiente código. Después tendremos que guardar los cambios, y volver a activar el plugin desde el escritorio de WordPress para que surtan efecto.
//Ocultar admin bar a todos los suscriptores
add_action('after_setup_theme', 'bld_ocultar_admin_bar');
function bld_ocultar_admin_bar() {
if (current_user_can('subscriber')) {
add_filter( 'show_admin_bar', '__return_false' );
}
}
Como vemos, lo primero que hacemos es incluir la función personalizada "bld_ocultar_admin_bar" en el action hook "after_setup_theme" que se ejecuta justo después de configurar el tema.
A continuación definimos dicha función y, dentro de la misma, comprobamos si el usuario actual es suscriptor, en cuyo caso modificamos la visibilidad de la barra de administración y la ocultamos. Por cierto, donde dice "add_filter( 'show_admin_bar', '__return_false' );", también podríamos haber escrito "show_admin_bar(false);".
Ya veis que es bastante sencillo, y lo mismo podríamos hacer con otros roles. Si quisiéramos ocultar la barra de herramientas a todos los administradores, simplemente habría que sustituir en el código "subscriber" por "administrator", lo mismo para el resto.
Ocultar barra de administración a todos los usuarios
Bien, pues hemos visto cómo ocultar la admin bar del front-end a usuarios concretos y a un conjunto de usuarios con un rol específico. ¿Qué podemos hacer si queremos ocultarla a todos los usuarios?
En tal caso habría, al menos, un par de opciones posibles. La primera podría ser también con código, ¿adivináis cómo?.
Si habéis estado atentos a las líneas incluidas arriba, os habréis dado cuenta de que dentro de la función estamos comprobando si el usuario es suscriptor y, sólo cuando es así, ocultamos la barra.
Teniendo esta idea presente os resultará sencillo imaginar cuál sería la solución para esconder la barra de herramientas a todos los usuarios independientemente de su rol.
//Ocultar admin bar a todos los usuarios
add_action('after_setup_theme', 'bld_ocultar_admin_bar');
function bld_ocultar_admin_bar() {
add_filter( 'show_admin_bar', '__return_false' );
}
Sí, exacto. Lo único que tendríamos que hacer es eliminar la condición. De esta manera cualquier usuario que inicie sesión en nuestro sitio no verá la barra de administración. Pero esta no es la única forma, vamos a ver una más. No es tan recomendable como usar código PHP, pero la dejamos por aquí por si no la conocéis.
Hablamos de esconder la barra de herramientas usando CSS. Para ello tendríamos que hacer un pequeño cambio en la hoja de estilos del tema hijo que tengamos activo en WordPress, o también serviría incluir el código en el personalizador de temas, en "Apariencia/Personalizar/CSS Adicional", y publicar los cambios. Serían sólo tres líneas:
#wpadminbar {
display: none;
}
¡Y esto es todo! Ya veis que ocultar la barra de administración en WordPress es muy sencillo, seguro que en algún momento os resulta práctico.
Resumen y conclusión
Como hemos visto, podemos ocultar la barra de herramientas a un usuario concreto haciendo un pequeño ajuste en el perfil del mismo, al cual podemos acceder desde el escritorio de WordPress. Si nos interesa, también podemos cambiar la visibilidad de dicha barra a los usuarios que tengan un rol concreto, esto lo hemos visto usando código.
Ya sabéis que mediante programación podemos hacer lo que queramos, así que si os interesa aprender os recomendamos el curso de PHP o el de curso de Plugins de WordPress. Por último, si queremos ocultar la barra de administración a todos los usuarios, independientemente de su rol, podemos hacerlo por código o a través de CSS.
¡Y esto es todo! Esperamos que os haya resultado útil. Como siempre os recomendamos los cursos de boluda.com. Si os suscribís tendréis acceso al curso de PHP que acabamos de mencionar, así como a más de 5718 vídeos sobre WordPress, desarrollo, y muchos otros temas :)