How do I add a different blog post image for my homepage?

Just so you know, you should make a Child Theme before you do this change: https://codex.www.ads-software.com/Child_Themes

Wait, is the image on your posts page just part of the post content (available when you edit the post)? Or is it automatically generated?

Thanks for the help but making a child theme seems like a lot of work for me right now over this. My theme is a free theme that I heavily modified over the years.

All images on my homepage and post pages are the actual file sizes I upload myself for each post using the add media feature on wordpress.

It doesn’t look like you need to create a Child Theme after all. It sounds like you can just use the thumbnail that has been created when you uploaded the image now. That should appear when you go to insert the image into your post.

I just deleted the post image again but I’m not sure what to do after this. I don’t see any options for anything I want to do. Can you please be more specific if possible.

https://codex.www.ads-software.com/Inserting_Images_into_Posts_and_Pages

On step 3, can you choose the size you’ve created from this bit of code:

add_theme_support( 'post-thumbnails' );
add_image_size ( 'homepage-thumb', 600, 375, TRUE );

Yea…My 600X375 isn’t showing up as something I can select. Ok I’ve had it with this. Thanks.

One last attempt. I see you’ve got a caching plugin active on your site. This may explain why the CSS I gave you had no effect.

Can you try,

1. In the WP Super Cache settings, can you clear its cache?
2. Then deactivate that plugin
3. Then activate that Custom CSS plugin
4. And add that code in its Custom CSS setting (as per above instructions):

   .single-post .entry p:first-of-type img {
      height: auto;
      width: 200px;
   }

Ok I never added that code into that plugin because I thought that was child theme related.

Ok I added the code you wanted and at least something changed lol My homepage is still full size but the post page is the 200 width that your code says.

Now the question is how to flip that and be able to change the homepage image and crop it while keeping the post page the full length.

Didn’t think something as simple as this would be this difficult/frustrating. Oh well ??

Also that code now changed all my past post pics…fun.

Try this instead:

.home .entry p:first-of-type img {
   height: auto;
   width: 200px;
}

Ok that did work and now all my homepage pics are 200 width. I really just want to do this for 14 images and not my whole site.

Also I would like to crop these 14 images like from top-ish to the center – 600×375 without affecting everything. Is that possible? Maybe a code I add in the post itself?

Ideally I want to have my homepage pics look like this for specific posts:

https://www.bigbrotherhoh.com/wp-content/uploads/2015/06/meet-big-brother-17-houseguest-audrey-middleton-600×375.jpg

Which I seem to be able to produce but not show up on the homepage… somehow.

I can’t see these 14 posts, I can only see 3 posts on the Home page. Are the other posts on another page?

No sorry I meant I plan to use this for 14 posts in total. Right now I just the first one up and 13 more will be posted later. Sorry for the confusion.