Widget: Blog Posts Big Thumbnail

About

Blog Posts Big Thumbnail is a widget that displays blog posts with a large thumbnail style - (View). This widget is only displayed on feed type pages, such as Homepage, Search By Published, Search By Label, Search By Query, and Archive - (Read: Page Types and Names).

Specification

Configuration

Description

top_info

Select the content to be displayed at the top of the post title - (View).

Value	Description
none	None
label	Post category
date	Post publication date
author	Author

top_info_label

Label for top_info - (View). This configuration is only needed if there is top_info.

bottom_info

Select the content to be displayed at the bottom of the post title - (View).

Value	Description
none	None
label	Post category
date	Post publication date
author	Author

bottom_info_label

Label for bottom_info - (View). This configuration is only needed if there is bottom_info.

labels_count

The maximum number of labels displayed as top info or bottom info. This configuration is needed if either top_info or bottom_info is set to label.

date_format

Date format. This configuration is needed if either top_info or bottom_info is set to date - More details

thumbnail_ratio

Thumbnail ratio. The ratio format is Width:Height. For example, for 16:9 ratio, this means that when the width is 160px, the height will be set to 90px. - (View preview: 16:9, 4:6)

thumbnail_content

Set the thumbnail element content.

Value	Description
image	The system will display an image as a thumbnail if available, otherwise, when a certain post does not contain an image, the system will display the first character of the post title with background that defined as thumbnail_skin configuration - (View).
skin	Whether there is an image or not in the post, the system will always display the first character of the post title with background that defined as thumbnail_skin configuration - (View).

thumbnail_skin

Set the thumbnail skin. By default, the value is secondary. You can also define more than one skin value (separate with comma). Here are some examples of value definitions:

Value	Preview
green, blue	View
green, blue, purple, orange	View

Skin support All skins in the Skin list except white and black.

item_box

Post style

Value	Description	Preview
none	Simple style without border and shadow	View
border	Style with border. This value is only available if the slider configuration is no	View
shadow	Style with shadow	View

margin_top

Set the distance of the widget to the top.

Value Definition

The value is a CSS Unit. Example: 20px 40px 60px
Although you can use other units such as em, pc, and so on, it is recommended to use only the px unit.
When the configuration value is undefined (valued -), the distance applied will follow the default tconfiguration (40px).

margin_bottom

Set the distance of the widget to the bottom. The value definition is the same as the margin_top configuration.

conditional

Set the availability of the widget. Through this configuration, you can activate the widget only on specific page type, device, or URL. More about this configuration can be read on the page: Conditional Configuration.

Others

Besides Blog Posts Big Thumbnail, blog posts widget also supports Blog Posts Small Thumbnail. Here, only one blog posts widget is allowed. When there are more than one blog posts widget, the widget located first will be used - (View).