Related Posts without plugin !!
-
Hi,
For all users of the theme, if you want to “Related Posts” without plugin.
In functions.php (child theme) put thisadd_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 100, 50, true );
In single.php (child theme) put this, to line 119 in the code
<- / single-Navigation ->
<div class="relatedposts"> <h3>RElated Posts</h3> <?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="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br /> <?php the_title(); ?> </a> </div> <? } } $post = $orig_post; wp_reset_query(); ?> </div> <div class="clear"></div>
and finally in style.css (child theme) put this
.relatedposts {width: 760px; margin: 0 0 20px 0; float: left; font-size: 12px;border-bottom: 1px solid #E4E4E4;} .relatedposts h3 {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: 10px; width: 150px;} .relatedthumb a:hover {background-color: #ddd; color: #000;}
screenshot
https://img809.imageshack.us/img809/9522/47vt.jpg
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Related Posts without plugin !!’ is closed to new replies.