Esta entrada es la parte 4 de 39 de la serie Personalizar WordPress

cabecera con logo personal

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 … 

  1. 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
  2. Añade el siguiente código al fichero functions.php de tu tema activo:
    PHP:
    1. //cambia logo de cabecera
    2. add_action('admin_head', 'my_custom_logo');
    3.  
    4. function my_custom_logo() {
    5.    echo '
    6.       <style type="text/css">
    7.          #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/logo-cliente.png) !important; }
    8.       </style>
    9.    ';
    10. }

    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 post? ¡Compártelo!
  • Bitacoras.com
  • TwitThis
  • Facebook
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Live
  • Technorati
  • Ping.fm
  • Wikio
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Print this article!

También te puede interesar:

cursos formación continua

12 Tweets 12 Otro Comentarios

    15 comentarios en “Tu propio logo en la cabecera del Escritorio”

  1. Información Bitacoras.com...

    Valora en Bitacoras.com: 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 .....

  2. ejner69 (186 comentarios) dijo:

    Gracias por el dato!

    Seguro que le será útil a más de algún usuario (incluyendome) ;)

    Saludos!

  3. [...] This post was mentioned on Twitter by Fernando, Planeta WordPress. Planeta WordPress said: Tu propio logo en la cabecera del Escritorio http://bit.ly/6Ck5gE #wordpress #wp [...]

  4. KeLDroX (2 comentarios) dijo:

    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?

      • KeLDroX (2 comentarios) dijo:

        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!

  5. Social comments and analytics for this post...

    This post was mentioned on Twitter by fernandot: Tu propio logo en la cabecera del Escritorio http://goo.gl/fb/OPsp #wordpress...

  6. Marcos (11 comentarios) dijo:

    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.

  7. [...] ayer veíamos como añadir un logo personal al escritorio de WordPress hoy, para cerrar el círculo, veremos como añadir un logo a la pantalla de acceso (o login, como [...]

  8. uili (1 comentarios) dijo:

    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.

Escribe un Comentario

XHTML: Puedes usar estos códigos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Comentarios adicionales gracias BackType

Subir

Anúnciese aquí
Expertos en WordPress
Evolución Euribor
Consigue 28 themes premium por menos de 14 euros
Participa en el Debate
  • martin: podrías poner ejemplos mas claros? no entiendo bien el concepto… Solo pusisteis...
  • Fernando Tellado: Vaya, me alegro :)
  • marotorod: Muchas gracias por la ayuda, me has salvado de una situación un tanto incómoda, ya que...
  • Becas MEC 2010: No puedo encontrar el mime type 3 correcto. Agradezco cualquier ayuda. Gracias!!!...
  • Fernando Tellado: Si lo piensas bien se podría prescindir de muchos y con index aún podrías ver...
Noticias Breves
  • Mucho hemos hablado de como asegurar WordPress pero cuando uno de mis blogs de cabecera en seguridad informática: Security by default, hace recomendaciones lo menos es tomarlas en cuenta. Personalmente me ha interesado mucho Plecost, que no conocía y que, además de hacer fingerprinting de la base de Wordpress que disponemos, reconoce los plugins y sus versiones y es capaz de mostrarnos vulnerabilidades con enlaces CVE incluidas en caso de encontrar algún plugin vulnerable. Interesantísimo.

    [#8]

  • Donncha anunció la disponibilidad la versión 2.9.2 de WordPress MU, con solución a todos los fallos encontrados desde la última actualización. Esta versión, salvo necesidad, será la última versión de WordPress MU, ahora que WordPress 3.0 integrará ambas plataformas, ofreciendo la posibilidad de montar sistemas multiusuario a voluntad.

    [#9]

  • BuddyPress 1.2 está prácticamente lista para lanzarse salvo que las pruebas de los usuarios digan lo contrario. Ya puedes descargarla y empezar a comprobarla (enlace al svn). En esta nueva versión se han cerrado más de 125 tickets desde la última beta.

    [#3]


  • Ahora mismo en los FOROS ...
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag                              
    By N2H