So legen Sie ein Fallback-Bild für WordPress-Post-Thumbnails fest

Last updated 18. Oktober 2021

Inhalt

Legen Sie ein Fallback-Bild für WordPress-Post-Thumbnails fest

Bilder spielen eine wichtige Rolle in Ihren WordPress-Beiträgen. Wenn wir den Blog in sozialen Medien teilen, wird das vorgestellte Bild als Miniaturansicht Ihres Beitrags angezeigt. Diese Bilder sind hilfreich, um die Aufmerksamkeit des Publikums zu erregen. In einigen Szenarien sollten wir ein Fallback-Bild benötigen, das sich wie ein vorgestelltes Bild für einen Beitrag verhält, wenn wir kein Post-Miniaturbild festgelegt haben. Dieses Fallback-Bild kann das erste Bild aus Ihrem Beitrag oder ein statisches Standardbild sein.

In diesem Artikel untersuchen wir, wie Sie ein Standard-Fallback-Bild für WordPress-Post-Miniaturansichten festlegen. Wir suchen zuerst nach dem vorgestellten Bild, wenn es nicht gefunden wird, legen wir das erste Bild des Beitragsinhalts fest und wenn dies ebenfalls fehlschlägt, legen wir ein statisches Standardbild fest.

Legen Sie ein Fallback-Bild für WordPress-Post-Thumbnails fest

Um zu beginnen, sollten Sie zuerst das Standardbild im Verzeichnis Ihres aktiven Themas platzieren. Nehmen wir an, Ihr Standardbildname ist ‘default.jpg’, dann können Sie es im Bilderordner in Ihrem Design platzieren. Ihr Bildpfad lautet wp-content/themes/your-theme-name/images/default.jpg.

Als nächstes müssen wir etwas Code hinzufügen und ein besserer Ort zum Hinzufügen unseres Codes ist eine Themendatei functions.php. Öffnen Sie die functions.phpDatei in Ihrem bevorzugten Editor und fügen Sie den folgenden Code am Ende einer Datei hinzu.

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

Der obige Code sucht nach dem ersten Bild im Beitragsinhalt und druckt es aus. Wenn im Beitragsinhalt kein Bild verfügbar ist, wird das statische Standardbild aus dem Themenverzeichnis gedruckt.

WordPress zeigt an verschiedenen Stellen Miniaturansichten von Beiträgen an. Sie finden es auf Archiv, Postliste, Einzelpostseite. Wir müssen lediglich die Zeilen finden, in denen die Funktion_post_thumbnail() verwendet wird. Und dann ersetzen Sie diese Methode durch die folgenden Zeilen:

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

Wir hoffen, dass Sie verstehen, wie Sie ein Standard-Fallback-Bild für WordPress-Post-Miniaturansichten festlegen. Bitte teilen Sie Ihre Gedanken im Kommentarbereich unten mit.

Zum Thema passende Artikel

Aufnahmequelle: artisansweb.net