In the latest update to Responsive 5.1, Mobilia 4.3, Retina 3.2 and Parallax 2.4, we've made some updates to the blog section. The first update is to take advantage of the new "Article ImageSetting Up Blog Article Images," also known as the Featured Image.
When creating a blog post, there will be a box on the right-hand side where you can upload this featured image.
In newer themes (with Sections) you will then go:
Online Store > Themes > Customize > click Blog in your store Preview > click on a Blog article > Blog post.
Settings for blog posts, including enabling the Blog post banner image will appear in the Customize theme area.
Note that there are many other display options for your blog post in this section.
To change the way your Blog page (as opposed to Blog posts) is displayed, click Blog in the Preview.
Examples of different blog page settings can be seen at the bottom of this article.
For older theme versions (pre-Sections):
To set up the blog article banner image go:
Online Store > Themes > Customize > Blog page
If you don't want to have it as a banner but as part of the article instead, you can disable this by going to Sales Channels > Online Store > Themes > Customize > Blog page then uncheck the "article banner image enabled " option. The featured image will then be displayed like so:
You can further customize the look of your blog under your theme settings by going to Online Store > Themes > Customize, then under the "Blog page" section, you'll find some or all of the following blog settings (note that not all themes have all of these settings):
Examples of the Blog page, with various settings:
You can choose how many articles you want in a row, between one and four posts, with or without a sidebar and really customize the look of your blog. You can see some of the many ways to change up your blog below:
This example displays 3 articles per row, with the sidebar enabled and the blog banner image added in the Banner image section. You can also set a heading and subheading like "This is the main blog page" and "Here are all my recent posts" respectively.
This example has 2 articles per row without the sidebar. You'll notice the posts will adjust responsively to fit the screen and keep your blog looking great.
This example uses 1 article per row with the sidebar.