WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Related Posts
[resolved] Thumnails larger? (4 posts)

  1. swift212
    Member
    Posted 1 year ago #

    Hey,
    the current thumbnail size is 150x150.
    Can I change this to 300x300? It would be perfect.

    And can I show the related posts on the Mainpage?

    cheers

    http://wordpress.org/extend/plugins/wordpress-23-related-posts-plugin/

  2. silvoslaf
    Member
    Plugin Author

    Posted 1 year ago #

    Hey!

    You can change the size of your thumbnails if you go to your WordPress's Dashboard under the tab 'Settings'-'Media' and change the size of your thumbnails to your preferred size (300x300).

    After that, go to you plugin settings and add the following code into the 'Customize CSS' drop-down menu (remember to keep the values [300x300] the same):

    .related_post_title {
    }
    ul.related_post {
    }
    ul.related_post li {
    width: 300px !important;
    height: 300px !important;
    }
    ul.related_post li a {
    }
    ul.related_post li img {
    width: 300px !important;
    height: 300px !important;
    }

    Don't forget to click on the 'Save' button at the bottom of the page, before moving on. :)

    The last step is to install the Regenerate Thumbnails plugin, which you can find over here: http://wordpress.org/extend/plugins/regenerate-thumbnails/

    Install it, activate it and hit the Regenerate! button for the finish.

    As for the related posts on your homepage — just follow the steps below and you should be good to go in no-time.

    Go to your WordPress's Dashboard under the tab 'Appearance'-'Editor' and choose your theme in the upper right corner. Now click on the 'content.php' file, which you can find on the right hand side of your screen. After that, search for the following code in the code editor:

    <div class="entry-content">
    			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?>
    			<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
    		</div><!-- .entry-content -->
    		<?php endif; ?>

    Now that you have found this, just add the following code line at the end of it:

    <?php wp_related_posts()?>

    So, to sum it up, the whole thing should look like this:

    <div class="entry-content">
    			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?>
    			<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
    		</div><!-- .entry-content -->
    		<?php endif; ?>
    		<?php wp_related_posts()?>

    Remember to click on the 'Update File' button when you're finished. Visit your blog, refresh the whole page and you should be able to see those related posts over there.

    Did it work? Need any further assistance or do you have any other questions? Let me know — I'll gladly help!

  3. swift212
    Member
    Posted 1 year ago #

    Where is the "Customize CSS" I cant find it :(

    thanks for your reply

  4. swift212
    Member
    Posted 1 year ago #

    ah ok I found it thank you, you're very friendly thanks

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.