WordPress Gerelateerde berichten toevoegen zonder plugins
We kunnen veel doen met de ingebouwde functies die WordPress biedt, en in veel gevallen hoeven we onze toevlucht niet te nemen tot plugins van derden om de klus te klaren.
De volgende keer dat je een plugin nodig hebt voor je WordPress blog, kijk dan of je dezelfde functie kunt bereiken zonder de plugin. Zoek op het web naar een alternatief. U zult verbaasd zijn hoeveel er met WordPress uit de doos mogelijk is.
Er zijn veel gevallen bekend van populaire plugins die door hun ontwikkelaars in de steek worden gelaten, waardoor talloze site-eigenaren met verouderde en mogelijk kwetsbare software blijven zitten.
Een andere reden is dat u niet het risico loopt een opgeblazen plugin te gebruiken die uw site tot stilstand kan brengen, of nog erger, een kwaadaardig stuk code kan bevatten, hoewel dit zelden voorkomt, mits u uw plugins uit de officiële WordPress-directory haalt.
Code om Gerelateerde berichten weer te geven (php css)
<div class="relatedposts">
<h4>Related posts</h4>
<?php
$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'=>4, // Number of related posts to display.
'caller_get_posts'=>1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<div class="relatedthumb">
<a rel="nofollow" target="_blank" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>
</div>
<? }
}
$post = $orig_post;
wp_reset_query();
?>
</div>
.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}
.relatedposts h4 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: left; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}
https://www.hongkiat.com/blog/wordpress-related-posts-without-plugins/
https://gist.github.com/jamigibbs/1113929/92ded8f98826c8709aaa7bc67c79dd79edb4b3cf