{"id":232797,"date":"2023-01-27T09:54:00","date_gmt":"2023-01-27T06:54:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232797"},"modified":"2023-01-28T18:46:40","modified_gmt":"2023-01-28T15:46:40","slug":"comment-afficher-des-publications-aleatoires-dans-wordpress-a-laide-de-vignettes","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-afficher-des-publications-aleatoires-dans-wordpress-a-laide-de-vignettes\/","title":{"rendered":"Comment afficher des publications al\u00e9atoires dans WordPress \u00e0 l’aide de vignettes ?"},"content":{"rendered":"

Dans les derniers messages<\/a>, nous savons qu’une des m\u00e9thodes pour augmenter les pages vues est d’afficher une liste des messages pass\u00e9s. Une autre m\u00e9thode consiste \u00e0 afficher des messages al\u00e9atoires. Bien s\u00fbr, nous montrons les publications en utilisant la vignette dans la publication, ce qui attirera l’attention. La meilleure id\u00e9e est donc de le placer sous le menu de navigation (quelque chose comme Google match content<\/a> ).<\/p>\n

Vous devez d’abord d\u00e9finir une fonction pour r\u00e9cup\u00e9rer la premi\u00e8re image du message. Ceci doit \u00eatre utilis\u00e9 si [Feature Image] n’est pas d\u00e9fini pour une publication.<\/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
Ensuite, placez ce qui suit \u00e0 l’endroit de votre choix, par exemple Single.php. Vous pouvez ajuster le nombre de messages ($num = 4) en cons\u00e9quence.<\/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
Nous utilisons has_post_thumbnail()<\/strong> pour v\u00e9rifier d’abord l’existence de vignettes de publication.<\/p>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (has_post_thumbnail()) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 the_post_thumbnail();<\/code><\/pre>\n
Vous pouvez bien s\u00fbr afficher les publications associ\u00e9es en ajustant la requ\u00eate.<\/p>\n
\u2013\u00c0 d\u00e9terminer\u2013<\/p>\n
Note: 10.0\/ 10<\/strong> (1 vote exprim\u00e9)<\/p>\n
403 mots
\nDernier message<\/strong>: Comment afficher les messages historiques \u00abaujourd’hui\u00bb dans WordPress ?<\/a>
\nArticle suivant<\/strong>: Plugin WP-Rocket \u2013 Un must pour les utilisateurs de WordPress !<\/a><\/p>\n
Source d’enregistrement:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Comment afficher des messages al\u00e9atoires dans WordPress \u00e0 l’aide de vignettes ?<\/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":[915,893,832,993,801,841,862],"tags":[1167],"class_list":["post-232797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autre","category-code-2","category-guide-pour-les-debutants","category-marketing-de-contenu","category-php-3","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232797"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232797\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/223922"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}