Posts

Share
Tweet
Pin
Share
0 Shares

Overview

The Posts  widget allows you to fetch and design the selected posts inside the page or post without need of any other plugins.

Inside this widget you have options which allows you to organize and customize your posts and display as per your needs.

Options

Contents

  • Post Type to show :  Select the post type to display related posts.

  • Period :  Select the time period to display limited number of posts which are related to selected time period. eg. All, Last Day, Last Week etc.

  • All : This option will display all the post which are published.

  • Last Day : This option will display all the post which are published on previous day.

  • Last Week : This option will display all the post which are published on last week.

  • Last Month: This option will display all the post which are published on last month.

  • Last Year: This option will display all the post which are published on last year.

  • Custom: This option allows you to select the duration in which posts are published.

  • Order By :  Select the order in which the posts will be displayed. This option allows you to order posts using Date, Title, Menu Order, Random, Author, Id.

  • Sort Order:  This option sorts the posts in ascending and descending manner.

  • Posts Per Page:  Select the number of posts should be displayed on a single page.

  • Include By:  This option allows you to include posts based on Terms or Author. Select the Term or Author you want to include to display the posts.

  • Exclude By:  This option allows you to exclude posts based on Terms or Author. Select the Term or Author you want to exclude to display the posts.

  • Ignore Sticky Posts:  If selected Yes this option will not load all the sticky post which are comes with number of posts per page.
posts1

Posts Options

  • Columns: Select how many columns will be displayed from 1 to 6.

  • Columns Gap: This option allows you to manage the gap between the columns.

  • Row Gap: This option allows you to manage the gap between the rows.

  • Padding:  This option allows you to manage the padding inside of the post box.

  • Background Color:  Select the suitable background color for your post.

  • Box Shadow:  This option allows you to select the box shadow around the post box.
posts2

Thumbnail Style

  • Show Thumbnail:  This option allows you to show or hide the featured image of posts.

  • Type:  This option provides different types of thumbnail size eg. thumbnail, medium, large etc.

  • Height Ratio:  This option allows you to select exact height ratio for post images.
posts3

Title Style

  • Show Title:  This option allows you to show or hide the post title of posts.

  • Color:  Change the color of post title using this option.

  • Typography:  Set the typography eg. Font family, Font size, etc. of the post title.

  • Top Bottom Spacing:  Set the top and bottom spacing of title using this option.
posts4

Meta Options

  • Meta:  This option allows you to display related information about posts. The options include date, author, comments, tags, category.

  • Separator:  Select the separator you want to display between the meta data of post,

  • Color:  Select the color for meta data using this option.

  • Background Color:  Select the Background color for meta data using this option.

  • Alignment:  Set the alignment for the meta data eg. left, center, right.

  • Left: Selecting this option will align the meta data to the left.

  • Center: Selecting this option will align the meta data to the center.

  • Right: Selecting this option will align the meta data to the right.

  • Spacing:  This option allows you to manage spacing around the post meta data.

  • Typography:  Set the typography eg. Font family, Font size, etc. of the post meta data.

  • Position:  Select the position for post meta data using this option. The options include default, relative, absolute.

  • Width: This option allows you to set the custom width for the meta data.

  • Vertical Position: Select the type of vertical position using this option for meta data. The options include default, top, bottom

  • Vertical Offset: Manage the vertical position of meta data using this option.

  • Horizontal Position: Select the type of horizontal position using this option for meta data. The options include default, left, right

  • Horizontal Offset: Manage the horizonta position of meta data using this option.
posts5-min

Post Content

  • Show Content:  This option allows you to manage how the post content should be displayed. The option include none, excerpt, full.

  • None: This option hides the post content.

  • Excerpt: This option displays the post excerpt

  • Excerpt Length: This option allows you to manage the length of post excerpt.

  • Full: This option displays the full post content.

  • Color:  This option allows you to manage color for post content.

  • Padding:  This option allows you to add padding around the post content of the post.

  • Alignment:  Set the alignment for the post content eg. left, center, right.

  • Left: Selecting this option will align the post content to the left.

  • Center: Selecting this option will align the post content to the center.

  • Right: Selecting this option will align the post content to the right.

