Trick # 543 | Dieser Beitrag beinhaltet 675 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
Womöglich möchten Sie die Aufrufstatistik der meistbesuchten Beiträge Ihres Blogs anzeigen. Dazu eignet sich ein Widget in der Seitenleiste ganz besonders. Wie Sie ein solches Widget erstellen, zeigen wir Ihnen im heutigen Trick.
Dieser Hack basiert auf unserem Trick «Beitragsaufrufe – Trick #1: Aufrufe zählen und im Backend anzeigen». Wenn Sie die Beitragsaufrufe in einem Widget auf der Website anzeigen möchten, müssen Sie zuerst den Trick #1 umsetzen.
Wenn Sie also in der Seitenleiste ein Widget möchten, welches Ihre Seitenaufrufe anzeigt, fügen Sie die folgenden Zeilen zu Ihrer Datei functions.php hinzu – unter Design/Theme-Datei-Editor:
// Widget-Klasse für meistbesuchte Beiträge
class Most_Viewed_Posts_Widget extends WP_Widget {
public function __construct() {
parent::__construct(
'most_viewed_posts_widget', // Widget-ID
'Meistbesuchte Beiträge', // Widget-Name
['description' => 'Zeigt die 5 meistbesuchten Beiträge an.'] // Beschreibung
);
}
public function widget($args, $instance) {
echo $args['before_widget'];
echo $args['before_title'] . 'Meistbesuchte Beiträge' . $args['after_title'];
// Meistbesuchte Beiträge abrufen
$query_args = [
'posts_per_page' => 5,
'meta_key' => 'post_views_count',
'orderby' => 'meta_value_num',
'order' => 'DESC'
];
$most_viewed_posts = new WP_Query($query_args);
if ($most_viewed_posts->have_posts()) {
echo '<ul>';
while ($most_viewed_posts->have_posts()) {
$most_viewed_posts->the_post();
echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a> (' . get_post_meta(get_the_ID(), 'post_views_count', true) . ' Ansichten)</li>';
}
echo '</ul>';
} else {
echo '<p>Keine Beiträge verfügbar.</p>';
}
wp_reset_postdata();
echo $args['after_widget'];
}
public function form($instance) {
// Optionen für das Widget im Adminbereich (optional)
}
public function update($new_instance, $old_instance) {
// Aktualisierung der Widget-Einstellungen (optional)
return $new_instance;
}
}
// Registrierung des Widgets
function register_most_viewed_posts_widget() {
register_widget('Most_Viewed_Posts_Widget');
}
add_action('widgets_init', 'register_most_viewed_posts_widget');Der Code wird die fünf meistbetrachteten Posts auflisten. Sollen es mehr oder weniger sein? Dann passen Sie den Wert in Zeile 18 an.
Nun müssen Sie das neue Widget noch in der Seitenleiste platzieren. Hiezu navigieren Sie in Ihrem WordPress-Adminbereich zu Design/Widgets und ziehen Sie das neue Widget «Meistbesuchte Beiträge» an den gewünschten Ort Ihrer Seitenleiste. Speichern Sie anschliessend die Einstellungen. Das Widget ist sofort aktiv und stellt die Beitragsaufrufe nun auch im Frontend dar.
Optional: Widget stylen
Wenn Sie möchten, können Sie das soeben aktivierte Widget mittels CSS noch ein wenig stylen. Auch dafür haben wir ein paar Zeilen Code parat. Diesen fügen Sie in das CSS-Stylesheet Ihrer Website ein – unter Design/Customizer/Zusätzliches CSS:
.widget .most-viewed-posts ul {
list-style: none;
padding: 0;
}
.widget .most-viewed-posts ul li {
margin-bottom: 10px;
}
.widget .most-viewed-posts ul li a {
text-decoration: none;
color: #0073aa;
}
.widget .most-viewed-posts ul li a:hover {
text-decoration: underline;
}Selbstverständlich können Sie die Darstellung nach eigenem Gutdünken beliebig anpassen.
Werbung
Werbung
