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
- How to get image title/alt attribute?
- How to retrieve image from URL and set as featured image/post thumbnail
- How to set featured image to custom post from outside programmatically
- Generate Thumbnails only for Featured Images
- How to add post featured image to RSS item tag?
- Get featured image URL by page id
- wp_get_attachment_image_src() and custom sizes
- What’s the difference between post thumbnails and featured images (if any)?
- What is your take: TimThumb vs. WordPress Thumbnails? The great debate [closed]
- How to change the naming of the resized image files
- How to get featured post title & image using JSON API?
- Display thumbnail only on the very first post in the loop?
- How to change _wp_attachment_metadata specific value in SQL?
- Add theme support for post thumbnails
- Autogenerated Thumbnail compression depending on size
- Watermark featured image as soon as it is set on post edit page
- how to change my child theme featured image dimensions?
- Only create image size when used in featured image
- How to use images uploaded with custom implementation of thickbox like the_post_thumbnail() functionality
- Facebook is only displaying preview thumbnails that are 100px from my posts?
- Featured image is not showing in wp-admin
- User facing form to upload image on wordpress
- Cannot get post thumbnails to display
- List category posts – Thumbnails are not displaying
- Display Taxonomy Image on single.php
- Need to take the first image out of posts and set it as the featured image
- featured image metabox not showing on the default post types edit page
- Change featured image urls in database
- Show a default image
- Get smaller size of image, get_the_post_thumbnail
- Look Through Family Tree and Find Featured Image
- Different thumbnail sizes
- Add post-thumbnail after first paragraph including the caption
- wordpress get_the_post_thumbnail can’t set size
- How to print the thumbnail only if a post has a thumbnail
- how to use first post image as thumbnail on wordpress
- Animated Gif as Featured Image
- Make the first image the post thumbnail without setting it as the featured image
- Retrieve post thumbnail as array
- Aligning the thumbnail image
- Single post layout based on featured image size
- Migrating problem – featured images
- Set Featured Image by URL Form Post
- Adding Images into API
- Stuck on save/upload featured images plugin
- adaptive featured images wordpress 4.4 grid
- ACF – Add/update featured image (for videos) by field [closed]
- Forcing a user to crop the featured image in a certain aspect ratio
- oEmbed, thumbnails and wordpress
- Show last 2 image attachments from posts
- Set featured image from external URL
- Show Multiple Size URL of one Featured Image/Thumbnail?
- remove and disable image link in functions.php
- Get current post featured image ID
- Why does the_post_thumbnail output full sized images after activating post-thumbnails support?
- Can this be done? Create 50×50 thumbnails of all existing featured images?
- Query to delete all featured images and remove post meta?
- Add Image Size for Featured Image with Responsive Design
- Best Way to Display Posts by Tag (not category)
- WordPress image crop probems
- Pull through featured image in a custom menu
- How do I get posts where image is larger than…?
- Category page with thumb is ok but can’t do the same with tags
- Programmatically set thumbnail via URL using DOM and XPATH – Where to add ELSEIF
- Retrieve a post’s featured image with PHP outside of WordPress
- Is wordpress compressing my images? if so, how to prevent it?
- Better way to show Description and image Captions
- Different size thumbnails on home and single pages
- Next Prev Post link rendering current post thumbnail
- How to add thumbnail images? (Set Featured Image doesn’t work)
- custom image size not being fetched
- Resizing images failing
- How to add a new thumbnail size only to a certain custom post type?
- Tag,php – how to get it to display featured post image? [closed]
- Featured images have disappeared in the Trending section only of my website
- Blog replace single post page featured image
- How to use tag in featured image
- How to automatically add first image of post as thumbnail?
- Change wording of default thumbnail metabox
- featured image metabox not moving custom post type
- How to convert feature image as background image
- about featured image
- Moving Featured Images
- Add Play Icon on thumbnail overlay for video post types
- How do I Get WordPress Featured image from Frontend
- Featured Image, and Image in post
- Get Post thumbnail without width/height attribute
- if statement for featured images
- Thumbnail size according to width and height
- Featured Image URL is Showing but not thumbnail
- Custom image sizes are not used
- Import Dummy Content and Post Thumbnails
- I would like my posts to pull my custom cropped thumbnail instead of creating its own thumbnail from Featured Image
- Source problem for children page image
- Fetch first image URL from post and set as featured image URL
- How to set featured image from a variable
- How to stop WordPress from creating native thumbnails?
- Hot to change resized image link on posts