{"id":371905,"date":"2023-05-12T19:23:00","date_gmt":"2023-05-12T16:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371905"},"modified":"2022-10-14T06:21:19","modified_gmt":"2022-10-14T03:21:19","slug":"resalte-la-publicacion-de-tema-candente-que-contiene-mas-de-5-comentarios","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/resalte-la-publicacion-de-tema-candente-que-contiene-mas-de-5-comentarios\/","title":{"rendered":"Resalte la publicaci\u00f3n de tema candente que contiene m\u00e1s de 5 comentarios"},"content":{"rendered":"\n

Al ejecutar un blog de WordPress, lo m\u00e1s importante es proporcionar contenido original y de alta calidad que atraiga a los lectores<\/strong>. Si tiene algunas publicaciones populares con muchos comentarios, deber\u00eda considerar resaltar estos temas candentes<\/strong>. Es una excelente manera de captar la atenci\u00f3n de los lectores.<\/p>\n

Esta es una modificaci\u00f3n muy f\u00e1cil, que no requiere un complemento<\/strong>, y puede ayudarlo a filtrar visualmente el contenido en una lista de blogs y resaltar publicaciones importantes. Por ejemplo, puede elegir resaltar todas las publicaciones que contienen m\u00e1s de 5 comentarios.<\/p>\n

Primero, profundicemos un poco dentro de los archivos principales de WordPress para tener una comprensi\u00f3n clara de la soluci\u00f3n final.<\/p>\n

Si hiciste algunas modificaciones de los archivos de temas en el pasado, probablemente hayas visto algo como esto:<\/p>\n

<?php\n\/**\n* The template part for displaying single posts\n*\n* @package WordPress\n* @subpackage Twenty_Sixteen\n* @since Twenty Sixteen 1.0\n*\/\n?>\n<article id=\"post-<?php the_ID(); ?>\" <?php post_class(); ?>>\n<header class=\"entry-header\">\n<?php the_title( '<h1 class=\"entry-title\">', '<\/h1>' ); ?>\n<\/header><!-- .entry-header -->\n<?php twentysixteen_excerpt(); ?>\n<?php twentysixteen_post_thumbnail(); ?>\n<div class=\"entry-content\"><\/code><\/pre>\n
 post_class<\/code><\/pre>\n
Si busca post_Class dentro de los archivos principales de WordPress, puede encontrar f\u00e1cilmente esta parte ubicada dentro de wp-includes\/post-template.php:<\/p>\n
$classes = array_map( 'esc_attr', $classes );\n\/**\n* Filters the list of CSS classes for the current post.\n*\n* @since 2.7.0\n*\n* @param array $classes An array of post classes.\n* @param array $class An array of additional classes added to the post.\n* @param int $post_id The post ID.\n*\/\n$classes = apply_filters( 'post_class', $classes, $class, $post->ID );\nreturn array_unique( $classes );\n}<\/code><\/pre>\n
apply_filters<\/code><\/pre>\n
Nuestra funci\u00f3n para lograr esto se ver\u00e1 as\u00ed:<\/p>\n
\/**\n* Function for adding custom css class to post_class for posts with minimum number of comments\n* Then styling of hot-topic css class can be done inside child theme style.css file or from WP Back end > Appearance > Customize\n*\/\nif (! function_exists('wpklik_function_css_class_for_highly_commented_posts')) {\nfunction wpklik_function_css_class_for_highly_commented_posts($classes, $class, $post_id) {\n$min_comments = 5; \/\/ change this number to your liking\nif (is_archive() || is_home()) {\nif (get_comments_number() >= $min_comments) {\n$classes[] = 'hot-topic';\n}\n}\nreturn $classes;\n}\nadd_filter('post_class', 'wpklik_function_css_class_for_highly_commented_posts', 10,3);\n}<\/code><\/pre>\n
Con nuestra funci\u00f3n, simplemente procesaremos la cantidad de comentarios en la lista de blogs y las p\u00e1ginas de archivo para cada publicaci\u00f3n y, si ese n\u00famero es mayor o igual que nuestro n\u00famero m\u00ednimo deseado (establecido de forma predeterminada en 5), pasaremos nuestro tema de actualidad personalizado. clase css a estos art\u00edculos. Efectivamente, esto resaltar\u00e1 todas las publicaciones individuales con 5 o m\u00e1s comentarios en ellas.<\/p>\n
Si ahora visita el blog e inspecciona las publicaciones que contienen m\u00e1s de 5 comentarios, notar\u00e1 una clase de tema candente.<\/p>\n
style.css<\/code><\/pre>\n
Aqu\u00ed hay un ejemplo del c\u00f3digo que he usado para este prop\u00f3sito:<\/p>\n
article.hot-topic:before {\ncontent: \"Trending !\";\nposition: absolute;\nleft: -20px;\ntop: -20px;\ntransform: rotate(-7deg);\ncolor: red;\nfont-weight: 600;\n}\narticle.hot-topic .entry-title a {\ntext-decoration: underline;\n}\narticle.hot-topic .entry-title a:hover {\ncolor: red;\n}\narticle.hot-topic span.comments-link a {\ncolor: red;\nfont-weight: 600;\n}<\/code><\/pre>\n
Y el resultado final es este:<\/p>\n
\"Resalte<\/a><\/p>\n
Espero que algunos de ustedes encuentren esto interesante y \u00fatil, si es as\u00ed, no olviden compartir.<\/p>\n
Fuente de grabaci\u00f3n:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Resalte la publicaci\u00f3n de tema candente que contiene m\u00e1s de 5 comentarios. Es f\u00e1cil y pr\u00e1ctico. Aprender c\u00f3mo.<\/p>\n","protected":false},"author":1,"featured_media":274625,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[627,566,280],"tags":[849],"class_list":["post-371905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloguear","category-conceptos-basicos-de-wordpress","category-seo-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=371905"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371905\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/274625"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=371905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=371905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=371905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}