How to add recent blog posts to Elementor

How to add recent blog posts to Elementor

Looking for a way to add recent blog posts to Elementor? Here in this article, we will guide you to add a blog post to your Elementor website.

Blog plays a very important role in any website. You can promote your services through your blogs. You can publish quality content related to your services that can attract an audience. Also using a blog page you can get huge traffic. If you have standard content on your blog people will explore your website more that can increase the conversion rate and reduce the bounce rate which is also a very important factor of SEO.

Using the solutions like Elementor and Absolute Addons you can make your blog page more attractive. The advanced features of Absolute Addons will enable you to display and design your blog professionally and uniquely. So let’s see how to use the Blog Page widget of  Absolute Addons.

Add recent blog posts to Elementor

To use the Blog Page widget first, create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for Blog Page. Drag the Blog Page block and drop it into your created section.

blog posts to Elementor

Now under the Content tab, from the templates menu, you can select the Blog Page styles. There are different unique and professional-looking styles available for the. You can choose any of the styles you want.

blog posts to Elementor

Layout Section

From here you can enable or disable the masonry layout and set the blog page column. You can choose the feature image size and set the word limit of title and content. You can also show or hide the title, content and read more button.

Filter Section

You can enable or disable the filter section features from here. You can also add filter text.

blog posts to Elementor

Query Section

From here you can set the limit on how many posts will display. Then you can select a post category and specific post to display. You can also order the post by –

  • Date
  • Title
  • Comment
  • Modified
  • Author

You can also order the post by –

  • Ascending
  • Descending
blog posts to Elementor

Meta Data

You can show or hide the metadata option and select the metadata to display. You can also show or hide the category and date & time option.

blog posts to Elementor

Read More Button

Add button text, icon set the icon position, and button alignment for the blog post.

blog posts to Elementor

Step 2

Now move on to the Style tab where you will find different features to style up your section.

Filter Style

Set filter typography, background color, text color, divider color for the filer part. You can also set border, border color, border radius, filter padding, and margin.

For hover and active conditions, you can set the filter background color, border type, and border color.

Feature Image

Set feature image box-shadow, border, color, border radius, padding, and margin.

blog posts to Elementor

Title & Meta Data

Set title typography, text-shadow, color, alignment, and margin for normal condition. For hover conditions, you can change the color and text-shadow. Similarly, you can style up your metadata too.

Content

From here you can add the content color, hover color, alignment, and margin. You can show or remove the highlight border. You can also set the width, height, and background color.

Button

Set button typography, color, border, box-shadow padding and margin for normal and hover conditions.

That’s it! Your blog page section is ready to use.

Wrapping up

Following the process, you will be able to add a blog post to your Elementor website. You can see our other articles to learn