Personalizar logo de cabecera del escritorio de WordPress

logo wordpress saliendo

Hace ya tiempo que publiqué cómo cambiar el logo de cabecera en el Escritorio, pero claro, WordPress avanza y hay elementos que se modifican en las diferentes versiones, este es uno de ellos.

Así que actualmente, cómo nos recordaba Cristopher el otro día, si quieres modificar de manera sencilla el logo del escritorio para poner el tuyo lo que tienes que hacer es añadir el siguiente código a tu plugin de funciones:

//cambia logo de cabecera
add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
echo '
<style type="text/css">
#wp-admin-bar-wp-logo > .ab-item .ab-icon { background-image: url('.get_bloginfo('template_directory').'/images/logo-cliente.png) !important; }
</style>
';
}

Solo tienes que cambiar la ruta a la imagen indicada en la línea 6, que en el ejemplo se guarda el logo en la carpeta /images/ del directorio del tema activo (template_directory), a la que vayas a usar y ya lo tienes.

El otro requisito es usar una imagen en formatos gif o png de fondo transparente y un tamaño máximo de 28 pixels de alto.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(0 votos, promedio: 0)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

7 comentarios en “Personalizar logo de cabecera del escritorio de WordPress”

  1. Hola Fernando

    Para la ruta de la imagen es más conveniente utilizar
    get_stylesheet_directory_uri(); en lugar de get_bloginfo('template_directory');
    ya que de esta forma funciona cuando tienes un child theme
    Saludos

  2. No funciona, deben ajustar el código porque el logo lo carga desde un sprite, además el hover toca ajustarlo y el tamaño que carga es de 20 x 20 px máximo no de 28 px como dice ahi, este artículo es como viejo, solo funciona para la versión vieja de WordPress.

  3. Como comenta Gerson Gomez, es cierto que el tamaño de la imagen es de 20 x 20 px, y que viene de un sprite. Pero desde la consola de chrome pude ver que la imagen la llama correctamente. El tema que al ser un sprite el css a tenia este atributo: «background-position: 0 -76px;».
    Al mismo codigo que ofrecio Fernando le agregue: «background-position: 0 0px !important;» y me funciono correctamente, el logo aprece en la barra de administración de wordpress (contestando la pregunta de Oscar)

    Además les dejo este codigo con el cual pueden remover los menues que desplegan desde el logo de wordpress:

    function nwp_admin_bar() {
    global $wp_admin_bar;

    //$wp_admin_bar->remove_menu(‘wp-logo’); //–>Quita el meno de la barra
    $wp_admin_bar->remove_menu(‘about’);
    $wp_admin_bar->remove_menu(‘wporg’);
    $wp_admin_bar->remove_menu(‘documentation’);
    $wp_admin_bar->remove_menu(‘support-forums’);
    $wp_admin_bar->remove_menu(‘feedback’);
    $wp_admin_bar->remove_menu(‘view-site’);
    }
    add_action( ‘wp_before_admin_bar_render’, ‘nwp_admin_bar’ );

  4. Eugenio Atencia

    Se puede cambiar la ruta URL del logo del index. Yo utilizo WP como blog, pero no se como hace para que vuelva a la WEB, no al blog desde el enlace que proporciona el logotipo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido