{"id":371875,"date":"2023-05-12T19:08:00","date_gmt":"2023-05-12T16:08:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371875"},"modified":"2022-10-14T06:09:48","modified_gmt":"2022-10-14T03:09:48","slug":"evidenzia-il-post-di-argomento-caldo-che-contiene-piu-di-5-commenti","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/evidenzia-il-post-di-argomento-caldo-che-contiene-piu-di-5-commenti\/","title":{"rendered":"Evidenzia il post di argomento caldo che contiene pi\u00f9 di 5 commenti"},"content":{"rendered":"\n

Durante l’esecuzione di un blog WordPress, la cosa pi\u00f9 importante \u00e8 fornire contenuti originali e di alta qualit\u00e0, che coinvolgano i lettori<\/strong>. Se hai alcuni post popolari con molti commenti, dovresti considerare di evidenziare questi argomenti caldi<\/strong>. \u00c8 un ottimo modo per catturare l’attenzione dei lettori.<\/p>\n

Questa \u00e8 una modifica molto semplice, che non richiede un plug<\/strong> -in e pu\u00f2 aiutarti a filtrare visivamente i contenuti in un elenco di blog e ad evidenziare i post importanti. Ad esempio, puoi scegliere di evidenziare tutti i post che contengono pi\u00f9 di 5 commenti.<\/p>\n

Per prima cosa, tuffiamoci un po’ all’interno dei file core di WordPress per avere una chiara comprensione della soluzione finale.<\/p>\n

Se hai apportato alcune modifiche ai file del tema in passato, probabilmente hai visto qualcosa del genere:<\/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 cerchi post_Class all’interno dei file core di WordPress, puoi facilmente trovare questa parte che si trova all’interno di 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
La nostra funzione per raggiungere questo obiettivo sar\u00e0 simile a questa:<\/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 la nostra funzione, elaboreremo semplicemente il numero di commenti sull’elenco dei blog e sulle pagine di archivio per ogni post e se quel numero \u00e8 maggiore o uguale al numero minimo desiderato (per impostazione predefinita impostato su 5), passeremo il nostro argomento caldo personalizzato CSS a questi articoli. In effetti, questo evidenzier\u00e0 tutti i singoli post con 5 o pi\u00f9 commenti al loro interno.<\/p>\n
Se ora visiti il \u200b\u200bblog e ispezioni i post contenenti pi\u00f9 di 5 commenti, noterai una classe di argomenti caldi.<\/p>\n
style.css<\/code><\/pre>\n
Ecco un esempio del codice che ho usato per questo scopo:<\/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 il risultato finale \u00e8 questo:<\/p>\n
\"Evidenzia<\/a><\/p>\n
Spero che alcuni di voi lo trovino interessante e utile, in tal caso, non dimenticate di condividere.<\/p>\n
Fonte di registrazione:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Evidenzia il post di argomento caldo che contiene pi\u00f9 di 5 commenti. \u00c8 facile e pratico. Impara come.<\/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":[632,571,285],"tags":[846],"class_list":["post-371875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-nozioni-di-base-su-wordpress","category-seo-7","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/371875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=371875"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/371875\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/274625"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=371875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=371875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=371875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}