Blog Posts

< All Topics

The Blog post widget is used to showcase blog posts on your website. You just need to add the blog and set the style then you’re done. Our Element’s options give full justice to all needs related to it.

You can create amazing blogpost layouts with lots of listing, customization, and styling options using this widget for WordPress using Elementor.

Pro tip
Why not add blog posts to your website using this widget. You will get multiple blog layouts to choose from. Choose the layout which suits your blog post the best.

How to use the Blog Post Widget of The Plus Addons For Elementor

The Blog Post widget comes with different styles and a plethora of customization options using which you can create stylish looking blog posts for your websites.

Table Of Contents

General Steps

Search for the Blog Post element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Blog Post widget. First, click on the Content tab.

1. Content

Content Layout

Select Style for Blog Post widget

Post Listing Types

Select the preferred Post Listing Types for the blog post. You will get three options here:
1. Normal Page
2. Archive Page
3. Single Page Related Posts

Style

Select your preferred Style for the blog post. You will get four style options here.
1. Style 1
2. Style 2
3. Style 3
4. Style 4

Layout

Select your preferred Layout for the blog post.

Content Source

Select Category

Select Category for the blog post here. You can either leave the post uncategorized or you can choose from the following categories from the dropdown:
Economy
Science
Sports
Corona Warrior Stories.
News
Tech
Business
World

Select Tags

Select Tags for the blog post here. You can either leave the post without tags or you can choose from the following tags from the dropdown:
Science
Sports
News
Tech
Business

Exclude Category

Select Category you want to exclude from the drop down for the blog post here.

Exclude Tags

Select the Tags you want to exclude drop the dropdown for the blog post here.

Maximum Posts Display

Select how many posts you want to display Maximum.

Offset Posts

Hide posts from the beginning of listing.

Order By

Select in what order by which the blog posts will be displayed.

Order

Select the order type of the blog posts either ascending or descending.

Columns Manage

Desktop Column

Set the column you want to display on desktop devices. You will get six-column styles to choose from:
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6

Tablet Column

Set the column you want to display on Tablet devices. You will get six-column styles to choose from:
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6

Mobile Column

Set the column you want to display on Mobile devices. You will get six-column styles to choose from:
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6

Columns Gap/Space Between

Select how much Gap will be there in between the Columns.

Extra Options

Title Tag

Set a the Title Tag that you want to be used for your posts.

Title Limit

Enable and set the Title Limit options here. You will get more option once you enable the Title Limit:
Limit On: Set whether you want to add a limit on the Characters or Words.
Title Count: Select the limit for the count here.

Title & Description Word Break

Set the Title & Description Word Break here.

Display Excerpt/Content

Enable and set the Display Excerpt/Content options here.

Display Image Size

Enable and set the Display Image Size options here.

Display Post Meta

Enable and set the Display Post Meta options here. Once you enable Display post meta, you will see more options as listed:
Post Meta Tag – Select the style for the post meta tags. You will get 3 style options here.
Display Date – Slide to display the date in post meta.
Display Author –
Slide to display the author’s name in post meta.

Category Wise Filter

Enable and set the Category Wise Filter options here.
All Filter – Slide to enable All Filter.
Category Filter Style –
Select Style for the Category filter. You will get four style options here.
Filter Hover Style
– Select Style for the filter hover. You will get four style options here.

More Post Loading Options

You will get multiple More Post Loading Options here. You will get three more options here.
Pagination: You can set the Pagination Typography, Pagination Text color, and Pagination Hover Color here.
Lazy Load:
Set the Loading Text, All posts Loaded text, More posts on click/scroll, Loaded All Posts Typography, and Loading Spinner options here.
Load More
: Set the Button text, loading text, All posts loaded text, Load more typography, Load More Border, text color and box-shadow options here.

Enable Display Category Post for the Blog Post widget

2. Style

The Style tab is used for customizing the appearance of all the Blog Post widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options.

View Style Tab Tutorial

Post Meta Tag

Set the Typography and color of the post meta tag here.

Title

Set the Typography and Title color of the Title here.

Content Background

Set the Background type of the Content Background here.

Featured Image

Set the Background type and Image Hover Effect of the Featured Image here.

Filter Category

Set the Typography, Inner Padding, margin, Category Filter Color, Hover Board Color, Count filter category, Category count Color, and Box shadow options here.

Box Loop Background Style

Enable and set the Box Border and Box Shadow options here.

Post Not Found Options

Set the padding, Typography, color, background type, border-radius, and box-shadow for the Post Not Found Options here.

Extra Options

Enable and set the Messy Columns options here.

On Scroll View Animation

On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.

View On Scroll View Animation Tutorial

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
5 out of 5 stars
5 Stars 100%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?