{"id":24021,"date":"2021-05-10T16:18:00","date_gmt":"2021-05-10T13:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24021"},"modified":"2021-10-17T21:07:18","modified_gmt":"2021-10-17T18:07:18","slug":"kuinka-asettaa-varakuva-wordpress-postin-pikkukuville","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-asettaa-varakuva-wordpress-postin-pikkukuville\/","title":{"rendered":"Kuinka asettaa varakuva WordPress Postin pikkukuville"},"content":{"rendered":"<p>Kuvilla on t\u00e4rke\u00e4 rooli WordPress-viesteiss\u00e4si. Kun jaamme blogin sosiaalisessa mediassa, esill\u00e4 oleva kuva n\u00e4kyy viestisi pikkukuvana. N\u00e4m\u00e4 kuvat auttavat her\u00e4tt\u00e4m\u00e4\u00e4n yleis\u00f6n huomion. Joissakin tilanteissa, jos meill\u00e4 ei ole postin pikkukuvia, tarvitsemme varakuvan, joka toimii kuin postin suositeltu kuva. T\u00e4m\u00e4 varakuva voi olla ensimm\u00e4inen kuva viestist\u00e4si tai staattinen oletuskuva.<\/p>\n<p>T\u00e4ss\u00e4 artikkelissa tutkitaan, kuinka asetetaan oletusvarakuva WordPress-postikuville. Etsimme ensin esill\u00e4 olevan kuvan, jos sit\u00e4 ei l\u00f6ydy, asetamme ensimm\u00e4isen kuvan sis\u00e4ll\u00f6n sis\u00e4ll\u00f6st\u00e4 ja jos t\u00e4m\u00e4 my\u00f6s ep\u00e4onnistuu, aseta staattinen oletuskuva.<\/p>\n<h3>Aseta varakuva WordPress Post-pikkukuville<\/h3>\n<p>Aloittamiseksi sinun on ensin asetettava oletuskuva aktiivisen teeman hakemistoon. Oletetaan, ett\u00e4 oletuskuvasi nimi on &quot;default.jpg&quot;, niin voit sijoittaa sen teeman kuvakansioon. Kuvasi polku on wp-content \/ themes \/ teemasi-nimi \/ images \/ default.jpg.<\/p>\n<p>Seuraavaksi meid\u00e4n on lis\u00e4tt\u00e4v\u00e4 osa koodia ja parempi paikka lis\u00e4t\u00e4 koodi on teematiedosto <code>functions.php<\/code>. Avaa <code>functions.php<\/code>tiedosto suosikkieditorissasi ja lis\u00e4\u00e4 alla oleva koodi tiedoston loppuun.<\/p>\n<p><strong>functions.php<\/strong><\/p>\n<pre><code>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('\/&lt;img.+src=['\"]([^'\"]+)['\"].*&gt;\/i', $post-&gt;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 '&lt;img src=\"'. $first_img .'\" alt=\"'. get_the_title() .'\" \/&gt;';\n}<\/code><\/pre>\n<p>Koodin yl\u00e4puolella tarkistaa ensimm\u00e4isen kuvan sis\u00e4ll\u00f6n sis\u00e4ll\u00e4 ja tulosta se. Jos postisis\u00e4ll\u00f6ss\u00e4 ei ole kuvaa, se tulostaa oletus staattisen kuvan teemahakemistosta.<\/p>\n<p>WordPress n\u00e4ytt\u00e4\u00e4 postin pikkukuvia eri paikoissa. L\u00f6yd\u00e4t sen arkistosta, postituslistalta, yhden postin sivulta. Meid\u00e4n on vain l\u00f6ydett\u00e4v\u00e4 rivit, joissa_post_thumbnail() -toimintoa k\u00e4ytet\u00e4\u00e4n. Korvaa sitten t\u00e4m\u00e4 menetelm\u00e4 alla olevilla riveill\u00e4:<\/p>\n<pre><code>&lt;?php\nif (has_post_thumbnail()): \u00a0\u00a0\u00a0\u00a0the_post_thumbnail( 'post-thumbnail', array( 'alt' =&gt; get_the_title()) );\nelse: \u00a0\u00a0\u00a0\u00a0post_fallback_image();\nendif;\n?&gt;<\/code><\/pre>\n<p>Toivomme, ett\u00e4 ymm\u00e4rr\u00e4t, kuinka voit asettaa oletusvarakuvan WordPress-postikuvien pikkukuville. Jaa ajatuksesi alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-ladata-wordpress-viesteja-ajax-lla\/\" title=\"Kuinka ladata WordPress Post AJAX: lla\" >Kuinka ladata WordPress Post AJAX: lla<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/nayta-tietyn-luokan-viestit-wordpress-sivulla\/\" title=\"N\u00e4yt\u00e4 tietyn luokan viestit WordPress-sivulla\" >N\u00e4yt\u00e4 tietyn luokan viestit WordPress-sivulla<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jos haluat asettaa oletuskuvan WordPressiss\u00e4, olet oikeassa paikassa. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme, kuinka voit asettaa oletuskuvan ilman a<\/p>\n","protected":false},"author":1,"featured_media":22176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[275,414,610],"tags":[843],"class_list":["post-24021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-6","category-sekalaisia","category-uncategorized-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=24021"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24021\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/22176"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=24021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=24021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=24021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}