¿Cómo insertar un logotipo en el encabezado?


9

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

Tengo algunas dificultades para insertar un logotipo en este sitio de prueba de WordPress: http://onofri.org/example/

Quiero poner mi logotipo en el encabezado del sitio web, en lugar del texto "EJEMPLO".

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

Sin embargo, no lo encuentro ni siquiera en la configuración de mi tema.

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

Respuestas:


14

Intente modificar un poco la sección del encabezado para cumplir con los estándares. Aquí está lo que su código en este momento:

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

Así es como 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="HERE" height="HERE" />
    </a>
</div>

Ahora solo hay 3 pasos:

  • En lugar de usar la configuración de imagen de encabezado predeterminada del tema, puede editar la de su tema header.phpcon el código proporcionado anteriormente.
  • En lugar de insertar una imagen desde Agregar nuevos medios, puede cargar la imagen a través de cPanel (Panel de control de su proveedor de alojamiento web) en la subcarpeta de la carpeta del tema llamada 'imágenes' .
  • Y en lugar de crear una imagen enorme con fondo para su logotipo, intente crear un logotipo simple sin fondo en Photoshop (o cualquier software de gráficos); en el caso de Photoshop, simplemente hágalo: después de colocar la imagen del logotipo en una capa, simplemente elimine la capa de fondo y luego guarde la imagen para web (Archivo> Guardar para web ... [ Ctrl+ Alt+ Shift+ S]) y elija el formato PNG-24 para obtener un buen resultado. Luego guárdelo como logo.pngy colóquelo en la carpeta '/ wp-content / themes / simplemarket / images /'.

Espero que tengas el resto. Si tiene alguna pregunta, no dude en comentar aquí debajo.


2

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

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

En resumen, esto depende del tema. Si es un tema que está creando, puede editar el tema para agregarlo. Vea los artículos del Codex ya referenciados.


2

Para cambiar la imagen del encabezado, vaya al panel de administración de su wordpress. En el menú de apariencia, haga clic en el encabezado y allí encontrará la opción de cargar su imagen de encabezado y el Texto para que aparezca en su encabezado.

Si no se muestra, debe editar el archivo del encabezado e insertar el siguiente código en el encabezado si aún no existe.

<?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="" /></a>
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.