I’d recommend using the ‘Featured Image’ feature of the posts – check out this post about Thumbnails for more detail, but it basically allows you to add an image to each post and then specify how it is sized in the index and single templates.
You can then simply add a link by editing your template and getting the Permalink of the post that is being written inside the loop ($permalink = get_permalink($post->ID);).
Hope that helps.
First, you have to have featured image for each post. Refer to Mark Jacquith post about it here.
Then, on the index.php of your theme, you can call the the_post_thumbnail() function.
Therefore you can have post thumbnails for all your posts in homepage. It should be easy to put post link to your thumbnail.
My blog also uses this technique. But instead of editing index.php of my theme, I prefer to create a plugin to do it, so that I can freely put the thumbnail image on the homepage and put another larger image on single post, and I don’t worry when I change theme, the post thumbnails are still there.
Guys, thanks very much for the replies. Is there a morons-guide for what you’re both saying? Especially the the_post-thumbnail() functions. I’m completely code-illiterate, I’m afraid.
What I want is this:
I would like to create a post with all of my images. But on the front page, I just want a single thumbnail displayed along with a portion of whatever text I’ve written in the post. When you click on the post, it takes you there where all of the images are displayed as normal.
Is the_post_thumbnail() what I need to achieve that?
Hi, yeah, I’m using the featured image thing, but it’s not giving me the results I want.
It’s giving me the thumbnail, but it’s still displaying the other images I have in the post on the front page.
http://john-godwin.co.uk/blog
See what I mean? I just want it to show one image.
Er, I kind of had it working for a second, but now it’s broken again.
I found something that was useful on this thread
http://wordpress.org/support/topic/how-to-hide-images-from-front-page?replies=8
It hides the images perfectly, displaying the thumbnails, but once I’ve made the edit to the code suggested, it throws up an error if I try to make any changes to the files afterwards.
I desperately need a solution to this problem.
OK, got it working. But the problems never end!
Is there are format to this I can edit to that the text aligns next to the image? At the moment, the thumbnail is occupying its own space with a border visible below. I’d like it to sit flush with the rest of the text on the front page if pos.
Thanks.
Thats down to the CSS – I’d suspect you’d need to edit the index.php file a little to get the layout as you want it, and then edit style.css with any new classed you need to add. If you are fairly new to css then take a look at http://www.w3schools.com, it’s an excellent website and really helped me a lot when I was starting out. For further help with that sort of thing the guys at http://www.codingforums.com offer excellent supprot.
