WordPress.org

Ready to get started?Download WordPress

Forums

BresponZive
[resolved] Related Posts without plugin !! (2 posts)

  1. noaneo
    Member
    Posted 10 months ago #

    Hi,

    For all users of the theme, if you want to "Related Posts" without plugin.
    In functions.php (child theme) put this

    add_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
    http://img809.imageshack.us/img809/9522/47vt.jpg

  2. noaneo
    Member
    Posted 10 months ago #

    hi,

    just a word, because I forgot to check, resolved

Reply

You must log in to post.

About this Theme

About this Topic