Cómo configurar una imagen alternativa para las miniaturas de publicaciones de WordPress

Las imágenes juegan un papel importante en sus publicaciones de WordPress. Cuando compartimos el blog en las redes sociales, la imagen destacada se mostrará como una miniatura de su publicación. Estas imágenes son útiles para captar la atención de la audiencia. En algunos escenarios, si no tenemos un conjunto de miniaturas de publicaciones, deberíamos necesitar una imagen alternativa que actúe como una imagen destacada para una publicación. Esta imagen alternativa puede ser la primera imagen de tu publicación o una imagen estática predeterminada.

En este artículo, estudiamos cómo establecer una imagen alternativa predeterminada para las miniaturas de publicaciones de WordPress. Primero buscaremos la imagen destacada, si no se encuentra, establecemos la primera imagen del contenido de la publicación y si esto también falla, establecemos una imagen estática predeterminada.

Establecer una imagen alternativa para las miniaturas de publicaciones de WordPress

Para comenzar, primero debe colocar la imagen predeterminada en el directorio de su tema activo. Digamos que su nombre de imagen predeterminado es ‘default.jpg’, luego puede colocarlo dentro de la carpeta de imágenes en su tema. La ruta de su imagen será wp-content / themes / your-theme-name / images / default.jpg.

A continuación, necesitamos agregar un fragmento de código y un lugar mejor para agregar nuestro código es un functions.phparchivo de temas. Abra el functions.phparchivo en su editor favorito y agregue el siguiente código al final de un archivo.

functions.php

function post_fallback_image() {
    global $post;
    $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)) {
        $first_img = get_stylesheet_directory_uri(). "/images/default.jpg";
    }
    print '<img src="'. $first_img .'" alt="'. get_the_title() .'" />';
}

El código anterior verifica la primera imagen dentro del contenido de la publicación y la imprime. Si no hay ninguna imagen disponible en el contenido de la publicación, imprime la imagen estática predeterminada del directorio de temas.

WordPress muestra miniaturas de publicaciones en varios lugares. Lo encontrará en archivar, lista de publicaciones, página de publicación única. Todo lo que tenemos que hacer es encontrar las líneas donde se usa la función_post_thumbnail(). Y luego reemplace este método con las líneas siguientes:

<?php
if (has_post_thumbnail()):     the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title()) );
else:     post_fallback_image();
endif;
?>

Esperamos que comprenda cómo establecer una imagen alternativa predeterminada para las miniaturas de publicaciones de WordPress. Comparta sus pensamientos en la sección de comentarios a continuación.

Artículos relacionados

• Cómo cargar una publicación de WordPress con AJAX
• Mostrar publicaciones de una categoría específica en una página de WordPress