{"id":232751,"date":"2023-01-27T10:01:00","date_gmt":"2023-01-27T07:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232751"},"modified":"2023-01-28T18:18:35","modified_gmt":"2023-01-28T15:18:35","slug":"kuinka-naeyttaeae-satunnaisia-viestejae-wordpressissae-kaeyttaemaellae-pikkukuvia","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-naeyttaeae-satunnaisia-viestejae-wordpressissae-kaeyttaemaellae-pikkukuvia\/","title":{"rendered":"Kuinka n\u00e4ytt\u00e4\u00e4 satunnaisia \u200b\u200bviestej\u00e4 WordPressiss\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 pikkukuvia?"},"content":{"rendered":"

Viimeisiss\u00e4 viesteiss\u00e4<\/a> tied\u00e4mme, ett\u00e4 yksi tapa lis\u00e4t\u00e4 sivujen n\u00e4ytt\u00f6kertoja on n\u00e4ytt\u00e4\u00e4 luettelo menneist\u00e4 viesteist\u00e4. Toinen tapa on n\u00e4ytt\u00e4\u00e4 satunnaisia \u200b\u200bviestej\u00e4. Tietenkin n\u00e4yt\u00e4mme viestit k\u00e4ytt\u00e4m\u00e4ll\u00e4 julkaisussa olevaa pikkukuvaa, joka on katseenvangitsija. Joten paras idea on laittaa se navigointivalikkoon (jotain Googlen hakusis\u00e4lt\u00f6\u00f6n<\/a> ).<\/p>\n

Sinun on ensin m\u00e4\u00e4ritett\u00e4v\u00e4 funktio, jotta voit hakea viestin ensimm\u00e4isen kuvan. T\u00e4t\u00e4 k\u00e4ytet\u00e4\u00e4n, jos [Ominaisuuskuva] ei ole m\u00e4\u00e4ritetty viestille.<\/p>\n

\u00a0function catch_first_image($post_id) {\n\u00a0 \u00a0ob_start();\n\u00a0 \u00a0ob_end_clean();\n\u00a0 \u00a0$related_post = get_post($post_id);\n\u00a0 \u00a0$content = $related_post->post_content;\n\u00a0 \u00a0$output = preg_match_all('\/<img.+src=['\"]([^'\"]+)['\"].*>\/i', $content, $matches);\n\u00a0 \u00a0return $matches[1][0];\n\u00a0} <\/code><\/pre>\n
Laita sitten seuraavat tiedot haluamaasi paikkaan, esim. Single.php. Voit s\u00e4\u00e4t\u00e4\u00e4 viestien m\u00e4\u00e4r\u00e4\u00e4 ($num = 4) vastaavasti.<\/p>\n
<style>\n.justyyimg {max-width:120px; height: 120px;}\n<\/style>\n\u00a0\n<div id=\"related-posts\">\n\u00a0 \u00a0 <div class=\"related\" class=\"clearfix\">\n\u00a0 \u00a0 \u00a0 <?php \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\n\u00a0 \u00a0 \u00a0 $post_num = 4;\n\u00a0 \u00a0 \u00a0 $exclude_id = $post->id; \n\u00a0 \u00a0 \u00a0 $args = array(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'post_status' => 'publish',\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'post__not_in' => explode(',', $exclude_id),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'orderby' => 'rand',\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'posts_per_page' => $post_num\n\u00a0 \u00a0 \u00a0 );\n\u00a0 \u00a0 \u00a0 query_posts($args);\n\u00a0 \u00a0 \u00a0 while( have_posts()) { the_post(); ?>\n\u00a0 \u00a0 \u00a0 <a href=\"<?php echo the_permalink(); ?>\" title=\"<?php the_title(); ?>\" >\n\u00a0 \u00a0 \u00a0 <?php \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (has_post_thumbnail()) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 the_post_thumbnail();\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 $img = catch_first_image(get_the_id());\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (strlen($img)) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 echo \"<img alt='\".get_the_title().\"' class='justyyimg' src=\"\".$img.\"\"\/>\";\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 echo \"<img alt='\".get_the_title().\"' class='justyyimg' src=\"<a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/justyy.com\/jpg\/\".mt_rand\" rel=\"nofollow\"><span>https<\/span><span>:\/\/<\/span><span>justyy<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>jpg<\/span><span>\/\".<\/span><span>mt<\/span><span>_<\/span><span>rand<\/span><\/a>(1, 20).\".jpg\"\/>\";\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 ?><\/a>\n\u00a0 \u00a0 \u00a0 <?php\n\u00a0 \u00a0 \u00a0 \u00a0 $exclude_id .= ','. get_the_id(); \u00a0 \u00a0 \u00a0 \u00a0 \n\u00a0 \u00a0 \u00a0 } \n\u00a0 \u00a0 \u00a0 wp_reset_query();\n\u00a0 \u00a0 \u00a0 ?>\n\u00a0 \u00a0 <\/div>\n<\/div> \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/code><\/pre>\n
K\u00e4yt\u00e4mme has_post_thumbnail()<\/strong> -komentoa tarkistaaksemme, onko postin pikkukuvia ensin.<\/p>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (has_post_thumbnail()) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 the_post_thumbnail();<\/code><\/pre>\n
Voit tietysti n\u00e4ytt\u00e4\u00e4 aiheeseen liittyvi\u00e4 viestej\u00e4 muokkaamalla kysely\u00e4.<\/p>\n
\u2013TBD\u2013<\/p>\n
Arvosana: 10.0\/ 10<\/strong> (1 \u00e4\u00e4ni)<\/p>\n
403 sanaa
\nViimeinen viesti<\/strong>: Kuinka n\u00e4ytt\u00e4\u00e4 historiallisen ”t\u00e4n\u00e4\u00e4n” viestit WordPressiss\u00e4?<\/a>
\nSeuraava viesti<\/strong>: WP-Rocket Plugin \u2013 pakollinen WordPress-k\u00e4ytt\u00e4jille!<\/a><\/p>\n
:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Kuinka n\u00e4ytt\u00e4\u00e4 satunnaisia \u200b\u200bviestej\u00e4 WordPressiss\u00e4 pikkukuvien avulla?<\/p>\n","protected":false},"author":1,"featured_media":223922,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[895,917,834,843,803,995,864],"tags":[1166],"class_list":["post-232751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-koodi","category-muut","category-opas-aloittelijoille","category-opetusohjelmia","category-php-5","category-sisaltomarkkinointi","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=232751"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232751\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/223922"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=232751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=232751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=232751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}