Comment définir une image de secours pour les vignettes de publication WordPress

Les images jouent un rôle important dans vos publications WordPress. Lorsque nous partageons le blog sur les réseaux sociaux, l’image en vedette s’affichera sous forme de vignette de votre message. Ces images sont utiles pour attirer l’attention du public. Dans certains scénarios, si nous n’avons pas défini de vignette de publication, nous devrions avoir besoin d’une image de secours qui agit comme une image vedette pour une publication. Cette image de secours peut être la première image de votre publication ou une image statique par défaut.

Dans cet article, nous étudions comment définir une image de secours par défaut pour les vignettes de publication WordPress. Nous allons d’abord rechercher l’image en vedette, si elle n’est pas trouvée, nous définissons la première image du contenu de la publication et si cela échoue également, définissons une image statique par défaut.

Définir une image de secours pour les vignettes de publication WordPress

Pour commencer, vous devez d’abord placer l’image par défaut dans le répertoire de votre thème actif. Disons que votre nom d’image par défaut est "default.jpg", alors vous pouvez le placer dans le dossier images de votre thème. Le chemin de votre image sera wp-content/themes/your-theme-name/images/default.jpg.

Ensuite, nous devons ajouter un morceau de code et un meilleur endroit pour ajouter notre code est un functions.phpfichier de thèmes. Ouvrez le functions.phpfichier dans votre éditeur préféré et ajoutez le code ci-dessous à la fin d’un fichier.

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

Le code ci-dessus vérifie la première image dans le contenu de la publication et l’imprime. Si aucune image n’est disponible dans le contenu de la publication, il imprime l’image statique par défaut à partir du répertoire du thème.

WordPress affiche les vignettes des publications à divers endroits. Vous le trouverez sur archive, liste de publication, page de publication unique. Tout ce que nous avons à faire est de trouver les lignes où la fonction_post_thumbnail() est utilisée. Et puis remplacez cette méthode par les lignes ci-dessous :

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

Nous espérons que vous comprendrez comment définir une image de secours par défaut pour les vignettes de publication WordPress. S’il vous plaît partager vos pensées dans la section commentaire ci-dessous.

Articles Liés

• Comment charger un article WordPress avec AJAX
• Afficher les articles d’une catégorie spécifique sur une page WordPress