{"id":232736,"date":"2023-01-27T10:42:00","date_gmt":"2023-01-27T07:42:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232736"},"modified":"2023-01-28T18:36:09","modified_gmt":"2023-01-28T15:36:09","slug":"como-mostrar-publicaciones-aleatorias-en-wordpress-usando-miniaturas","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-mostrar-publicaciones-aleatorias-en-wordpress-usando-miniaturas\/","title":{"rendered":"\u00bfC\u00f3mo mostrar publicaciones aleatorias en WordPress usando miniaturas?"},"content":{"rendered":"<p>En las <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-mostrar-publicaciones-de-hoy-historico-en-wordpress\/\" title=\"\u00faltimas publicaciones\">\u00faltimas publicaciones<\/a>, sabemos que uno de los m\u00e9todos para aumentar las visitas a la p\u00e1gina es mostrar una lista de las publicaciones anteriores. Otro m\u00e9todo es mostrar publicaciones aleatorias. Por supuesto, estamos mostrando las publicaciones usando la miniatura en la publicaci\u00f3n, lo que llamar\u00e1 la atenci\u00f3n. As\u00ed que la mejor idea es ponerlo debajo del men\u00fa de navegaci\u00f3n (algo as\u00ed como el <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-mostrar-articulos-relacionados-usando-el-contenido-relacionado-de-google-adsense\/\" title=\"contenido de coincidencia de Google\">contenido de coincidencia de Google<\/a> ).<\/p>\n<p>Primero debe definir una funci\u00f3n para recuperar la primera imagen en la publicaci\u00f3n. Esto se debe usar si la [Imagen destacada] no est\u00e1 definida para una publicaci\u00f3n.<\/p>\n<pre><code>\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-&gt;post_content;\n\u00a0 \u00a0$output = preg_match_all('\/&lt;img.+src=['\"]([^'\"]+)['\"].*&gt;\/i', $content, $matches);\n\u00a0 \u00a0return $matches[1][0];\n\u00a0} <\/code><\/pre>\n<p>Luego coloque lo siguiente en alg\u00fan lugar que desee, por ejemplo, Single.php. Puede ajustar el n\u00famero de publicaciones ($num = 4) en consecuencia.<\/p>\n<pre><code>&lt;style&gt;\n.justyyimg {max-width:120px; height: 120px;}\n&lt;\/style&gt;\n\u00a0\n&lt;div id=\"related-posts\"&gt;\n\u00a0 \u00a0 &lt;div class=\"related\" class=\"clearfix\"&gt;\n\u00a0 \u00a0 \u00a0 &lt;?php \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\n\u00a0 \u00a0 \u00a0 $post_num = 4;\n\u00a0 \u00a0 \u00a0 $exclude_id = $post-&gt;id; \n\u00a0 \u00a0 \u00a0 $args = array(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'post_status' =&gt; 'publish',\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'post__not_in' =&gt; explode(',', $exclude_id),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'orderby' =&gt; 'rand',\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 'posts_per_page' =&gt; $post_num\n\u00a0 \u00a0 \u00a0 );\n\u00a0 \u00a0 \u00a0 query_posts($args);\n\u00a0 \u00a0 \u00a0 while( have_posts()) { the_post(); ?&gt;\n\u00a0 \u00a0 \u00a0 &lt;a href=\"&lt;?php echo the_permalink(); ?&gt;\" title=\"&lt;?php the_title(); ?&gt;\" &gt;\n\u00a0 \u00a0 \u00a0 &lt;?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 \"&lt;img alt='\".get_the_title().\"' class='justyyimg' src=\"\".$img.\"\"\/&gt;\";\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 echo \"&lt;img alt='\".get_the_title().\"' class='justyyimg' src=\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/justyy.com\/jpg\/\".mt_rand\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;justyy&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;jpg&lt;\/span&gt;&lt;span&gt;\/\".&lt;\/span&gt;&lt;span&gt;mt&lt;\/span&gt;&lt;span&gt;_&lt;\/span&gt;&lt;span&gt;rand&lt;\/span&gt;&lt;\/a&gt;(1, 20).\".jpg\"\/&gt;\";\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 ?&gt;&lt;\/a&gt;\n\u00a0 \u00a0 \u00a0 &lt;?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 ?&gt;\n\u00a0 \u00a0 &lt;\/div&gt;\n&lt;\/div&gt; \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/code><\/pre>\n<p>Usamos <strong>has_post_thumbnail()<\/strong> para verificar primero la existencia de miniaturas de publicaciones.<\/p>\n<pre><code>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (has_post_thumbnail()) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 the_post_thumbnail();<\/code><\/pre>\n<p>Por supuesto, podr\u00eda mostrar publicaciones relacionadas ajustando la consulta.<\/p>\n<p>\u2013TBD\u2013<\/p>\n<p>Calificaci\u00f3n: 10.0\/ <strong>10<\/strong> (1 voto emitido)<\/p>\n<p>403 palabras<br \/>\n<strong>\u00daltimo mensaje<\/strong>: <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-mostrar-publicaciones-de-hoy-historico-en-wordpress\/\" title=\"\u00bfC\u00f3mo mostrar mensajes de 'hoy' hist\u00f3ricos en WordPress?\">\u00bfC\u00f3mo mostrar mensajes de &#8216;hoy&#8217; hist\u00f3ricos en WordPress?<\/a><br \/>\n<strong>Publicaci\u00f3n siguiente<\/strong>: <a href=\"https:\/\/wordpress.mediadoma.com\/es\/complemento-wp-rocket-imprescindible-para-los-usuarios-de-wordpress\/\" title=\"Complemento WP-Rocket: \u00a1imprescindible para los usuarios de WordPress!\">Complemento WP-Rocket: \u00a1imprescindible para los usuarios de WordPress!<\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo mostrar publicaciones aleatorias en WordPress usando miniaturas?<\/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":[892,831,992,914,800,840,861],"tags":[1172],"class_list":["post-232736","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-guia-para-principiantes","category-marketing-de-contenidos","category-otro","category-php-2","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=232736"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232736\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/223922"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=232736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=232736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=232736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}