¿Cómo insertar un logo en el encabezado?

Question

¿Cómo insertar un logo en el encabezado?

26 jun 2013, 18:03:04

Vistas: 114K

Votos: 10

Soy bastante nuevo en el mundo de WordPress (vengo de Joomla)

Estoy encontrando algunas dificultades para insertar un logo en este sitio de prueba de WordPress: http://onofri.org/example/

Quiero poner mi logo en el encabezado del sitio web, en lugar del texto "EXAMPLE".

Mirando en el panel de configuración de WordPress no encuentro dónde puedo subir el logo y colocarlo automáticamente en lugar del texto "EXAMPLE" en el encabezado (no sé si esta es una función estándar de WordPress como en Joomla o si es una característica que puede estar disponible en algunos temas específicos o si tengo que ponerlo directamente en el código)

Sin embargo, tampoco lo encuentro en la configuración de mi tema.

¿Qué tengo que hacer para poner mi logo? ¿Tengo que insertarlo directamente en mi código HTML?

AndreaNobili

878

desarrollo de temas temas plantillas logotipo

Todas las respuestas a la pregunta

Si hay una funcionalidad de "logo", será parte del tema. Tal vez una opción del tema o parte del sistema de personalización del tema.

Normalmente uso un Encabezado Personalizado para esto en sitios comerciales, aunque un encabezado personalizado no es específicamente para un logo. Es una función genérica de "imagen de encabezado".

En resumen, esto depende del tema. Si es un tema que estás creando, puedes editar el tema para agregarlo. Consulta los artículos del Codex ya mencionados.

s_ha_dum

65.5K

26 jun 2013 18:11:53

Para cambiar la imagen del encabezado, ve al panel de administración de tu WordPress.

En el menú Apariencia haz clic en "Encabezado" y allí encontrarás la opción para subir tu imagen de encabezado y el texto que aparecerá en él.

Si no se muestra, deberás editar tu archivo de encabezado e insertar el siguiente código si no existe ya:

   <?php 
    $header_image = get_header_image();
    if (!empty($header_image)): ?>
        <a href="<?php echo esc_url(home_url('/')); ?>">
            <img src="<?php echo esc_url($header_image); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="Imagen de encabezado" title="Imagen de encabezado del sitio" />
        </a>
    <?php endif; ?>

Yamu

309

27 jun 2013 08:24:50

Mayeenul Islam 12.9K · Accepted Answer · 2013-06-27T08:11:24Z

Intenta modificar un poco la sección del encabezado para cumplir con los estándares. Aquí está tu código actual:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

Aquí está cómo puedes modificar las cosas:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="AQUÍ" height="AQUÍ" />
    </a>
</div>

Solo hay 3 pasos ahora:

En lugar de usar la configuración predeterminada de imagen de encabezado del tema, puedes editar el archivo header.php de tu tema con el código proporcionado arriba.
En lugar de insertar la imagen desde "Añadir nuevo medio", puedes subir la imagen a través del cPanel (Panel de control de tu alojamiento web) en la subcarpeta llamada 'images' dentro de la carpeta del tema.
Y en lugar de crear una imagen grande con fondo para tu logo, intenta crear un logo simple sin fondo en Photoshop (o cualquier software de gráficos) - en el caso de Photoshop, solo hazlo: después de colocar la imagen del logo en una capa, simplemente elimina la capa de fondo y luego guarda la imagen para web (Archivo > Guardar para web... [Ctrl + Alt + Shift + S]) y elige el formato PNG-24 para un buen resultado. Luego guárdala como logo.png y colócala en la carpeta '/wp-content/themes/simplemarket/images/'.

Espero que entiendas el resto. Si tienes alguna pregunta, no dudes en comentar aquí abajo.