When you apply a theme to your site pages, you have to choose from the list of available themes in the site selector. The only identification for each theme is the theme’s name, along with a small thumbnail preview image that gives a brief impression of the theme. This is even more important when developing color schemes for a theme, since names are not displayed for color schemes.
This article shows how to create a thumbnail preview for your theme so users can identify it.
Your first step in creating a thumbnail preview for your theme is taking a screenshot of your theme. Once you have a screenshot that you like, follow the steps below to create a thumbnail preview for your theme:
Resize the screenshot to 480 pixels high by 270 pixels wide. Your thumbnail must be these exact dimensions to display properly.
Save the image as a
thumbnail.pngand place it in the theme’s
src/imagesfolder (create this folder if it doesn’t already exist).
Redeploy the theme. The file is displayed as the theme’s thumbnail.