Heben Sie Topic-Beiträge hervor, die mehr als 5 Kommentare enthalten

Beim Betreiben eines WordPress-Blogs ist es am wichtigsten , qualitativ hochwertige, originelle Inhalte bereitzustellen, die die Leser ansprechen. Wenn Sie einige beliebte Posts mit vielen Kommentaren haben, sollten Sie in Betracht ziehen, diese heißen Themen hervorzuheben. Es ist eine großartige Möglichkeit, die Aufmerksamkeit der Leser zu gewinnen.

Dies ist eine sehr einfache Modifikation, für die kein Plugin erforderlich ist, und die Ihnen helfen kann, Inhalte in einer Blogliste visuell zu filtern und wichtige Beiträge hervorzuheben. Sie können beispielsweise alle Beiträge hervorheben, die mehr als 5 Kommentare enthalten.

Lassen Sie uns zunächst ein wenig in die WordPress-Kerndateien eintauchen, um die endgültige Lösung klar zu verstehen.

Wenn Sie in der Vergangenheit einige Änderungen an Designdateien vorgenommen haben, haben Sie wahrscheinlich so etwas gesehen:

<?php
/**
* The template part for displaying single posts
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 1.0
*/
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
<?php twentysixteen_excerpt(); ?>
<?php twentysixteen_post_thumbnail(); ?>
<div class="entry-content">

 post_class

Wenn Sie in WordPress-Kerndateien nach post_Class suchen, können Sie diesen Teil leicht in wp-includes/post-template.php finden:

$classes = array_map( 'esc_attr', $classes );
/**
* Filters the list of CSS classes for the current post.
*
* @since 2.7.0
*
* @param array $classes An array of post classes.
* @param array $class An array of additional classes added to the post.
* @param int $post_id The post ID.
*/
$classes = apply_filters( 'post_class', $classes, $class, $post->ID );
return array_unique( $classes );
}

apply_filters

Unsere Funktion, um dies zu erreichen, sieht folgendermaßen aus:

/**
* Function for adding custom css class to post_class for posts with minimum number of comments
* Then styling of hot-topic css class can be done inside child theme style.css file or from WP Back end > Appearance > Customize
*/
if (! function_exists('wpklik_function_css_class_for_highly_commented_posts')) {
function wpklik_function_css_class_for_highly_commented_posts($classes, $class, $post_id) {
$min_comments = 5; // change this number to your liking
if (is_archive() || is_home()) {
if (get_comments_number() >= $min_comments) {
$classes[] = 'hot-topic';
}
}
return $classes;
}
add_filter('post_class', 'wpklik_function_css_class_for_highly_commented_posts', 10,3);
}

Mit unserer Funktion verarbeiten wir einfach die Anzahl der Kommentare auf Bloglisten- und Archivseiten für jeden Beitrag, und wenn diese Anzahl größer oder gleich unserer gewünschten Mindestanzahl ist (standardmäßig auf 5 festgelegt), geben wir unser benutzerdefiniertes heißes Thema weiter CSS-Klasse zu diesen Artikeln. Effektiv werden dadurch alle einzelnen Posts mit 5 oder mehr Kommentaren hervorgehoben.

Wenn Sie jetzt den Blog besuchen und Beiträge mit mehr als 5 Kommentaren überprüfen, werden Sie die Klasse der heißen Themen bemerken.

style.css

Hier ist ein Beispiel für den Code, den ich für diesen Zweck verwendet habe:

article.hot-topic:before {
content: "Trending !";
position: absolute;
left: -20px;
top: -20px;
transform: rotate(-7deg);
color: red;
font-weight: 600;
}
article.hot-topic .entry-title a {
text-decoration: underline;
}
article.hot-topic .entry-title a:hover {
color: red;
}
article.hot-topic span.comments-link a {
color: red;
font-weight: 600;
}

Und das Endergebnis ist folgendes:

Ich hoffe, dass einige von Ihnen dies interessant und hilfreich finden werden, wenn ja, vergessen Sie bitte nicht, es zu teilen.