{"id":372157,"date":"2023-05-12T19:34:00","date_gmt":"2023-05-12T16:34:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=372157"},"modified":"2022-10-14T16:24:54","modified_gmt":"2022-10-14T13:24:54","slug":"destacar-postagem-de-topico-quente-que-contem-mais-de-5-comentarios","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/destacar-postagem-de-topico-quente-que-contem-mais-de-5-comentarios\/","title":{"rendered":"Destacar postagem de t\u00f3pico quente que cont\u00e9m mais de 5 coment\u00e1rios"},"content":{"rendered":"\n

Ao executar um blog WordPress, o mais importante \u00e9 fornecer conte\u00fado original de alta qualidade, que envolva os leitores<\/strong>. Se voc\u00ea tiver algumas postagens populares com muitos coment\u00e1rios, considere destacar esses t\u00f3picos quentes<\/strong>. \u00c9 uma \u00f3tima maneira de chamar a aten\u00e7\u00e3o dos leitores.<\/p>\n

Esta \u00e9 uma modifica\u00e7\u00e3o muito f\u00e1cil, que n\u00e3o requer um plugin<\/strong> e pode ajud\u00e1-lo a filtrar visualmente o conte\u00fado em uma lista de blogs e destacar postagens importantes. Por exemplo, voc\u00ea pode optar por destacar todas as postagens que contenham mais de 5 coment\u00e1rios.<\/p>\n

Primeiro, vamos mergulhar um pouco nos arquivos principais do WordPress para ter um entendimento claro da solu\u00e7\u00e3o final.<\/p>\n

Se voc\u00ea fez algumas modifica\u00e7\u00f5es nos arquivos do tema no passado, provavelmente j\u00e1 viu algo assim:<\/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
Se voc\u00ea pesquisar post_Class nos arquivos principais do WordPress, poder\u00e1 encontrar facilmente esta parte localizada em 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
Nossa fun\u00e7\u00e3o para conseguir isso ser\u00e1 assim:<\/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
Com nossa fun\u00e7\u00e3o, simplesmente processaremos o n\u00famero de coment\u00e1rios na lista de blogs e nas p\u00e1ginas de arquivo para cada postagem e se esse n\u00famero for maior ou igual ao nosso n\u00famero m\u00ednimo desejado (por padr\u00e3o definido como 5), passaremos nosso hot-topic personalizado css para esses artigos. Efetivamente, isso destacar\u00e1 todas as postagens \u00fanicas com 5 ou mais coment\u00e1rios nelas.<\/p>\n
Se voc\u00ea agora visitar o blog e inspecionar postagens contendo mais de 5 coment\u00e1rios, notar\u00e1 uma classe de t\u00f3picos quentes.<\/p>\n
style.css<\/code><\/pre>\n
Aqui est\u00e1 um exemplo do c\u00f3digo que eu usei para esta finalidade:<\/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
E o resultado final \u00e9 este:<\/p>\n
\"Destacar<\/a><\/p>\n
Espero que alguns de voc\u00eas achem isso interessante e \u00fatil, se assim for, n\u00e3o se esque\u00e7a de compartilhar.<\/p>\n
Fonte de grava\u00e7\u00e3o:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Destaque a postagem de t\u00f3pico quente que cont\u00e9m mais de 5 coment\u00e1rios. \u00c9 f\u00e1cil e pr\u00e1tico. Aprenda como.<\/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":[634,573,287],"tags":[848],"class_list":["post-372157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogar","category-nocoes-basicas-do-wordpress","category-seo-9","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/372157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=372157"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/372157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/274625"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=372157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=372157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=372157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}