Jak ustawić obraz zastępczy dla miniatur postów WordPress

Obrazy odgrywają ważną rolę w Twoich postach WordPress. Gdy udostępnimy bloga w mediach społecznościowych, wyróżniony obraz będzie wyświetlany jako miniatura Twojego posta. Te obrazy pomagają przyciągnąć uwagę odbiorców. W niektórych sytuacjach, jeśli nie mamy ustawionej miniatury posta, powinniśmy potrzebować obrazu zastępczego, który działa jak polecany obraz dla posta. Ten obraz zastępczy może być pierwszym obrazem z Twojego posta lub domyślnym obrazem statycznym.

W tym artykule dowiemy się, jak ustawić domyślny obraz awaryjny dla miniatur postów WordPress. Najpierw wyszukamy polecany obraz, jeśli nie zostanie znaleziony, ustawimy pierwszy obraz treści posta, a jeśli to również się nie powiedzie, ustawimy domyślny obraz statyczny.

Ustaw obraz zastępczy dla miniatur postów WordPress

Na początek powinieneś najpierw umieścić domyślny obraz w katalogu aktywnego motywu. Załóżmy, że domyślna nazwa obrazu to „default.jpg", a następnie możesz umieścić go w folderze obrazów w swoim motywie. Twoja ścieżka obrazu będzie miała postać wp-content/themes/your-theme-name/images/default.jpg.

Następnie musimy dodać kawałek kodu, a lepszym miejscem do dodania naszego kodu jest functions.phpplik motywów. Otwórz functions.phpplik w swoim ulubionym edytorze i dodaj poniższy kod na końcu pliku.

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

Powyższy kod sprawdza pierwszy obraz w treści posta i drukuje go. Jeśli żaden obraz nie jest dostępny w treści posta, drukuje domyślny statyczny obraz z katalogu motywu.

WordPress wyświetla miniatury postów w różnych miejscach. Znajdziesz go w archiwum, liście postów, stronie pojedynczego posta. Wszystko, co musimy zrobić, to znaleźć wiersze, w których używana jest funkcja the_post_thumbnail(). A następnie zastąp tę metodę poniższymi liniami:

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

Mamy nadzieję, że rozumiesz, jak ustawić domyślny obraz awaryjny dla miniatur postów WordPress. Podziel się swoimi przemyśleniami w sekcji komentarzy poniżej.

Powiązane artykuły

• Jak załadować post WordPress za pomocą AJAX
• Wyświetlaj posty z określonej kategorii na stronie WordPress