Soporte » Diseño – Temas y plantillas » Cómo añadir una imagen al index de un blog

  • Hola! Estoy intentando poner una imagen en el index.php de un blog (como si fuese una imagen destacada) y he visto que la solución más sencilla era utilizando el Personalizador.

    Por ello, he visitado https://codex.wordpress.org/Custom_Headers y he conseguido ponerla, pero no es exactamente lo que me gustaría, ya que quiero que me muestre diferentes tamaños de imagen según la resolución (srcset) y el alt de la imagen que subo (cuya información he añadido anteriormente en medios).

    ¿Es posible hacerlo? ¡Muchas gracias!

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Iniciador del debate Pablo Miralles

    (@pablomiralles)

    He estado probando y el resultado ha sido este:

    <?php
    	$srcset = wp_get_attachment_image_srcset( get_custom_header()->attachment_id, array( 1920, 318 ) );
    	$alt = get_post_meta( get_custom_header()->attachment_id, '_wp_attachment_image_alt', true);
    	?>
    
    	<img src="<?php header_image(); ?>" alt="<?php echo esc_attr( $alt ); ?>" srcset="<?php echo esc_attr( $srcset ); ?>">

    Logra imprimirmelo todo pero no sé si hay alguna manera de optimizarlo o corregir algo que esté mal, ya que lo he sacado con prueba y error y en realidad no entiendo del todo que estoy pidiendo (ya que entiendo poco de PHP).

    Un saludo!

    Hola @pablomiralles,
    Podrias especificar que theme usas, donde y como has añadido la imagen y el codigo php.

    Iniciador del debate Pablo Miralles

    (@pablomiralles)

    Es un intento de tema hijo de Sparkling, del repositorio.

    En el functions.php he añadido esto:

    add_theme_support( 'custom-header' );

    y en el index.php esto otro:

    <?php
    	$srcset = wp_get_attachment_image_srcset( get_custom_header()->attachment_id, array( 1920, 318 ) );
    	$alt = get_post_meta( get_custom_header()->attachment_id, '_wp_attachment_image_alt', true);
    	?>
    
    	<img src="<?php header_image(); ?>" alt="<?php echo esc_attr( $alt ); ?>" srcset="<?php echo esc_attr( $srcset ); ?>">

    He conseguido imprimir la imagen tal y como quería, pero por desgracia me fallan ahora los srcset (o que no se configurar los tamaños de imagen, que también). La imagen que me gustaría mostrar en portada sería una de 1920px por 318px, pero por ejemplo me gustaría que en móvil mostrase una imagen de un tamaño como 400px por 140px (con crop desde el centro, mostrando el contenido principal), y que en una resolución media hiciera lo mismo pero en vez de 400, 700px por 150px.

    A lo mejor tengo más problemas con lo que es configurar bien el srcset que con lo que es añadir la imagen en sí.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Cómo añadir una imagen al index de un blog’ está cerrado a nuevas respuestas.