Read More Style

  • Show:  This option allows you to show or hide the Read More button in your post

  • Text:  This option allows you to change the text of Read More button

  • Typography:  Set the typography eg. Font family, Font size, etc. of the Read More button.

  • Stretch:  Enable to set the Read More button width as 100% of your display resolution.

  • Alignment:  Set an alignment for Read More button. eg. left, center, right.

  • Left: Selecting this option will align the Read More button to the left.

  • Center: Selecting this option will align the Read More button to the center.

  • Right: Selecting this option will align the Read More button to the right.

  • Icon:  Select an suitable icon to display in Read More button

  • Icon Alignment:  Set an alignment for icon. The options include left , right.

  • Space Between:  This option allows you to manage space between text and icon.

  • Button Type 

  • Default : If nothing specified, the button is set as Default.
Submit

  • Primary : Primary Button indicates the primary action.
Submit

  • Secondary : Secondary Button indicates the secondary actions.
Submit

  • Success : Success Button indicates success or positive actions.
Submit

  • Info : Info Button indicates success or positive actions.
Submit

  • Warning : Warning Button indicates caution which should be taken with this action.
Submit

  • Danger : Danger Button indicates danger which should be taken with this action.
Submit

  • Dark : Dark Button indicates a button to be dark.
Submit

  • Light : Light Button indicates a button to be light.
Submit

  • Link : Link Button makes a button look like a link.
Submit

  • Custom : Custom Button allows you to design the button in Normal and Hover State.
Submit

  • Button Size 

  • Mini : Set the size of the button to Mini.
Submit

  • Small: Set the size of the button to Small.
Submit

  • Large: Set the size of the button to Large.
Submit

  • Extra Large: Set the size of the button to Extra Large.
Submit

  • Double Large: Set the size of the button to Double Large.
Submit

  • Custom: To set the size of button as per User-defined but it should be less then hundred.
Submit

Border Style

  • State:  Set the state in which you have to set a border.

  • Normal: Border effects will visible in Normal State as always.

  • Hover: Border effects will visible in Hover State as always.

  • Border Type: 

  • Solid:

Solid Border

  • Double:

Double Border

  • Dotted:

Dotted Border

  • Dashed:

Dashed Border

  • Groove:

Groove Border

  • Border Color: Set the color of the border.

  • Border Width: Set the width of the border.

  • Border Radius: Set the radius of the border.

Slider Options

  • Enable Slider :  Enable this option to display all the posts in slider format.

  • Number of Items :  This option allows you to display how many posts should be display in one slide.

  • Navigation Arrows:  This option allows you to show or hide the navigation arrows of posts slider.

  • Autoplay :  This option will start the rotating slides automatically.

  • Autoplay Timeout :  This option stops the slider after specified time.

  • Autoplay Hover Pause: This option makes the slider pause when the mouse hovers over it.
posts6

Arrow Style

  • Background Color :  This option allows you to manage background color of arrows.

  • Color :  This option allows you to manage the color of arrows.

  • Arrow Size:  This option allows you to adjust the size of arrow.

  • Background Size:  This option allows you to manage the size of background area of an arrow.

  • Background Shape:  This option allows you to manage the shap of background area of an arrow.
posts7

Pager Options

  • Color :  This option allows you to manage the color of pager.

  • Dot Size :  This option allows you to manage the size of pager.

  • Active Pager Color :  This option allows you to set different color for active pager.

  • Active Dot Size :  This option allows you to set different size for active pager.

  • Top Spacing :  This option allows you to manage spacing between posts slider and pager.
posts8
NOTE - In advance option tab . Do more styling to the Posts Widget. To know more about advance option tab. CLICK HERE

Share
Tweet
Pin
Share
0 Shares
Was this helpful to you?
Yes No 1