How to replace background images in Easy Posts with regular images

This members-only tutorial provides the steps to replace background images in default Easy Posts component preset with img elements. One of the benefits of doing this is so that these images can be lazy loaded.

We shall also set a fallback image for the posts that do not have a featured image set.

Step 1

Let us define a custom size for the images output by the Easy Posts.

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: Custom image sizes

Code: