Como extraer y mostrar la primera imagen de una noticia en WordPress sin plugins
Soy partidario de utilizar funciones más que utilizar plugins para cosas simples, ya que utilizar muchos plugins hace que tu sitio sea un poco más lento, además debes estar actualizando constantemente por lo cual para ello es mejor crear una función.
En esta ocasión les explicaré como mostrar la primera imagen de un post o entrada y desplegarla en tu sitio.
Creamos o abrimos nuestro archivo functions.php ubicado en el directorio de nuestro tema a utilizar, y agregamos lo siguiente:
function get_first_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\'"]([^\'"]+)[\'"].*>/i’, $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Definimos una imagen por defecto en caso que no la tenga
$first_img = “http://www.tu-sitio.net/miniatura.jpg”;
}
return $first_img;
}
Luego guardamos y cerramos el archivo.
Para mostrar la imagen solo debemos llamar la función de la siguiente manera en nuestro loop
<?php echo get_first_image() ?>
Lo cual imprimirá la ruta de la imagen, ahora solo debes ajustarlo a tu diseño.
Para dudas o consultas, utiliza los comentarios, Saludos.
You might also like
 |
 |
 |
 |
Hola, este método me resulto muy útil.
Me gustaría saber si hay alguna manera de mostrar las 2 o 3 primeras imagens de un post, o bien 2 o 3 imagenes al azar de un post.
Saludos.