Få den första bilden från ett inlägg CSS-tricks

Anonim

Låt oss säga att du ville använda miniatyrfunktionen för inlägg på WordPress, men hade ett helt arkiv med inlägg som det skulle ta för mycket tid att gå igenom. För nya inlägg kan du vara specifik och använda funktionen som avsett. För gamla inlägg vill du bara använda den första bilden som den hittar i innehållet för miniatyrbilden, eller en standard om ingen finns.

Lägg till detta till functions.php eller skapa ett funktionsprogram:

function catch_that_image() ( global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('//i', $post->post_content, $matches); $first_img = $matches(1)(0); if(empty($first_img)) ( $first_img = "/path/to/default.png.webp"; ) return $first_img; )

För att använda den, använd den här koden i slingan:

if ( get_the_post_thumbnail($post_id) != '' ) ( echo ''; the_post_thumbnail(); echo ''; ) else ( echo ''; echo ''; echo ''; )

Jag tyckte att has_post_thumbnail inte var lika tillförlitlig som logiken ovan.