How to set WordPress theme image

When we look for a theme in WordPress, we get an idea of what a theme looks like from the WordPress theme preview image.

If you are a theme developer and you have developed a theme or child theme, you will also want to display your theme preview.

To display the WordPress theme preview image follow the steps below:

  1. First take a screenshot of your theme by applying your theme to a demo site.
  2. Open any image editing tools and resize your screenshot to 1200X900px.
  3. Save that image as a screenshot.png inside the top level of your theme directory i.e. wp-content>themes>your-theme-directory>screenshot.png

According to WordPress, the other valid image file format i.e. .jpg, .gif, .jpeg is not recommended for screenshot file. Usually, the WordPress theme preview image is shown as 387x290px. The oversized image is used for high-resolution viewing on HiDPI displays.

About Ashis Biswas

A web developer who has a love for creativity and enjoys experimenting with the various techniques in both web designing and web development. If you would like to be kept up to date with his post, you can follow him.

Leave a Comment