TodoTutoriales, los mejores tutoriales en español

Todotutoriales

Los mejores tutoriales gratis en español

WordPress: cómo cambiar el tamaño de la imagen de cabecera en Twenty Eleven


Twenty Eleven WordPress theme

Twenty Eleven es la plantilla por defecto de WordPress desde el 2011. Un tema sofisticado, ligero y adaptable que incluye muchas de las funciones de WordPress: menú personalizado, imagen de cabecera, fondo con opciones de personalización disponibles para esquema de color claro u oscuro, colores de enlaces personalizados, y tres opciones de diseño.

A los usuarios de Twenty Eleven les resulta fácil encontrar la forma de cambiar las imágenes de cabecera, ya sea desde el panel de opciones del tema, o bien sustituyendo las imágenes por otras nuevas en la carpeta de imágenes del tema. Pero ¿y el tamaño?

El tamaño de la imagen de cabecera de Twenty Eleven puede cambiarse fácilmente en el archivo de funciones del tema (functions.php).

Busca estas líneas en functions.php y cambia los valores 1000 y 288 por los valores en píxeles de las nuevas imágenes.

define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 288 ) );

Si estás usando un child theme (tema hijo) de Twenty Eleven añade esas líneas al archivo functions.php del tema hijo:

//cambiar tamaño de imagen de la cabecera
define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 288 ) );

De esta forma no tocas el tema original y no tendrás que volver a hacerlo cada vez que Twenty Eleven se actualice.

Categorías: Diseño web, WordPress
Etiquetas: , , ,

Si te ha gustado este tutorial, subscríbete al feed RSS de todotutoriales.es.

4 comentarios

  1. Hola, espero que encuentren todos bien, de antemano gracias por compatir sus conocimientos con los que estamos empezando…
    Yo estoy usando el nuevo tema Twenty Eleven, estoy trabajando las modificaciones en mi child de T. E, yo quisiera poder cambiarle el ancho al blog en Inicio, elegí no usar sidebar y eso hace el blog muy angosto, yo quisiera cambiarle el ancho, me podrían ayudar? Estoy en eso de prueba y error y no logro aún hacer el cambio satisfactoriamente. Gracias por su colaboración.

  2. Tal vez deberías probar a usar body.home como clase.

    Mira con Firebug como se llama la clase que necesitas modificar, si es primary lo que quieres cambiar, necesitarás probar algo así:

    body.home #primary {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: -26.4%;
    margin-top: 0;
    width: 90%;
    }

    si es el #content

    body.home #content {}

    etc.

  3. Gracias por contestarme. Logré cambiar el ancho con:
    .one-column #page { sólo le aumenté los px por el tamaño que quería. Sí use Firebug para encontrar donde tenía que efectuar el cambio y listo. El teme Theme Eleven como se le pueden hacer varios cambios preestablecidos complica un poco las cosas. Gracias de todas formas con contestarme…cuídate.

  4. Muy interesante el tema y la solución, pero ¿como podría quitar el espacio que se genera del header al top de la página?

Envía tu comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.

Volver arriba