Möchten Sie eine Liste verwandter Beiträge auf Ihrer WordPress-Website anzeigen und verwenden Sie lieber Code als ein Plugin?
Wenn Besucher Ihres Blogs einen Artikel gelesen haben, an dem sie interessiert sind, können Sie durch das Anbieten einer Liste verwandter Beiträge motiviert bleiben und neue Inhalte zum Lesen finden.
In diesem Artikel zeigen wir Ihnen, wie Sie mit WordPress verwandte Beiträge mithilfe von Code anzeigen, ohne dass ein Plugin erforderlich ist.
Warum verwandte Seiten in WordPress anzeigen?
Wenn Ihr WordPress-Blog zu wachsen beginnt, kann es für Benutzer schwieriger werden, andere Beiträge zum gleichen Thema zu finden.
Das Anzeigen einer Liste verwandter Inhalte am Ende jedes Blog-Posts ist eine großartige Möglichkeit, Ihre Besucher auf Ihrer Website zu halten und die Seitenaufrufe zu erhöhen. Es trägt auch dazu bei, die Sichtbarkeit Ihrer wichtigsten Seiten zu verbessern, indem Ihre besten Inhalte dort angezeigt werden, wo sie leicht zu finden sind.
Wenn Sie mit Code nicht vertraut sind, ist es einfacher, eines der vielen WordPress-bezogenen Post-Plugins auszuwählen, die verwandte Posts ohne Code anzeigen können.
Wenn Sie sich jedoch jemals gefragt haben, ob Sie verwandte Beiträge ohne Verwendung eines Plugins anzeigen können, stellen wir Ihnen zwei verschiedene Algorithmen vor, mit denen Sie verwandte Beiträge mit Miniaturansichten allein mithilfe von Code generieren können:
- Methode 1: So zeigen Sie verwandte Beiträge in WordPress nach Tags an
- Methode 2: So zeigen Sie verwandte Beiträge in WordPress nach Kategorie an
Notiz: Wenn Sie zu jedem zugehörigen Beitrag ein Miniaturbild anzeigen möchten, stellen Sie sicher, dass Sie diesen Beiträgen zuerst ein vorgestelltes Bild hinzufügen.
Methode 1: So zeigen Sie verwandte Beiträge in WordPress nach Tags an
Eine effiziente Möglichkeit, verwandte Inhalte zu finden, besteht darin, nach anderen Beiträgen zu suchen, die dieselben Tags verwenden. Tags werden oft verwendet, um sich auf die spezifischen Details eines Beitrags zu konzentrieren.
In diesem Sinne möchten Sie vielleicht fortfahren und den Beiträgen, die Sie miteinander in Beziehung setzen möchten, einige allgemeine Tags hinzufügen. Sie können sie im WordPress-Editor in das Feld ‚Tags‘ eingeben.
Nachdem Sie Ihren Beiträgen Tags hinzugefügt haben, müssen Sie als Nächstes den folgenden Codeausschnitt zu Ihrem Thema hinzufügen single.php
Vorlage. Wenn Sie Hilfe beim Hinzufügen von Code zu Ihrer Website benötigen, lesen Sie unsere Anleitung zum Hinzufügen von benutzerdefiniertem Code in WordPress.
$orig_post = $post; global $post; $tags = wp_get_post_tags($post->ID); if ($tags) { $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id; $args=array( 'tag__in' => $tag_ids, 'post__not_in' => array($post->ID), 'posts_per_page'=>5, // Number of related posts that will be shown. 'ignore_sticky_posts'=>1 ); $my_query = new wp_query( $args ); if( $my_query->have_posts() ) { echo '<div id="relatedposts"><h3>Related Posts</h3><ul>'; while( $my_query->have_posts() ) { $my_query->the_post(); ?> <li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div> <div class="relatedcontent"> <h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3> <!--?php the_time('M j, Y') ?--> </div> </li> <!--?php } echo '</ul--></ul></div>'; } } $post = $orig_post; wp_reset_query();
Dieser Code sucht nach Tags, die einer Seite zugeordnet sind, und führt dann eine Datenbankabfrage aus, um Seiten mit ähnlichen Tags abzurufen.
Wo soll der Code platziert werden? Das hängt von deinem Theme ab, aber in den meisten Fällen solltest du den Code in dein Theme einfügen können single.php Vorlage nach dem Hauptbeitrag und direkt über dem Kommentarbereich.
Wenn Sie das Twenty Twenty-One-Theme verwenden, wie wir es auf unserer Demo-Site sind, dann ist ein guter Ort zum Einfügen des Codes in der template-parts/content/content-single.php
Datei nach dem Header und direkt danach <?php the_content();
.
Dadurch werden automatisch verwandte Inhalte in jedem WordPress-Beitrag angezeigt. Sie müssen das Design und das Erscheinungsbild Ihrer verwandten Beiträge ändern, damit sie zu Ihrem Thema passen, indem Sie benutzerdefiniertes CSS hinzufügen.
Methode 2: So zeigen Sie verwandte Beiträge in WordPress nach Kategorie an
Eine andere Möglichkeit, verwandte Inhalte anzuzeigen, besteht darin, Beiträge aufzulisten, die sich in derselben Kategorie befinden. Der Vorteil dieser Methode besteht darin, dass die Liste der verwandten Beiträge fast nie leer ist.
Wie bei Methode 1 müssen Sie Ihrem Theme ein Code-Snippet hinzufügen single.php Vorlage. Weitere Informationen finden Sie unter Methode 1 und in unserem Leitfaden zum Hinzufügen von benutzerdefiniertem Code in WordPress.
$orig_post = $post; global $post; $categories = get_the_category($post->ID); if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; $args=array( 'category__in' => $category_ids, 'post__not_in' => array($post->ID), 'posts_per_page'=> 2, // Number of related posts that will be shown. 'ignore_sticky_posts'=>1 ); $my_query = new wp_query( $args ); if( $my_query->have_posts() ) { echo '<div id="related_posts"><h3>Related Posts</h3><ul>'; while( $my_query->have_posts() ) { $my_query->the_post();?> <li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div> <div class="relatedcontent"> <h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3> <!--?php the_time('M j, Y') ?--> </div> </li> <!--?php } echo '</ul--></ul></div>'; } } $post = $orig_post; wp_reset_query();
Jetzt sehen Sie am Ende jedes Beitrags eine Liste mit verwandten Inhalten.
Wenn Sie das Design und das Erscheinungsbild Ihrer verwandten Seiten ändern möchten, müssen Sie benutzerdefiniertes CSS hinzufügen, das zu Ihrem Thema passt.
Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie verwandte Beiträge mit Miniaturansichten in WordPress ohne Plugins anzeigen.
Vielleicht möchten Sie auch erfahren, wie Sie Besucher Ihrer WordPress-Site verfolgen, oder unsere Liste mit 24 Tipps zur Beschleunigung Ihrer Website lesen.