Tanto si eres un loco de las personalizaciones como si quieres ofrecer un servicio totalmente adaptado a tus clientes seguramente te gustará este truco para sustituir el logo de WordPress en la cabecera del escritorio por un logo a tu elección.
Solo conlleva un par de pasos, y solo uno es en WordPress, a saber …
- Elabora un logo de fondo trasparente (en gif o png) y con un alto máximo de 31 pixels, a partir de la imagen corporativa de tu cliente o de tu propio diseño
- Añade el siguiente código al fichero
functions.php
de tu tema activo://cambia logo de cabecera add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/logo-cliente.png) !important; } </style> '; }
En el ejemplo se guarda el logo del cliente en la carpeta
'/images/'
del directorio del tema activo ('template_directory'
), pero puedes definir cualquier otra ruta a tu elección.
Una vez guardes los cambios en el fichero funcions.php
ya tendrás tu escritorio personalizado.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Gracias por el dato!
Seguro que le será útil a más de algún usuario (incluyendome) 😉
Saludos!
Es mejor sustituir las imagenes .gif y no añadir más carga a Wordpress de la que tiene. Es solo una opinión.
Saludos!
Ya, pero si sustituyes la imagen tienes que acordarte en cada actualización porque estás tocando un fichero "core" aunque no lo parezca. Y vamos, que un gif de "cero coma" kbs no va a ser el problema de rendimiento de un sitio ¿no crees?
Totalmente de acuerdo no pensé en eso. Además que es bastante útil como pone en el ejemplo lo de una imagen corporativa de tu cliente. Que a la hora de actualizar remplazara el .gif como indicas y es mejor este añadido en functions.php para no tocar ficheros del "core".
Saludos!
Pingback: uberVU - social comments
Buen Tips,
Ahora, podría ocupar algo así para wordpressMU, dando la posibilidad de que cada uno de mis clientes que tengo funcionando en una misma plataforma puedan ver su logo?.
Saludos.
Si claro, pero tendrías que editar cada tema para cada cliente. Si los temas van a ser compartidos entonces tendrías que usar el plugin Register Plus.
Buen día
Perdonen mi ignorancia, me dan como tarea administrar un sitio y necesito realizar el cambio que comentan, pero no se como tener acceso a la carpeta images, para poder guardar la imagen a utilizar.
Tengo el usuario y clave de acceso
De antemano gracias.
Esto ya no funciona con las nuevas versiones de WP. Alguna forma de hacerlo?
Es verdad ya no funciona con la versión nueva, alguna otra alternativa, gracias de antemano.
Ya no funciona porque cambiaron el codigo css que carga esa imagen, en todo caso lo unico que cambia es que en lugar de: #header-logo ahora seria: #wp-admin-bar-wp-logo > .ab-item .ab-icon con eso ya funcionaria todo sin problemas. El codigo completo seria:
//cambia logo de cabecera
add_action(‘admin_head’, ‘my_custom_logo’);
function my_custom_logo() {
echo ‘
#wp-admin-bar-wp-logo > .ab-item .ab-icon { background-image: url(‘.get_bloginfo(‘template_directory’).’/images/logo-cliente.png) !important; }
‘;
}
Genial Cristopher 🙂
Thanks Fernando una de cal por todas la de arena. Mi primer comentario y aportación aqui. Es lo menos a tanta ayuda que me ha dado tu pagina. Seguire colaborando.