With this element, you can display your posts or custom post types in a smooth, swipeable slider format. It allows users to easily browse through content by swiping or sliding, creating an interactive and visually engaging browsing experience. You can use it to highlight featured posts, recent articles, or important content while keeping your layout clean and modern. The slider works smoothly across all devices and supports responsive design for better user interaction.
Required Setup
- Bricks Builder installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- This is a pro element, so make sure you have the WDesignKit Pro license activated in your WDesignKit account.
- Make sure you’ve downloaded the Swipe Post Slider element.
How to Activate the Swipe Post Slider Element?
Go to
- WDesignKit → Widgets → Browse Widgets.
- Search the element name and select Bricks as the Page Builder.
- Click on the Download icon.
Use Cases
Use the Swipe Post Slider element when you want to display posts or custom post types in an interactive slider that users can easily browse by swiping or sliding. It helps present multiple posts in a compact and visually engaging layout while keeping the page clean and organized. This element is perfect for highlighting important content without taking up too much space on the page.
Best For:
- Blog & Magazine Websites: Showcase recent articles, featured posts, or trending topics in a swipeable slider that allows readers to quickly browse through content.
- News Websites: Display breaking news, top headlines, or latest updates in a dynamic slider format that keeps visitors engaged.
- Content-Rich Websites: Highlight important posts, guides, tutorials, or resources in a compact slider that makes browsing easier for users.
- E-commerce Blogs & Product Stories: Feature product-related articles, product announcements, or buying guides in an interactive swipe layout.
- Portfolio & Case Study Websites: Present project posts or case studies in a smooth slider format, allowing visitors to explore your work easily.
- Agency & Business Websites: Display company news, blog posts, insights, or updates in a modern slider that keeps the page visually engaging.
- Landing Pages: Highlight important blog posts, announcements, or featured content without cluttering the page layout.
- Education & Tutorial Websites: Show learning resources, tutorials, or educational articles in a swipeable format that improves content discovery.
- Community & Membership Websites: Display community updates, member stories, or important announcements in an interactive slider.
- Modern UI Designs: Perfect for websites that aim for a sleek, interactive, and mobile-friendly browsing experience while showcasing multiple posts in a limited space.
How to Use the Swipe Post Slider Element in Bricks?
Add the Swipe Post Slider element to the page.
CONTENT
From the Post Listing dropdown, you have to select the post type.
From the Include Product(s) section, you can include posts by post id.
From the Exclude Product(s) section, you can exclude posts by post id.
Note: You can include or exclude multiple posts by post ID, separated by commas.
In the Max Post field, you can set the maximum number of posts that will be displayed on the swipe post slider.
Then, from the Order section, you can arrange the posts in ascending or descending order based on the option selected in the Order By dropdown.
Then, from the Order By dropdown, you can order the post titles. Here you’ll find multiple options –
- None – This will keep the list in its default order.
- ID – With this, you can order the post titles by their id.
- Author – With this, you can order the post titles by the author’s name.
- Title – With this, you can order the post titles by title (alphabetical order).
- Name(slug) – With this, you can order the post titles by the post’s name.
- Date – With this, you can order the post titles by date.
- Modified – With this, you can order the post titles based on the last modified date.
In the Max Category field, you can set a maximum number of categories from which the post will show on the swipe post slider.
In the Max Tag field, you can set a maximum number of tags from which the post will show on the swipe post slider.
Then, from the Style tab, you can further customize the style of the Swipe Post Slider.