How to display in image from blog post in blog archive page

Community resources Getting started
1

How to display image from blog post in blog archive page

mysitename/blog

2

Added image and and image settings ? choosed blog image. but no images showing

image
image241×263 10.5 KB

3

Make sure the archive template is pulling the featured image/cover image field from each post, not just static content. In most CMS setups you’ll need to bind the image element to that field in the collection settings for it to show.

4

got it. Edit blog post > At bottom side > blog image.

1 Like
5

This topic is temporarily closed for at least 24 hours due to a large number of community flags.

6

This topic was automatically opened after 24 hours.

7

WordPress

Block theme (no code):

  • Edit the Blog (Archive) template → add a Query Loop block → inside it, add Featured Image block → set size/crop.

PHP theme (code): in archive.php (inside the post loop):

<?php if ( has_post_thumbnail() ) {
  the_post_thumbnail('medium'); // or your size
} ?>

Make sure each post has a Featured Image set.

Webflow

  • Blog Collection List on /blog page → add an Image element inside the item → Get Image from CMS → bind to your post’s Main/Thumbnail Image field.

Other CMS / Static

  • Ensure each post has a thumbnail field in your data.

  • On the archive template, loop posts and render <img src="{{ post.thumbnail }}" alt="{{ post.title }}">.