The post is a very key issue for a blogger and blog site. Sometimes, the bloggers are to face problems while inserting a post slider. In terms of that, our Post Slider Widget will be the best solution ever.
In this documentation, I’ll include some instructions and pictures detailed to help you get started.
To Insert Widget
Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.
Using the content tab, you’ll be able to make a layout of a particular part (post slider) of a website. And in this regard, some handy sections in the tab will assist you a lot.
Go to the Content tab > Layout.
Come to the Layout section. Here you will find the Skin control (Vast and Hazel) with the default one. The important thing is Post Limit. It will allow you to set the number post you want to display.
In addition, a few switcher buttons will be there to control slider functions such as Show Tag, Title, Title HTML Tag, Show Excerpt, Excerpt Length, Read More button, and Meta.
Another important thing is slider width and Height control will help you to set the slider width and height.
Just, go to the Content tab > Button > Icon Library > Upload SVG.
This section will let you set the text to the Button and Icon. When you will choose any icon, you’ll get two more options that are Icon Position (After/Before) and Icon Spacing.
Go to the Content tab > Query.
This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more
A. Go to Source ➤ next select data location( as posts, pages, etc.)
B. Then, write down the Categories, Tags, Formats.
C. On the other hand, select categories from the Categories field.
D. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, or Menu order wise and also with ascending or descending order. You can also set Offset.
You know our post slider widget is animation supported. Form this section, you will be able to manipulate two more switcher buttons like (Autoplay, Pause on Hover, and Kenburns Animation).
The most important things in this section are Animation Speed and Slider Animations (as Scale animation).
It is time to work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you want to design
Go to the Style tab > Slider > Overlay > Background.
In this section, under Overlay, you’ll find three options for adding overlay with the slider such as None, Background, and Blend.
In addition, Overlay Color and Opacity for setting color and opacity.
If you select Blend for Overlay, you’ll find one more Blend Type (Multiply, Darken, Screen, etc.). Look at the screenshot above.
If your post contains tag, then you will be able to style the tags like Background Color, text Color, Border Type, border Width, Border Radius, and Typography.
Just, go to the Style tab > Tag.
Title, Text & Meta
Simply, go to the Style tab > Title > Text >Meta respectively.
In terms of the sections Title, Text, and Meta, you can set text Color, Typography, and Spacing.
Go to the Style tab > Button.
There are two modes in the Button section, Normal and Hover. Both will allow you to style the button.
Go to the Style tab > Pagination > and check all the controls.
In conclusion, before using our Post Slider widget, you’ve to make sure that you have made the source (Post, Page, etc.). I hope you have found this article helpful. To get more support and idea, watch the video inserted above and visit the demo page.