WordPress.org

Ready to get started?Download WordPress

Forums

Advanced Most Recent Posts Mod
Thumbnails in a horizontal row? (5 posts)

  1. brisimmons105
    Member
    Posted 3 years ago #

    I'm trying to add a recent posts section on my homepage that displays the thumbnails of the most recent posts (excluding the one that is currently on the homepage).

    It would be right after the loop on my main index page. I'd like to have a row of 4 latest posts, with their thumbnails (featured images) and the title of the post below each thumbnail, almost like a gallery view.

    I've searched and tried all of the plugins and all of them aren't really doing exactly what I need.

    This one seems to be the closest, but I am not sure exactly what it would take to get it going properly.

    I'm not a PHP expert, but I can power through most things. I'm using theme twenty ten on v3.0.4 if that helps.

    Any help would be much appreciated.

    http://wordpress.org/extend/plugins/advanced-most-recent-posts-mod/

  2. missgigi
    Member
    Posted 3 years ago #

    i would also like to know how to do this. Thanks

  3. Kailey (trepmal)
    Volunteer Mod & Reviewer
    Plugin Author

    Posted 3 years ago #

    in the adv-most-recent.php file - go to the bottom and find the $postlist variable

    you should be able to poke around a bit and re-order the different elements to make them easier to style, if needed.

    I think the biggest help will actually be in the CSS, not the PHP.
    This is from memory and not tested so will definitely require some tweaking and customizing.

    .advanced-recent-posts li {
        float:left;
        width:200px;
        margin: 15px;
    }
    .advanced-recent-posts li a img {
        display:block;
    }

    Hopefully, that'll get a more gallery-like layout, with the images on top of the titles.

  4. aero313
    Member
    Posted 3 years ago #

    has anyone had luck with this? it's not working for me.

  5. malefactor
    Member
    Posted 3 years ago #

    works for me.

    you just need to enter this code in your template style.css file. If still doesn't work, open your heder.php file and before </head> put:

    <style type="text/css">
    <!--
    .advanced-recent-posts li {
        float:left;
        width:100px;
        margin: 15px;
    }
    .advanced-recent-posts li a img {
        display:block;
    }
    -->
    </style>

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic