{"id":27626,"date":"2021-05-10T16:06:00","date_gmt":"2021-05-10T13:06:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27626"},"modified":"2021-10-17T05:05:03","modified_gmt":"2021-10-17T02:05:03","slug":"hur-man-staller-in-en-reservbild-for-miniatyrbilder-av-wordpress-inlagg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-staller-in-en-reservbild-for-miniatyrbilder-av-wordpress-inlagg\/","title":{"rendered":"Hur man st\u00e4ller in en reservbild f\u00f6r miniatyrbilder av WordPress-inl\u00e4gg"},"content":{"rendered":"

Bilder spelar en viktig roll i dina WordPress-inl\u00e4gg. N\u00e4r vi delar bloggen p\u00e5 sociala medier visas bilden som en miniatyr av ditt inl\u00e4gg. Dessa bilder \u00e4r till hj\u00e4lp f\u00f6r att f\u00e5nga publikens uppm\u00e4rksamhet. I vissa scenarier, om vi inte har inst\u00e4lld miniatyr f\u00f6r inl\u00e4gg, ska vi beh\u00f6va en reservbild som fungerar som en utvald bild f\u00f6r ett inl\u00e4gg. Den h\u00e4r reservbilden kan vara den f\u00f6rsta bilden fr\u00e5n ditt inl\u00e4gg eller en standardstatisk bild.<\/p>\n

I den h\u00e4r artikeln studerar vi hur man st\u00e4ller in en standardbackback-bild f\u00f6r WordPress-miniatyrbilder. Vi s\u00f6ker f\u00f6rst efter den utvalda bilden, om den inte hittas, st\u00e4ller vi in \u200b\u200bden f\u00f6rsta bilden av inl\u00e4ggsinneh\u00e5ll och om den ocks\u00e5 misslyckas st\u00e4ller du in en standardstatisk bild.<\/p>\n

St\u00e4ll in en reservbild f\u00f6r miniatyrbilder av WordPress-inl\u00e4gg<\/h3>\n

F\u00f6r att komma ig\u00e5ng b\u00f6r du f\u00f6rst placera standardbilden i ditt aktiva temas katalog. L\u00e5t oss s\u00e4ga att ditt standardbildnamn \u00e4r ’default.jpg’ s\u00e5 kan du placera det i bildmappen i ditt tema. Din bilds\u00f6kv\u00e4g kommer att vara wp-content \/ themes \/ your-theme-name \/ images \/ default.jpg.<\/p>\n

D\u00e4refter m\u00e5ste vi l\u00e4gga till lite kod och en b\u00e4ttre plats att l\u00e4gga till v\u00e5r kod \u00e4r en temafil functions.php<\/code>. \u00d6ppna functions.php<\/code>filen i din favoritredigerare och l\u00e4gg till koden nedan i slutet av en fil.<\/p>\n

funktioner.php<\/strong><\/p>\n

function post_fallback_image() {\n\u00a0\u00a0\u00a0\u00a0global $post;\n\u00a0\u00a0\u00a0\u00a0$first_img = '';\n\u00a0\u00a0\u00a0\u00a0ob_start();\n\u00a0\u00a0\u00a0\u00a0ob_end_clean();\n\u00a0\u00a0\u00a0\u00a0$output = preg_match_all('\/<img.+src=['\"]([^'\"]+)['\"].*>\/i', $post->post_content, $matches);\n\u00a0\u00a0\u00a0\u00a0$first_img = $matches[1][0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (empty($first_img)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$first_img = get_stylesheet_directory_uri(). \"\/images\/default.jpg\";\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0print '<img src=\"'. $first_img .'\" alt=\"'. get_the_title() .'\" \/>';\n}<\/code><\/pre>\n
Ovanst\u00e5ende kod s\u00f6ker efter den f\u00f6rsta bilden i inl\u00e4ggets inneh\u00e5ll och skriver ut den. Om ingen bild \u00e4r tillg\u00e4nglig i inl\u00e4ggets inneh\u00e5ll skrivs den standardstatiska bilden ut fr\u00e5n temakatalogen.<\/p>\n
WordPress visar miniatyrbilder av inl\u00e4gg p\u00e5 olika platser. Du hittar den p\u00e5 arkiv, inl\u00e4ggslista, enstaka inl\u00e4ggssida. Allt vi beh\u00f6ver g\u00f6ra \u00e4r att hitta raderna d\u00e4r funktionen_post_thumbnail() anv\u00e4nds. Och ers\u00e4tt sedan den h\u00e4r metoden med raderna nedan:<\/p>\n
<?php\nif (has_post_thumbnail()): \u00a0\u00a0\u00a0\u00a0the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title()) );\nelse: \u00a0\u00a0\u00a0\u00a0post_fallback_image();\nendif;\n?><\/code><\/pre>\n
Vi hoppas att du f\u00f6rst\u00e5r hur du st\u00e4ller in en standardbild f\u00f6r WordPress-miniatyrbilder. Dela dina tankar i kommentarsektionen nedan.<\/p>\n
relaterade artiklar<\/h4>\n