Mostrar imagen destacada en ‘Página de publicaciones’ en WordPress

1 minuto de lectura

Entonces, para todas las demás páginas en mi sitio de wordpress, puedo mostrar la imagen destacada de la página. Sin embargo, en la página en la que se muestran todas mis publicaciones, la imagen destacada no se muestra aunque esté configurada.

Aquí está el código que estoy usando para mostrar la imagen destacada en todas las demás páginas.

<?php if ( has_post_thumbnail() ): {
    $src = wp_get_attachment_url(get_post_thumbnail_id($post->ID));
}?>

<div class="featured-image-full-width" style="background-image: url( <?php echo $src; ?> ) !important; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center;"></div>

<?php endif; ?>

Sin embargo, esto no funciona en la página que se elige para mostrar las publicaciones. Tenga en cuenta que necesito mostrar la imagen destacada como una imagen de fondo para que ocupe todo el ancho de la página y no esté estirada. (IE y Edge no admiten “posición de objeto”, por lo que esta es mi forma de solucionarlo)

Avísame si algo no está claro.

avatar de usuario
Carcaj

Después de pasar las últimas dos horas investigando y probando diferentes cosas, pude encontrar una solución.

<?php if(is_home()) {
    $img = wp_get_attachment_image_src(get_post_thumbnail_id(get_option('page_for_posts')),'full');
    $featured_image = $img[0];
}?>

<div class="featured-image-full-width" style="background-image: url( <?php echo $featured_image ?> ) !important; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center"></div>

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad