{"id":372100,"date":"2023-05-12T19:22:00","date_gmt":"2023-05-12T16:22:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=372100"},"modified":"2022-10-14T10:11:01","modified_gmt":"2022-10-14T07:11:01","slug":"mettez-en-surbrillance-le-sujet-dactualite-contenant-plus-de-5-commentaires","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/mettez-en-surbrillance-le-sujet-dactualite-contenant-plus-de-5-commentaires\/","title":{"rendered":"Mettez en surbrillance le sujet d’actualit\u00e9 contenant plus de 5 commentaires"},"content":{"rendered":"\n

Lors de la gestion d’un blog WordPress, le plus important est de fournir un contenu original de haute qualit\u00e9, qui engagera les lecteurs<\/strong>. Si vous avez des messages populaires avec beaucoup de commentaires, vous devriez envisager de mettre en \u00e9vidence ces sujets d’actualit\u00e9<\/strong>. C’est un excellent moyen d’attirer l’attention des lecteurs.<\/p>\n

Il s’agit d’une modification tr\u00e8s simple, qui ne n\u00e9cessite pas de plugin<\/strong> et qui peut vous aider \u00e0 filtrer visuellement le contenu d’une liste de blogs et \u00e0 mettre en \u00e9vidence les publications importantes. Par exemple, vous pouvez choisir de mettre en surbrillance tous les messages contenant plus de 5 commentaires.<\/p>\n

Tout d’abord, plongeons un peu dans les fichiers de base de WordPress afin de bien comprendre la solution finale.<\/p>\n

Si vous avez fait quelques modifications de fichiers de th\u00e8me dans le pass\u00e9, vous avez probablement vu quelque chose comme ceci :<\/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 vous recherchez post_Class dans les fichiers principaux de WordPress, vous pouvez facilement trouver cette partie situ\u00e9e dans 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
Notre fonction pour y parvenir ressemblera \u00e0 ceci\u00a0:<\/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
Avec notre fonction, nous traiterons simplement le nombre de commentaires sur la liste de blogs et les pages d’archives pour chaque publication et si ce nombre est sup\u00e9rieur ou \u00e9gal au nombre minimum souhait\u00e9 (par d\u00e9faut d\u00e9fini sur 5), nous transmettrons notre sujet d’actualit\u00e9 personnalis\u00e9 classe CSS \u00e0 ces articles. En effet, cela mettra en \u00e9vidence tous les messages uniques contenant 5 commentaires ou plus.<\/p>\n
Si vous visitez maintenant le blog et inspectez les messages contenant plus de 5 commentaires, vous remarquerez la classe des sujets br\u00fblants.<\/p>\n
style.css<\/code><\/pre>\n
Voici un exemple du code que j’ai utilis\u00e9 \u00e0 cette fin\u00a0:<\/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
Et le r\u00e9sultat final est celui-ci :<\/p>\n
\"Mettez<\/a><\/p>\n
J’esp\u00e8re que certains d’entre vous trouveront cela int\u00e9ressant et utile, si c’est le cas, n’oubliez pas de partager.<\/p>\n
Source d’enregistrement:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Mettez en surbrillance le sujet br\u00fblant contenant plus de 5 commentaires. C’est facile et pratique. Apprendre.<\/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":[629,568,282],"tags":[844],"class_list":["post-372100","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloguer","category-les-bases-de-wordpress","category-seo-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/372100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=372100"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/372100\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/274625"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=372100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=372100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=372100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}