Santi Navarro
Menu
  • INICIO
  • WORDPRESS
  • SOCIALMEDIA
  • YOUTUBE
  • SEO
  • RECURSOS
  • CONTACTO
Home
Wordpress
Personalizar el backend de WordPress (#wpadminbar)

Personalizar el backend de WordPress (#wpadminbar)

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 el diseño de 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' );
	}
}
?>

<?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 😉

Post anterior
Siguiente post

Artículos relacionados de Wordpress

Como instalar plugins en WordPress paso a paso

¿Cómo poner Google Adsense en WordPress?

¿Cómo poner Google Adsense en WordPress?

Google Translate, ¿cómo ofrecer traducciones de mi web?

Google Translate, ¿cómo ofrecer traducciones de mi web?

¿Cómo actualizar WordPress manualmente? | Guía rápida

¿Cómo actualizar WordPress manualmente? | Guía rápida


Los datos de los comentarios están seguros.

Responsable: Santi Navarro. Finalidad: Moderar los comentarios Legitimación: Consentimiento del Interesado. Destinatarios: Tus datos los guardará Disqus, el sistema que emplea esta web, que está acogido al acuerdo de seguridad EU-US Privacy. Derechos: podrás acceder, rectificar, limitar y suprimir tus datos.

ENTRADAS RECIENTES

  • Como eliminar comentarios desde la base de datos en WordPress
  • Como crear un botón para eliminar post o página en admin bar de WordPress
  • Cómo organizar las entradas de WordPress en categorías masivamente
  • Las Mejores Plantillas WordPress para Abogados Responsive
  • Tecnicas para ganar visibilidad en redes sociales gratis
  • Los mejores navegadores de internet para Android móvil y tablet
  • Mejores Plantillas de WordPress para Inmobiliaras y Agencias de Venta y Alquiler de Propiedades
  • Mejores Plantillas de WordPress para Empresas o Web Corporativa

Santi Navarro

Diseño web Wordpress, Posicionamiento web y Socialmedia

ARTÍCULOS SOBRE HOSTING

  • Hosting para Wordpress
  • Loading Alojamiento Web
  • Hosting Gratis

PLANTILLAS PARA WORDPRESS

  • Plantillas WordPress para Fotografía
  • Plantillas WordPress para Empresas
  • Plantillas WordPress para Abogados
  • Plantillas WordPress para Inmobiliarias
  • Plantillas WordPress para Restaurantes
  • Elegant Themes Plantillas Premium
  • Themeforest Envato Market

PUBLICACIONES

  • Página web barata
  • Descargar videos de Youtube sin programas
  • Como registrarse en Twitter fácilmente
  • Mejores Plantillas Responsive para Wordpress
  • Presupuesto Tienda Online
Copyright © 2023 Santi Navarro
Diseño web Wordpress en Valencia | Diseño web Gandia
Aviso legal - Política de privacidad - Uso de cookies - Mapa del sitio