How to use Post Grid Small components to make your Elementor blog archive pages visually attractive

Designing a website at a very low cost -this dream with limited efforts — this dream is with the development tools The rapid development of technology. Now, using Elementor and other pages to build device, you only need to click a few times to build a professional WordPress website.

In addition, you will find a large number of Elements additional components in the market to improve your design skills and custom options. Happy Addons is one of the most prominent and most functional plugins you must try on Elementor’s website.

The most amazing fact about Happy Addons is that it always tries to bring useful and fashionable features to users. Today, we will show you another new feature of the design tool -POST GRID component.

Below we will introduce how to use Happy Elements addons to build a blog archive page in 10 minutes. But before that, let me answer you-

What is the Elementor blog archive page?

blog-archive-page

When visiting the blog website, you usually see a list of published articles. In fact, you are looking at the archive page. The archive pages usually include blog preview, author name, date, category, review number, social sharing, labels or any other classification. Maybe the design layout may be different according to your niche and writing theme.

Fortunately, Elements reduces your trouble in creating blog archive pages. Therefore, you only need to click a few times to design the archive page. In addition, Happy Post Grid Widget makes this process easier and smarter, including some new features and design tools.

Introduce the post grid component of Happy Addons

Use this professional component of a happy plug -in, you can arrange your blog in a organized and fashionable way. In addition, the unique appearance of blog preview will encourage visitors to jump into details.

Use HappyaddonsPost Grid Small components extend your blog archive page. It has a predefined skin, so you can spend less time to design your blog page.

In addition, you will find many pre -built templates on the Happyaddons demonstration page. This will definitely simplify your task. Apply the Happy Livecopy function to directly use these inspirations on your website directly on your demonstration. Within a minute, you will prepare your design for further customization. This is as easy as pie.

There is an example below:

Find all the demonstration designs here!

post-grid-widget-design-demo Use post grid small components to design blog implementation page from scratch. It will not exceed 10 minutes at all!

How to design blog archive pages in your WordPress website

These are prerequisite for creating archive pages:

A WordPress website element

happyaddons (free and professional)

  • Suppose you have successfully configured the WordPress site and installed all the necessary plugins, including Elementor and Happyaddons. If you are working in Elements for the first time, please check this beginner guide to start easily.

  • First log in to the WordPress dashboard with your personal credentials. Now, navigation to Pages → Add New.

  • Next, enter the page title and select the Elementor Canvas option from the right template drop -down list.

Finally, click the \”Elementor Edit\” button and start using the most powerful pages to build device.

Basic configuration is completed. Let us gradually show you the use of post grid widget:

how-to-use-elementor-canvas

First step: Add the small parts to add the small parts To your blog archive page Now, add the small components to the page you want to customize. Entering Elementor EditAfter the device, search for the small components required from the editor panel. Then just drag and drop the small parts on the screen.

After adding a small component, all your blog articles will immediately appear on your editor. Not only that, you will also get many custom options for this specific small component.

Post Grid Widget

Step 2: Use different design patterns to style your small components

In the left side, you, you You will find four customized options designed for Post Grid Widget. They are:

Elementor Blog Archive Page

Layout:

You can choose 7 different skin to ensure that your blog articles view has a better appearance.

Query:

Select the type of post from here -posts, pages, manual selection.

  1. Pagling and loading more: Select the pagination style you want from the 4 different options provided from this
  2. wrapper link: Use This amazing Happy Addons function adds links to any part, column, and small components.
  3. In short, you will get all the elements that give your design unique appearance. This is your restriction -this is just your imagination.

3rd step: Make your website design more attractive

in In Elements, you can customize every small detail of the design. With Happyaddons, you can expand the customized range to infinite.

To style your post grid component, click the style button.

provides a more appropriate size for the line and line.

In addition, you can customize other details from the project box part. Such as -Margin, Padding, Box-Shadow, Border, Border-Type, Border-Radius, Height, Width, etc.

Elementor Blog Archive Page

Similarly, you will find that a variety of options can be styled in badge, content, meta, buttons, etc. By using these resources, you can mold in realityCreate your thoughts.

How stylize Elementor Widgets With the dual play of Elementor and Happy Addons, you will get a lot of choices to depict your design. From there you can choose any combination according to your requirements.

Elementor Blog Archive Page

This is our final appearance after all customization:

]

Reward: You can increase your website design to a new level through a happy effect

Happy Addons One of WordPress plugins. The reason for its popularity is -always includes useful and unique functions according to user needs. post-grid-widget

Click the \”Advanced\” tab to explore some extraordinary happy functions, such as exercise effects, happy effects, backgrounds, or make it more sensitive and interesting. However, \”Advanced\” is the default function of Elements. But using happyaddons, you will get some additional advantages that Elements does not have.

You can apply these effects to any Elements you want!

View the complete document of Happyaddons Post Grid Widget to get a better understanding. Advanced Post Grid Feature

By giving your website a highly effective appearance! Elements makes the entire web development process easier than before. It speeds up the workflow and reduces the pressure. In addition, Happy Addons can help you automatically designs for your website. We show you how to design a beautiful Elements blog archive page in a few minutes. Similarly, you can create any type of modern design in WordPress without really becoming professionals.

If you have any further doubts about Elementor’s website design or Happyaddons’ workflow, please use the following comments!

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *