Adding thumbnails to post preview

  • tleggio

    (@tleggio)


    11 years, 9 months ago

    In an effort to clean up my blog, http://www.tinaleggiophotography.com/blog/ I want to have the first paragraph of the post be followed by a “continue reading” tag, which when clicked takes you to the whole post (not just the next part after continue reading) in a new page. I have managed to do this, but I also want to include a thumbnail image next to the first paragraph (or teaser, I think it’s called), but that is a full sized image when viewing the entire post. I’ve been at this for three hours and I either get an enormous picture in the teaser view, or a thumbnail image that stays a thumbnail image when I click on the entire post. This site will give you an idea of how I want my site to look. http://twinswithoriginality.com/

    Thank you in advance to anyone who can help me because I am totally confused. Also, if there is any coding involved, keep in mind that I know nothing about that, so please make the directions as simple as possible, such as where exactly to insert the code if I have to go into a specific file.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter tleggio

    (@tleggio)

    11 years, 9 months ago

    Okay, seriously. Help is needed. It’s going on five hours of non stop trying things that are not working, including numerous plugins. I don’t want this to get drowned in a sea of other posts. Thanks.

    wspencer

    (@wspencer)

    11 years, 9 months ago

    The way you’re describing it, it might have to involve some jQuery. Usually when someone clicks the “Read More” link at the end of an excerpt, they’re taken to the single post. You’re asking to just display the rest of the content there, which just prints out the rest of the content after the excerpt. The thing is, the thumbnail is in the DOM and you can’t just change it without using something like jQuery.

    Or maybe I’m just not fully understanding what you’re trying to do

    Thread Starter tleggio

    (@tleggio)

    11 years, 9 months ago

    The website that I posted is exactly how I want mine to appear. If you check it out, http://twinswithoriginality.com/ and click on any of the posts on the homepage, you will see what I mean. I’ve seen several websites that are set up like this, so obviously it can be done. I’m just not understanding how to do it.

    wspencer

    (@wspencer)

    11 years, 9 months ago

    Okay, that DOES go to an individual post.

    So in the loop where you’re showing post listings, change where you have the_post_thumbnail() to this…

    <?php if(!is_single() ) { ?>
  <?php the_post_thumbnail('thumbnail'); ?>
<?php } ?>

    Let me know if that works

    Thread Starter tleggio

    (@tleggio)

    11 years, 9 months ago

    I’m sorry, but I have zero knowledge of this stuff. Where exactly is the loop located?

    wspencer

    (@wspencer)

    11 years, 9 months ago

    Is this for the front page of your site? If so, look for a file called front-page.php. If you can, just post that code on here.

    Thread Starter tleggio

    (@tleggio)

    11 years, 9 months ago

    I don’t see front-page.php. I just see page.php. I’ll try it anyway.

    Thread Starter tleggio

    (@tleggio)

    11 years, 9 months ago

    Ok, so none of this is helping. Thanks anyway. With all of the plugins there are, you’d think there would be one for this issue that requires no coding.

    Thread Starter tleggio

    (@tleggio)

    11 years, 9 months ago

    Just one guy is answering? Nobody has had this issue before?

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Adding thumbnails to post preview’ is closed to new replies.