✅ WEB- ja WordPress -uutiset, -teemat, -laajennukset. Täällä jaamme vinkkejä ja parhaita verkkosivustoratkaisuja.

Kuinka asettaa varakuva WordPress Postin pikkukuville

25

Kuvilla on tärkeä rooli WordPress-viesteissäsi. Kun jaamme blogin sosiaalisessa mediassa, esillä oleva kuva näkyy viestisi pikkukuvana. Nämä kuvat auttavat herättämään yleisön huomion. Joissakin tilanteissa, jos meillä ei ole postin pikkukuvia, tarvitsemme varakuvan, joka toimii kuin postin suositeltu kuva. Tämä varakuva voi olla ensimmäinen kuva viestistäsi tai staattinen oletuskuva.

Tässä artikkelissa tutkitaan, kuinka asetetaan oletusvarakuva WordPress-postikuville. Etsimme ensin esillä olevan kuvan, jos sitä ei löydy, asetamme ensimmäisen kuvan sisällön sisällöstä ja jos tämä myös epäonnistuu, aseta staattinen oletuskuva.

Aseta varakuva WordPress Post-pikkukuville

Aloittamiseksi sinun on ensin asetettava oletuskuva aktiivisen teeman hakemistoon. Oletetaan, että oletuskuvasi nimi on "default.jpg", niin voit sijoittaa sen teeman kuvakansioon. Kuvasi polku on wp-content / themes / teemasi-nimi / images / default.jpg.

Seuraavaksi meidän on lisättävä osa koodia ja parempi paikka lisätä koodi on teematiedosto functions.php. Avaa functions.phptiedosto suosikkieditorissasi ja lisää alla oleva koodi tiedoston loppuun.

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

Koodin yläpuolella tarkistaa ensimmäisen kuvan sisällön sisällä ja tulosta se. Jos postisisällössä ei ole kuvaa, se tulostaa oletus staattisen kuvan teemahakemistosta.

WordPress näyttää postin pikkukuvia eri paikoissa. Löydät sen arkistosta, postituslistalta, yhden postin sivulta. Meidän on vain löydettävä rivit, joissa_post_thumbnail() -toimintoa käytetään. Korvaa sitten tämä menetelmä alla olevilla riveillä:

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

Toivomme, että ymmärrät, kuinka voit asettaa oletusvarakuvan WordPress-postikuvien pikkukuville. Jaa ajatuksesi alla olevassa kommenttiosassa.

Aiheeseen liittyvät artikkelit

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja