Widget: Blog Posts Small Thumbnail

About

Blog Posts Small Thumbnail is a widget that displays blog posts with a small 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). The thumbnail size of the posts in this widget will adjust to the height of the title and other content - (View).

Specification

Configuration

Description

top_info

Choose the content to 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

Choose the content to 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

Maximum number of labels to retrieve. 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

max_title_rows

Maximum number of post title lines. Currently, this configuration only supports values of 1, 2, and 3.

thumbnail_shape

Thumbnail shape.

Value	Appearance	Preview
square	Square	See
circle	Circle	See

thumbnail_content

Set the content of the thumbnail element.

Value	Description
image	The system will display an image as the thumbnail if available. Otherwise, if a post does not contain an image, the system will display the content as the first character of the post title with a background skin according to the thumbnail_skin configuration - (See).
skin	Regardless of whether there is an image in the post or not, the system will always display the content as the first character of the post title with a background skin according to the thumbnail_skin configuration - (See).

thumbnail_skin

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

Value	Preview
green, blue	See
green, blue, purple, orange	See

Skin Support All skins listed in the skin list except for white and black.

item_box

Post Style

Value	Description	Preview
none	Simple display without border and shadow	View
border	Display with border. This value is only available if the slider configuration is set to no	View
shadow	Display with shadow	View

margin_top

Set the distance of the widget from the top.

Value Definition

The value is a CSS Unit. Examples: 20px 40px 60px
Although you can use other units such as em, pc, etc., it is recommended to use the px unit.
When the configuration value is undefined (set to -), the distance applied will follow the default theme configuration (40px).

margin_bottom

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

conditional

Set the availability of the widget. With this configuration, you can enable the widget only on certain page types, devices, or URLs. More about this configuration can be read on the page: Conditional Configuration.

Others

Besides Blog Posts Small Thumbnail, blog posts widget also supports Blog Posts Big 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).