Live Events

Want to show your best or latest content right where visitors will see it? Live Events make it easy to display posts based on what’s new, popular, or important to you. Simply choose what to show and how to show it, and you’re all set.    

Requirement 

• Elementor (Page Builder) 
• Animations Addons (Our Plugin)  

Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. 

How To Activate Live Event 

1. Go to your WordPress Dashboard. 
2. Click on Animation Addons. 
3. Head to the Extension Tab. 
4. Under Dynamic, toggle on Live Event.  

Step 1: Add and set Live Event 

First, go to your WordPress dashboard, open Animation Addons, and click on Live Events. Next, click on ‘Add New Live Event’ to create a new event and give it any name you prefer. 

Next, click on the ‘+’ icon, and then type “Live Event” in the search box. Once it appears, click on it. 

Query 

To begin, click on ‘Query’ and select the ‘Custom’ option from the available query types. 

Custom: It lets you manually select specific posts or apply filters like post type, category, tag, or author.

Archive: It displays posts based on WordPress archive pages, such as category, tag, date, or author.

Related: Display posts related to the current post. 

Most Share Posts: Display posts with the highest number of social shares. 

Trending Posts: It shows posts that are gaining popularity recently based on views, shares, or comments. 

Most Popular: Displays the post with the highest overall engagement. 

Most Reactions: It shows the post with the most user reactions, such as likes and emoji responses. 

Most Comments: It displays the post that receives the highest number of comments. 

Most Reviews: Displays posts with the highest number of reviews or top ratings.

Most Love: It shows the post that received the most love reactions.

Most Like: Displays the post with the most likes.

Recent Later(LocalStorage): Displays recently visited posts based on the user’s browsing activity.

Top Post This Week: Shows the post that performed well within the current week. 

Last 12 Hours: Shows the most popular or latest posts from the past 12 hours.

Last 24 Hours: Displays trending or newly published posts within the last 24 hours.

Source 

Next, select ‘Live Events’. 

Post: Displays standard blog posts.

Pages: Displays WordPress pages such as About, Contact, or Terms.

Video Story: Displays content from the custom post type named Video Story.

Live Events: Displays entries from the Life Events custom post type.

Portfolio: Displays posts from the Portfolio custom post type.

Include / Exclude 

Next, you’ll see two options: Include and Exclude.

Include lets you choose specific posts to show, while Exclude hides posts even if they match other filters like category or tag.

For example, I selected Include, but you can choose either option.

Include By 

In the Include By section, clicking the ‘+’ icon will reveal two options.

Term: It lets you choose specific terms like News, Tutorials, or Design to display only posts tagged or categorized with them.

Author: It allows you to select one or more authors, showing only the posts they created.

Note: I didn’t select anything and kept the default settings, but you can choose either option based on your preference. 

Post Format 

Image: Shows posts using the image format.

Video: Shows posts set to the video format.

Audio: Shows posts that use the audio format.

Gallery: Shows posts with the gallery format.
Note: I kept the option at its default, but you can choose any option based on your preference.

Step 2: Set Timeline

The timeline lets you control when and how posts appear. Choose date ranges, sort content to highlight what matters, and pick a layout that makes your timeline stand out.

Date 

Date settings let you filter timeline content based on when posts were published. You can choose from various time-based options such as:

• All.
• Past Day.
• Past 3 Days.
• Past Week.
• Past 2 Weeks.
• Past Month.
• Past Quarter.
• Past Year.

For example, I have selected ‘All’, but you can pick any option according to your choice. 

Order By 

Date: Order posts by their publish date. 

Title: Order posts alphabetically by their title. 

Menu Order: Displays posts in the order defined by the WordPress “Order” field, typically used for pages or special post types.

Last modified: Order posts based on the last time they were updated, not when they were first published. 

Comment Count: Arranges posts by the total number of comments.

Random: Display post in a completely random order each time the page loads. 

For example, I have picked ‘Date’, but you can pick any option based on your preference. 

Order 

ASC: It shows posts in a normal order, like smallest to biggest, A to Z, or oldest to newest, based on what you select in the “Order By” option. 

If you select ‘ASC’, it will look like this. 

DSC: It shows posts in reverse order, like biggest to smallest, Z to A, or newest to oldest, based on what you select in the “Order By” option.

If you select ‘DSC’, it will look like this. 

For example, I selected ‘ASC’, but you can choose either option.

Layout 

Normal: Show each post on the timeline in a regular, centered box. 

Aside: It displays posts on both sides of the timeline, switching between left and right to create a zigzag look. 

Overlay: It puts the text on top of the image so both show up together. 

Note: You can drag and drop all the options and arrange the style as you want.

For example, I selected ‘Aside’, but you can choose any option based on your preference.

Settings 

• Post per page: You can choose how many posts to display on your website. For example, I set it to none, but you can set any number you prefer. 

• Show Thumb: I turned it on to show image content, but you can leave it off if you don’t need it.

• Image resolution: You can pick from a thumbnail, medium, large, or full. I used medium.

• Show Title: I kept it on for the title, but it’s optional.

• Show Excerpt: It shows a short summary of the post. I set it to Show. 

• Show meta: Display meta information such as publish date, Author name, commnet count. I toggle it off. 

• Show rating: It displays post rating. However, I just kept it off. 

• Read More: Adds a read more button or link to each post. I turned it on.

 Note: You can customize it as you like.

Step 3: Content Layout 

Change how post details show up to keep your timeline neat and easy to use. You can personalize titles, summaries, info, and buttons without any hassle.

Title

Title Length: You can limit the title length by words or characters here. I left it unchanged.

Title HTML Tag: Choose a heading tag for the title (H1–H4). I used H2, but it’s up to you.

Show Highlight: Highlights a word in the title. I hid it, but you can turn it on if needed.

Excerpt

Excerpt Length: Sets how much of the post excerpt to show in the timeline. For example, I set it to 8 words, but you can choose any number you prefer. 

Taxonomy 

• Categories: Organizes regular blog posts into groups.
  
• Tags: Adds keywords to help describe your posts.
  
• Format: Lets you filter posts by type—like standard, video, or gallery.
  
• Custom Categories: Used for special post types, like portfolios.
  
• Portfolio Categories: Categories made specifically for portfolio posts. 

For example, I selected ‘Categories’, but you can choose any option you prefer.

Meta 

Metadata:  By clicking ‘Add Item’, you can show meta info for each post, such as the author’s name, publish date, and comment count.

Separator between: Sets the symbol between meta items. I used a slash (/), but you can choose a bullet, pipe, dash, or any other.

Author By: Shows the author’s name with the post. I turned it off, but you can turn it on if you prefer.

Author Avatar: Displays the author’s profile image next to their name. I’ve kept it off, but you can enable it if you like. 

Read More 

Read More Text: Change the label of the ‘Read More’ link or button to anything you like.

Icon: Add an icon next to the ‘Read More’ text.

Icon Position: Choose where the icon appears. I placed it before the text.

Icon Spacing: Adjusts the space between the icon and the text.

Pagination 

Pagination settings include options like None, Numbers, Previous/Next, Number + Previous/Next, and Load on Click. 

 I chose ‘None’, but you can pick any option you prefer. 

Final Results 

You Did It 

You’ve successfully set up your Live Event to showcase the content that matters most. Now your visitors will see fresh, relevant posts that keep them engaged and coming back for more. However, if you have any questions or need a hand, feel free to reach out to our support team—we’re always here to help.