How to use a happy intelligent post list Small components to create a list list on the Elementor website

The carefully designed blog page or post list helps to quickly attract users’ attention. That’s why your post lists are beautiful and easy to browse.

Create a list list on your Elements website is no longer difficult.

Now, you can use Happy Addons Pro’s \”Smart Post List\” small components to effectively make exquisite blog posts. This advanced post has a large number of custom options and pre -designed demonstrations, so you can easily display your website article in a more decent way!

Let’s see how this cool small component works.

How to use the intelligent post list of the smart posts of Happyaddons through 3 simple steps

In this part, we will show you how to use the Smart Post List small component of Happy Addons on the Elementor website Come to make a wonderful blog page.

Prerequisites:

It is amazing For small components, you need to install the following plug -in on your website:

Happy plug -in (free for free )
Happy plug-in professional version
If you are a novice, check this guide-how to use Elementor to easily build your website.

The first step: add the small components of the smart post list to your webpage

First, find and select the \”

smart post list

\” small components in the left menu Essence Then drag and drop it to the selected area.

After adding a small part, it is time to set it in your own style settings And custom post content. In the

content

, you will get all the necessary settings. The following is the settings you will find-

Layout

Top column [1]

Selected posts

List post

Ask
Packaging link
Let us explore each content settings one by one.

Layout

, you will get 4 different settings. Such as.

column: Use column, you can define the post part part Number of columns. The drop -down list Column 1, Column 2 and column 3 are available. You can use it as needed. Here we used three columns.

Show Top Bar: According to your needs, you can also open and close show to bar.

FIRST Post Featured:

If you don’t want to display First Post as Featured Post, you can close the FIRST POST Featured option. Featured Post Column : By setting, you can define Featured Post Collemn. The drop -down list

column 1

and column 2 are available.

Here, we decided to display our special posts in columns 2, which is why we choose

Tye 2 option. Now our list posts will be displayed in a single column, as shown in the figure below.

top column After activating the top bar, you will get all the necessary top column settings here. To make your top column more beautiful, you can use these options. Title:

YouYou can write top columns such as popular articles, recent articles, popular articles, editors and recommendations.

You can select the tags of the title

H1-H6

and

DIV

Navigation:

You can also open

and close Navigation. Display filter: If you don’t want to display the filter option, you can close it here. Filter style:

You can also set the filter style to two different forms

inline and Dropdown .
Filter condition : Even if you can add the filter condition.
Here, we chose the filter style Neilian and published category as our filter term.

Note:

The term is a classification project. The available classification method is category, label, format and custom classification method. Select the term for the selected filter items. By default, it will display all the categories under the selected post type in the query settings.

Selected posts

There are many settings that can be used to help you customize Selected post settings. they are. Style:

In style elements, you can set the content style in two different ways

Content Inside and Content Outside Essence If you choose the Content Outside style, your post will be displayed below the feature image. Here, we chose Content Inside as a style. Image size:

Here, you can set your characteristic image size.

Badge:

You can open

Close post badge. Badge classification: You can also select badge classification, such as tag

and

category .
TabTitle: You can disable the title of special posts. Title tags: According to your needs, you can define the title tag. Activity Yuan:

also set your post activity element, such as

date, author, comment , etc. Author icon: You can add the author icon here.
Date icon: You can add the date icon. Comment icon:

You can also add a comment icon.

Excerion length: You can set the excerpt length.
Alignment : You can also define the correct content Alignment Top, Middle

and

bottom .
List post

Like the selected post settings, you can also set

list post [ 123] Content. These are options that can be used to customize list posts.

Picture

Picture size

Author icon

[ 123]

Inquire [123 ]

In this section, you can use

query Add post list. The following options can help you set the correct post query.
Post Type:

You can select a post type from the three types of

post and manually

Essence

Including and exclusion:

You can include and exclude

Here, we include all posts of

author

.

Author: You can stillAdd the author’s name.

You can choose posts of different dates as needed, such as in the past day, past week, one month, past quarter, past year and [123 ] Custom . Sorting method: You can press the author’s sorting, comment count, date, ID, menu order, random and

title

display posts. Order: You can also select orders, such as ASC \u0026 amp; desc .

Ignore top posts:

If you need, you can click and

switch to ignore the top post. Featured pictures : You can also open and Close

feature pictures.

3rd step: Set style for the list

In terms of style, you will get a custom post list list All styles set. You can easily browse each option and design in your own way. The following settings can help you redesign the Elements post list. layout top bar Title
top bar filter top column navigation Selected post Badge

List post

[123 ]

View the current preview of our post list.

Reward: Try the Live Copy function to use pre -designed smart post templates \”Smart Post List\” is a happy plug -in Professional components. In our professional version, you will get exclusive features entitled \” Live Copy

\”. With this advanced feature, you can easily copy any prefabricated design and paste it to your Elementor website. Therefore, you can save valuable time and get a amazing design designed by our professional designer.

Let’s use happy addonThe prefabricated design of the list of s posts.
Copy the presentation
For this, you need to transfer to the demonstration page of the Smart Post List component. Here, you will get 10 amazing posts. Just choose the appropriate design according to your needs.

Then click

Live Copy

button to copy the presentation. Here, we copied

Design 2

demonstration.

Demonstration of real -time replication function and paste copying

Then, you need to enable the Live Copy function on the newly created part. To enable this function, you can operate in accordance with the following guide.

First, click

Edit Part

Secondly, turn to

Advanced , then click Happy Function 3. Enable Live Copy

Function

Finally, right -click

Edit section

Live Paste

button to paste the demonstration.

View the complete document of the Live Copy function!

The final preview of the new intelligent post list

After completing all the tasks, the final preview of the Live Copy demonstration will be displayed as follows.
You can also follow yourself according to yourself The style of style custom new Live Copy demonstration.

Just! Now, you know how to use small parts and create a amazing post list for your website.

Are you ready to use the smart post list widget to create your post list? In this blog, we show you how to use the Smart Post List component of Happy Addons on the Elementor website to design a amazing post list.We also introduced how the Live Copy function saves your valuable time.And some possible causes of the small components using post lists on the Elementor website. If you like this convenient guide, please share on your social channels.It will help others to learn.Don’t forget to subscribe to our current affairs communication.free!

Author: