Widget: Related Posts Big Thumbnail


About

Related Posts Big Thumbnail is a widget that displays related posts with a large thumbnail style. This widget is only available on Post Pages - (View).



Specification




Configuration



Description

max_results
The maximum number of posts displayed. The maximum is 10 posts.

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

slider
Value Description Preview
yes Slider mode View
no Normal mode View

footer_align
Set the position of the widget bottom content. The content here may be the slider indicator, next button, and previous button.
Value Position Preview
left Align left View
center Align center View
right Align right View

widget_title
Widget title - (View)

  • Value can be plain text or HTML
  • Fill with - to disable the title

widget_title_sub
Widget subtitle - (View)

  • Value can be plain text or HTML
  • Fill with - to disable the subtitle
  • The subtitle will be displayed even if the widget_title configuration is disabled

widget_title_line
The line decoration at the bottom of the widget title - (View). Choose one of the available skin in the Skin List. To disable the line, set the value to none.

widget_title_align
Value Position Preview
left Left alignment View
center Center alignment View
right Right alignment View

widget_title_tag
HTML tag used for the widget title. By default, the selected value is div. For SEO purposes, it is recommended to use heading tags H2-H6 if the text you enter in the widget_title configuration contains your blog's nice.
margin_top
Set the distance of the widget to the top.

Value Definition
  1. The value is a CSS Unit. Example: 20px 40px 60px
  2. Although you can use other units such as em, pc, and so on, it is recommended to use only the px unit.
  3. 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.
Have Question?