The Post Accordion Widget displays WordPress posts and pages as unique interactive accordion layouts. You can turn on or off any part of the post accordion to make them look exactly how you want and suit your website needs. Its advanced post query options will give you full control to filter your posts exactly the way you want.
Let’s look at each of the options in the “Post Accordion Widget” below.
Install Post Accordion Widget for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Post Accordion”
- Hover over the widget in the search results and click install
- Add your “Post Accordion” widget to any Elementor Page
First Item Open
It will show the first item open on accordion.
Type the text to show in the button.
Intro Number of Characters
Define the number of characters of post you want to display as intro.
Scroll to Head
Select any of the options to turn on the option for different devices.
Show or hide elements in Post Accordion.
Show/Hide the image of the post.
Show/Hide the title of the post.
Show/Hide the intro element.
Show/Hide the content of the post.
Show/Hide the button.
Show/Hide the date element.
Show/Hide the icon.
Choose an icon to display.
Choose an icon to display as icon active.
Posts Query Setting
Select the exact posts you want to show on your Post Accordion.
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Choose the type of post you want to display.
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Post Parent
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Choose specific posts that you would like to exclude from your selection by adding rules.
- Current Posts
- Post Without Featured Image
- Posts with current category
- Posts with current tags
- Avoid Duplicates
- ID's from Dynamic Field
To know more about post query setting, please visit our article on Advanced Post Selection
Display the pagination for your post grid
- Using Pagination Widget
Post Accordion Widget Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Style the icon background, border radius, color, and size.
In this section, style the heading background, border radius, padding, margin, and border.
Heading Text Styling
Set the heading text padding, color, and typography.
Set the content alignment, padding, margin, background, and border.
Style the image height, radius, and width.
Set the title color, typography, and spacing.
Set the color, typography, and spacing of date element.
Style the text color, typography, and spacing.
Style the button padding, radius, background, text color, typography, and spacing.
Button Text Styling
You can style the typography, and color of button text.
Here are some live use cases for the Post Accordion Widget.
Post Accordion widget synced with Post Slider.