Theme thumbs

When you post content on your website, the theme automatically generates thumbnails from the featured image, so the content is displayed in an attractive way. To make your website faster, you can control which thumbnail to be generated. For this, go to Theme Panel > Block Settings > Thumbs on Modules/Blocks, and disable the unused ones to save space on your server.

  • Enable/disable the default thumb sizes
  • enable/disable the retina thumbs


Default thumbnail placeholder

If the thumbnail image is not active for a specific module that you use, the module will display a default placeholder with the size of the image and instructions about how to enable the thumb for that module.


Modules and thumbs

  • Module 1


NOTE: Image Size – 300 x 220px


  • Module 2


NOTE: Image Size –  300 x 220px


  • Module 3


NOTE: Image Size – 100 x 70px


  • Module 4


NOTE: Image Size – 640 x 400px


  • Module 5


NOTE: Image Size – 260 x 195px


  • Module 6


NOTE: This module doesn’t use image thumbs


Uploaded Image Size

WordPress doesn’t have an upscale function. It is not recommended to upload small images, since the modules use thumbs. If the uploaded image is smaller than the thumb, the theme will use the original size of the uploaded picture, and a blank space may appear around the thumb.

If you don’t have the possibility to upload large images, you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate.

Aspect Ratio

There’s no ideal image size for cropping, since a part of the picture will be lost due to aspect ratio differences. In IonMag theme, some modules have a 16:9 aspect ratio, while others have it closer to 4:3.

Example 1: If you upload an image that has an aspect ratio close to 4:3, the cropping function will cut the bottom on thumbs which have a 16:9 aspect ratio.

Example 2: If you upload a 16:9 image, the function will cut a portion of the sides for the thumbs that have a 4:3 aspect ratio.

Depending on the module used, the best solution is to experiment with different sizes and see which one offers the best results.


Function Used

The theme uses the add_image_size() function. You can find all details about it on the codex and here.