Revista Informática

Personalizar el backend de WordPress (#wpadminbar)

Publicado el 03 junio 2014 por Santi Navarro @santiacn

El presente artículo es un complemento a un post anterior en el se trató cómo podemos personalizar nuestro backend de WordPress cargando CSS en función de la id del usuario y en función del página del backend que en ese momento se estaba mostrando.
Vimos cómo personalizar nuestro backend pero nos dejamos un apartado por tratar y éste hace referencia a la admin bar que se muestra en la previsualización de nuestro sitio cuando estamos logueados. En la siguiente imagen lo vemos más claro.
personalizar-barra-superior

En el anterior post empleamos la variable global $pagenow que nos facilita WordPress para identificar las páginas del backend propias de nuestro CMS. Ahora, por otro lado, si nos fijamos en la URL en la previsualización de nuestra web (cuando hacemos clic en la opción de Visitar sitio del backend) se nos muestra la URL de nuestro blog, sin hacer referencia a ninguna página del backend de WordPress, por lo que vamos a optar por escoger otro camino para poder añadir un CSS y así personalizar dicha barra.


Lógicamente la barra se muestra únicamente cuando estamos logueados, bien pues eso nos da una pista. Lo que vamos a hacer será cargar un CSS si estamos logueados, WordPress nos facilita una función muy interesante que comprueba si el usuario está logueado y es la función is_user_logged_in().

Otra de las variables que comprobaremos será la ID del usuario continuado con el criterio del post anterior y para cargar el CSS nos apoyaremos en la función wp_register_style.

La función que vamos a emplear la añadiremos al plugin que creamos en el primer artículo así como el CSS.


Bien, nuestra función quedaría del siguiente modo:

<?php
// Función que remplaza los estilos en el wpadminbar en la prevsiualización de la página si el usuario está logueado.
add_action( 'wp_enqueue_scripts', 'registra_estilos_adminbar' );
/**
 * Registrando la hoja de estilo.
 */
function registra_estilos_adminbar() {
	global $current_user;
	get_currentuserinfo();
	if ( is_user_logged_in()&($current_user->ID != 1)) {
	wp_register_style( 'css-adminbar', plugins_url( 'admin-escritorio/cssadminbar.css' ) );
	wp_enqueue_style( 'css-adminbar' );
	}
}
?>

Vemos que nuestra función comprueba si el usuario está logueado y si su ID es diferente a la ID=1, de esta forma si nuestras comprobaciones son exitosas cargará el CSS en la cabecera.

Finalmente deberemos ir añadiendo las reglas que deseemos a nuestro CSS, si deseamos ver si está cargando nuestro CSS antes de añadir ninguna regla, estando logueados vamos a la opción Visitar sitio. Una vez estemos previsualizando nuestro sitio podemos examinar entre las etiquetas head si está cargando nuestro CSS con cualquier herramienta de inspección de código.

Pues hasta aquí el post de hoy, espero que os sea de utilidad y os facilite la personalización del backend. Muchas gracias por vuestro tiempo y un saludo, añadir que si os ha gustado estais invitados a compartirlo

;)


Volver a la Portada de Logo Paperblog