Como definir uma imagem reserva para miniaturas de postagem do WordPress

As imagens desempenham um papel importante em seus posts WordPress. Quando compartilhamos o blog nas mídias sociais, a imagem em destaque será exibida como uma miniatura da sua postagem. Essas imagens são úteis para chamar a atenção do público. Em alguns cenários, se não tivermos uma miniatura de postagem definida, precisaremos de uma imagem reserva que atue como uma imagem em destaque para uma postagem. Esta imagem reserva pode ser a primeira imagem de sua postagem ou uma imagem estática padrão.

Neste artigo, estudamos como definir uma imagem de fallback padrão para miniaturas de postagem do WordPress. Iremos primeiro procurar a imagem em destaque, se não for encontrada, definimos a primeira imagem do conteúdo da postagem e, se isso também falhar, definiremos uma imagem estática padrão.

Definir uma imagem reserva para miniaturas de postagem do WordPress

Para começar, você deve primeiro colocar a imagem padrão no diretório do seu tema ativo. Digamos que o nome da imagem padrão seja ‘default.jpg’, então você pode colocá-la dentro da pasta de imagens do seu tema. O caminho da imagem será wp-content / themes / your-theme-name / images / default.jpg.

Em seguida, precisamos adicionar algum pedaço de código e um lugar melhor para adicionar nosso código é um functions.phparquivo de temas. Abra o functions.phparquivo em seu editor favorito e adicione o código abaixo no final de um arquivo.

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() .'" />';
}

O código acima verifica a primeira imagem dentro do conteúdo da postagem e a imprime. Se nenhuma imagem estiver disponível no conteúdo da postagem, ele imprime a imagem estática padrão do diretório do tema.

O WordPress exibe miniaturas de postagens em vários lugares. Você o encontrará no arquivo, lista de postagens, página de postagem única. Tudo o que precisamos fazer é encontrar as linhas onde a função the_post_thumbnail() é usada. Em seguida, substitua esse método pelas linhas abaixo:

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

Esperamos que você entenda como definir uma imagem substituta padrão para miniaturas de postagem do WordPress. Por favor, compartilhe suas idéias na seção de comentários abaixo.

Artigos relacionados

• Como carregar uma postagem do WordPress com AJAX
• Exibir postagens de categorias específicas em uma página do WordPress