Home Newspaper 7 Documentation Theme thumbs

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. To make your 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:

newspaper-thumbs-on-modules-blocks

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.

thumbnails_disabled

Modules and thumbs

newspaper-modules-list

Module 1

td_module_1

View Module 1 Demo

NOTE: Image Size – 300 x 160px

newspaper-module-01

Module 2

td_module_2

View Module 2 Demo

NOTE: Image Size – 324 x 160px

newspaper-module-02

Module 3

td_module_3

View Module 3 Demo

NOTE: Image Size – 324 x 235px

newspaper-module-03

Module 4

td_module_4

View Module 4 Demo

NOTE: Image Size – 324 x 235px

newspaper-module-04

Module 5

td_module_5

View Module 5 Demo

NOTE: Image Size – 324 x 235px

newspaper-module-05

Module 6

td_module_6

View Module 6 Demo

NOTE: Image Size – 100 x 70px

newspaper-module-06

Module 7

td_module_7

View Module 7 Demo

NOTE: Image Size – 100 x 70px

newspaper-module-07

Module 8

td_module_8

View Module 8 Demo

NOTE: Image Size – no thumb

newspaper-module-08

Module 9

td_module_9

View Module 9 Demo

NOTE: Image Size – no thumb

newspaper-module-09

Module 10

td_module_10

View Module 10 Demo

NOTE: Image Size – 218 x 150px

newspaper-module-10

Module 11

td_module_11

View Module 11 Demo

NOTE: Image Size – 324 x 235px

newspaper-module-11

Module 12

td_module_12

View Module 12 Demo

NOTE: Image Size – 696px width

newspaper-module-12

Module 13

td_module_13

View Module 13 Demo

NOTE: Image Size – 696px width

newspaper-module-13

Module 14

td_module_14

View Module 14 Demo

NOTE: Image Size – 696 x 385px

newspaper-module-14

Module 15

td_module_15

View Module 15 Demo

Module 15 will display the full post.

NOTE: Image Size – 696px width

newspaper-module-15

Module 16

td_module_16

View Module 16 Demo

NOTE: Image Size – “thumbnail”

newspaper-module-16

Module 17

td_module_17

View Module 17 Demo

NOTE: Image Size – 696 x 385px

newspaper-module-17

Module 18

td_module_18

View Module 18 Demo

NOTE: Image Size – 696 x 385px

newspaper-module-18

Module 19

td_module_19

View Module 19 Demo

NOTE: Image Size – 534 x 462px

newspaper-module-19

To display a post in multiple pages just add the Read More tag where your displayed content should end. The visitors will be able to read the rest of the article after they press Read More button.

read-more-btn

Uploaded Image Size

WordPress doesn’t have an upscale function, if you upload small images on modules which 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.

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, a part of the image will be lost due to aspect ratio differences. On the Newspaper 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-06-15_17-42-42

Function Used

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