WordPress.org

Ready to get started?Download WordPress

Forums

How to show only post title and image thumbnails on homepage (5 posts)

  1. Persius
    Member
    Posted 2 years ago #

    Hello friends i am new to wordpress . I need your help .
    I want to show only image thumbnails [on left of post titles], post titles[on the right side of image thumbnail] ,author name , post date , category name of the posts . Here is an Ex of how i want it to look , see this image - http://3.bp.blogspot.com/-2tBGCEANLQ4/UBZMoJB_bxI/AAAAAAAAB4w/DM73VM8F0qQ/s1600/example.png

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    new to wordpress

    and how are your programming skill levels?

    what theme do you want to work with?

    general intro:
    http://codex.wordpress.org/Theme_Development

  3. Persius
    Member
    Posted 2 years ago #

    i can do a lot of stuff in blogspot codes since i was using it till now from a long time, just started using wp since last 2 days so totally new to most of its codes , My wp theme is Twenty Eleven . so did u get it as to how it can be done ?

  4. alchymyth
    Forum Moderator
    Posted 2 years ago #

    start by creating a child theme of Twenty Eleven; http://codex.wordpress.org/Child_Themes

    then edit content.php;
    (keep in mind that content.php is also used in archive pages and search results)

    a possible modification to content.php (example only, you need to fine-tune this to your requirements):
    http://pastebin.com/NhsExKi2

    some css like this is needed:

    .entry-thumbnail { width: 20%; float: left; clear:left; margin-right: 3%; margin-top: 3%; }
    .entry-thumbnail img { max-width: 100%; height: auto; }
    .entry-output { float: left; width: 77%; min-height: 120px; }
    .clear { visibility:hidden; float:none; clear:both; display: block; }
  5. Persius
    Member
    Posted 2 years ago #

    thanx alchymyth , it worked perfectly , it just looks similar to the image that i had posted only thing remaining now is adding "Posted by [author name] and categories name with clickable link and reducing the size of post title

Topic Closed

This topic has been closed to new replies.

About this Topic