Theme thumbs

When you decide to post content on your website, the theme automatically generates thumbnails from the featured image to display the content on your pages in an attractive way. This process creates 17 different thumbnail sizes. To make you website faster, you can control which thumbnail is generated. To do this go to Theme Panel > Block Settings > Thumbs on modules & blocks and disable the unused ones to save space on your server:

2015-09-29_14-14-06

Default thumbnail placeholder

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

2015-09-29_14-15-32

Modules and thumbs

modules

Module 1

module-1

View Module 1 Demo

NOTE: Image Size – 300 x 160px

m1_site_outline

Module 2

module-2

View Module 2 Demo

NOTE: Image Size – 300 x 160px

m2_site

Module 3

module-3

View Module 3 Demo

NOTE: Image Size – 300 x 194px

m3_site

Module 4

module-4

View Module 4 Demo

NOTE: Image Size – 300 x 194px

m4_site

Module 5

module-5

View Module 5 Demo

NOTE: Image Size – 300 x 194px

m5_site

Module 6

module-6

View Module 6 Demo

NOTE: Image Size – 100 x 75px

Module 7

module-7

View Module 7 Demo

NOTE: Image Size – 100 x 75px

Module 8

module-8

View Module 8 Demo

Module 9

module-9

View Module 9 Demo

Module 10

module-10

View Module 10 Demo

NOTE: Image Size – 180 x 135px

m10_site

Module 11

module-11

View Module 11 Demo

NOTE: Image Size – 238 x 178px

m11_site

Module 12

module-12

View Module 12 Demo

NOTE: Image Size – 640px width

Module 13

module-13

View Module 13 Demo

NOTE: Image Size – 640px width

m13_site

Module 14

module-14

View Module 14 Demo

NOTE: Image Size – 681 width

m14_site

Module 15

module-15

View Module 15 Demo

NOTE: Module 15 will display the full post.

m15

m15_2

If you don’t want to display the entire post you can specify by using Read More tag were your content to end and display the Continue button.

read-more-btn

Uploaded Image Size

WordPress doesn’t have an upscale function, if you upload small images on modules that use thumbs that are larger than the uploaded image the original size will be used (the image will not be up-scaled), this is not ideal because blank space may appear around the thumb.

Aspect Ratio

There’s no ideal image size for cropping, a part of the image will be lost due to aspect ratio differences. On the Newsmag theme some modules have a 16:9 aspect ratio, while others have one 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 from the sides for the thumbs that have an 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.

2015-09-29_14-33-58

Function Used

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