{"id":232717,"date":"2023-01-27T10:32:00","date_gmt":"2023-01-27T07:32:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232717"},"modified":"2023-01-28T18:16:35","modified_gmt":"2023-01-28T15:16:35","slug":"hur-visar-man-slumpmaessiga-inlaegg-i-wordpress-med-hjaelp-av-miniatyrer","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/hur-visar-man-slumpmaessiga-inlaegg-i-wordpress-med-hjaelp-av-miniatyrer\/","title":{"rendered":"Hur visar man slumpm\u00e4ssiga inl\u00e4gg i WordPress med hj\u00e4lp av miniatyrer?"},"content":{"rendered":"

I de senaste inl\u00e4ggen<\/a> vet vi att en av metoderna f\u00f6r att \u00f6ka sidvisningarna \u00e4r att visa en lista med tidigare inl\u00e4gg. En annan metod \u00e4r att visa slumpm\u00e4ssiga inl\u00e4gg. Naturligtvis visar vi inl\u00e4ggen med hj\u00e4lp av miniatyrbilden i inl\u00e4gget, vilket kommer att bli i\u00f6gonfallande. S\u00e5 den b\u00e4sta id\u00e9n \u00e4r att placera den under navigeringsmenyn (n\u00e5got i stil med Googles matchningsinneh\u00e5ll<\/a> ).<\/p>\n

Du m\u00e5ste f\u00f6rst definiera en funktion f\u00f6r att h\u00e4mta den f\u00f6rsta bilden i inl\u00e4gget. Detta ska anv\u00e4ndas om [Feature Image] inte \u00e4r definierad f\u00f6r ett inl\u00e4gg.<\/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
L\u00e4gg sedan f\u00f6ljande n\u00e5gonstans du vill, t.ex. Single.php. Du kan justera antalet inl\u00e4gg ($num = 4) d\u00e4refter.<\/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
Vi anv\u00e4nder has_post_thumbnail()<\/strong> f\u00f6r att kontrollera f\u00f6rekomsten av inl\u00e4ggsminiatyrer f\u00f6rst.<\/p>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (has_post_thumbnail()) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 the_post_thumbnail();<\/code><\/pre>\n
Du kan naturligtvis visa relaterade inl\u00e4gg genom att justera fr\u00e5gan.<\/p>\n
\u2013TBD\u2013<\/p>\n
Betyg: 10,0\/ 10<\/strong> (1 avgiven r\u00f6st)<\/p>\n
403 ord
\nSenaste<\/strong> inl\u00e4gg: Hur visar man inl\u00e4gg av historiska ”Idag” i WordPress?<\/a>
\nN\u00e4sta inl\u00e4gg<\/strong>: WP-Rocket Plugin \u2013 ett m\u00e5ste f\u00f6r WordPress-anv\u00e4ndare!<\/a><\/p>\n
Inspelningsk\u00e4lla:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Hur visar man slumpm\u00e4ssiga inl\u00e4gg i WordPress med miniatyrbilder?<\/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":[838,848,999,901,922,807,868],"tags":[1173],"class_list":["post-232717","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-foer-nyboerjare","category-handledningar","category-innehallsmarknadsforing","category-koda","category-oevrig","category-php-9","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=232717"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232717\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/223922"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=232717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=232717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=232717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}