Ensure that your Theme supports Post Thumbnails, and that the client sets a “Featured Image” for each post. Then, combine the_excerpt() with the_post_thumbnail(), e.g. like so:
<?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="featured-image"><?php the_post_thumbnail(); ?></div>
<div class="post-excerpt"><?php the_excerpt(); ?></div>
</div>
<?php
endwhile; endif;
?>
Then, just use CSS to style according to your needs.
Related Posts:
- Adding Videos as post-thumbnails (no stills, just the player in a smaller size)
- Problem with showing featured image
- Add class name to post thumbnail
- Delete original image – keep thumbnail?
- the_post_thumbnail responsive srcset not populating with custom image size
- Set custom name for generated thumbnails
- How to add multiple image sizes of the same size with add_image_size
- change set_post_thumbnail_size according to post type admin page
- Can’t extract and set SVG dimensions
- Getting Thumbnail Path rather than Image Tag
- How to crop thumbnail height to auto with set width
- Image uploader with “Set Featured Image” link on front end
- adding an id to the_post_thumbnail
- How can I display my featured image correctly inside my single posts?
- Featured image upload finished hook
- Generate thumbnail for images with the same size as thumbnails
- Implementing Zurb’s Interchange Into WordPress
- get_pages – Display child then grandchild pages
- How to replace the_post_thumbnail template tag and show the first inside the post image instead
- Resizing Images to lower Disk Space Using Plugins
- Set (featured) thumbnail for post?
- How to make thumbnail images click into blog posts
- display WP image posts in Bootstrap 4 modal
- Customising the size of images served in Visual Composer elements [closed]
- How to scale up post thumbnails/featured image?
- Get Ancestor featured image
- Upload 3 different featured image sizes to WordPress
- Change size of featured image in Edit Post screen
- Thumbnail and Featured Image With Fixed Sizes?
- the_post_thumbnail ignores size parameter
- Is there a way to change a post’s thumbnail image(s)?
- Confused with the loop and repeating things
- WordPress thumbnail settings change
- Using concatenate with WordPress Thumbnail
- Looking for Add Title Tag on Feature Images on WP
- Image still attached to post even after removing it as featured image
- Is it possible to nest get_previous_post()?
- Notice: Trying to get property of non-object when trying to get thumbnail URL
- Output post thumbnail (add class)
- How to set an equal image size for a Fallback Image as used for the Featured Image(dynamicly)
- How can I see where in my themes and plugins certain image sizes are used?
- How do I remove featured images and captions from a wordpress RSS feed?
- oEmbed, thumbnails and wordpress
- Function to scan for image, attach it to post, set it as featured [duplicate]
- Static news page has for thumbnail the featured image of the first posts
- How to set post thumbnail size?
- Check if parent post is sticky on attachment page?
- get_the_post_thumbnail not working inside wp_get_nav_menu_items hook
- Adding in support thumbnail removes editor
- the_post_thumbnail(‘my_image_size’) always outputs full image
- the post thumbnail, scale
- Why use foreach to get attachment_id if numberposts is equal to 1?
- Retrieving featured image on static blog posts page
- How to allow the user to add an arbitrary amount of post thumbnails
- default post thumbnail and category if there is no thumbnail and category
- Conditional post thumbnail based on logged status and post tag
- How do I add thumbnail to current Prev and next buttons in posts?
- custom class and size for the_post_thumbail
- Check category before displaying featured image
- How to select which thumbnails sizes are displayed in srcset
- How can i find posts with duplicate featured images?
- Does delete_post_thumbnail() actually delete the image?
- Can I prevent get_the_post_thumbnail from falling back to the global post ID?
- How to change thumbnail default size?
- how can I call a posts featured image in any template?
- Custom header image, and content, on Posts Page in twentyeleven with Static Front Page
- Featured Image not shown and getting error “Object of class WP_Error could not be converted to int”
- Resizing old post thumbnail images
- “Use as featured image” not working , “Set Featured Image” hangs. GoDaddy Issue [closed]
- Extract featured image from link mentioned in blog post
- Create an instance of add_image_size
- Enable featured image but not have it show up?
- How to add thumbnail images? (Set Featured Image doesn’t work)
- Tag,php – how to get it to display featured post image? [closed]
- custom image size not being displayed in loop
- How to use tag in featured image
- Show thumbnail depending on image width
- Smush Featured image constraining in image file that is being loaded on page
- Change wording of default thumbnail metabox
- featured image metabox not moving custom post type
- After migrating media library is not showing thumbnails
- Is it possible to show thumbnails along with recent post from a wordpress blog on static website’s homepage?
- about featured image
- More tag and featured image
- Disable custom image size creation for plugins
- featured image different style on the list and on single post
- set_post_thumbnail_size has no effect – always 200×300 size is generated
- Adding a class to certain featured images
- query to update post with featured images from array
- Combining Post Thumbnails With Nivo Slider
- WordPress auto picking featured image
- To CSS Style on the image uploaded on a Post under Content Section
- Automatic adding thumbnail to post
- wordpress featured image
- How to make the featured image just show up on the blog page?
- Regarding to the performances, should I check if a post has a thumbnail before or after checking if is the front page (or single page, etc.)?
- get_post_thumbnail_id() not getting correct featured image after post edited
- Strange image artifact on font-page thumbnail image
- How to display featured image caption only if exists?
- Media Library it doesn’t show any of the uploaded images after updating wordpress 6.6.2