Mostrar imagen destacada (Featured image) antes del contenido de una entrada (post)

En algunos temas de WordPress no se hace posible ver la imagen destacada en el cuerpo de la entrada, como por ejemplo en este mismo blog. Hace un tiempo cambié esa opción y cree la posibilidad gracias al siguiente post: Add Featured Image Before Content In Any Theme

En mi caso sólo hizo falta sumarle este pedazo de código al functions.php dentro del child theme para no generar problemas en caso de actualización.

Y de paso le metí unos saltos de línea <br> para que así no aparezca el texto pegado a la imagen.

add_filter( 'the_content', 'wpsites_featured_image_before_content' ); 

function wpsites_featured_image_before_content( $content ) { 
if ( is_singular('post') && has_post_thumbnail()) {
        $featuredimage = get_the_post_thumbnail();
		
        $content = $featuredimage . '<br><br>' . $content;
		
		}

    return $content;
}
Suscribirte
Notificación de
guest

2 Comments
lo más antiguo
lo más nuevo lo más votado
Inline Feedbacks
View all comments
Juanjo
1 año hace

Gracias, me has sido de mucha ayuda, tenia un theme que me gusta mucho pero en la versión free tienen eso capado y tenia que poner las imágenes a mano.

RELACIONADO

Cómo crear un icono para un appimage en Ubuntu / How to create appimage entries in menu in Ubuntu

Acabo de hacer esto para Obsidian.md y va de perlas. Algo que quería hacer desde hace tiempo porque en ocasiones existen .appimages para Ubuntu que no se autoinstalan, sino que lo guardas en una carpeta y de ahí cada vez que quieres usarlo tienes que iniciarlo. Yo tengo una carpeta en mi raíz que se llama "Programas" y ahí dentro voy guardando los programas que descargo para su uso. Qué deci…

Cómo exportar un pdf en LibreOffice sin las líneas de grilla negra

"Seguramente ese problema ya lo ha tenido alguien antes y lo documentó". Gran frase que cuando toma cuerpo en la representación de poder resolver un problema que te acechaba hace tiempo se convierte en maravilloso maná. Uno de estos problemas venía siendo el poder exportar una hoja de LibreCalc (a.k.a. Excel) a pdf sin las feas líneas negras de la grilla. El el mismísimo foro de LibreOffice ya l…

Aplicar una regla de CSS a dos clases al mismo tiempo

Busco esto a cada rato así que me lo traigo aquí para acordarme y de paso compartirlo. Una forma de tener limpio el CSS y de paso lograr que haga lo que deseamos sin volvernos locos es poder aplicar una misma regla de CSS (o varias) a distintas clases. Lo que pasa es que tiene truqui porque no es sólo colocar una detrás de otra. La sintaxis es como sigue: .border-blue.background { ... …