1. Home
  2. Ansar Elements
  3. Post Query Widgets
  4. Post Slider (Widget Guide)

Post Slider (Widget Guide)

๐Ÿš€ Showcase Posts with an Interactive Slider

Display your posts in a dynamic slider layout โ€” perfect for featured content, trending stories, or homepage highlights.


โšก Quick Start

  1. Drag & drop Post Slider widget
  2. Select posts using Post Query
  3. Customize slider behavior
  4. Style to match your design

๐ŸŽ›๏ธ Content Controls (TAB_CONTENT)

๐Ÿงฉ Slider Layout

Control overall structure & template

  • Template Style (Layout One)
  • Columns, spacing, layout structure

๐Ÿ“„ Slider Content

Control what appears inside each slide

  • Show/Hide Image
  • Title & HTML Tag
  • Meta (date, author, comments)
  • Excerpt length
  • Category display

๐Ÿ”˜ Button Setting

Customize call-to-action

  • Button Text
  • Icon
  • Position & spacing

๐ŸŽž Slider Settings

Control slider behavior & interaction

  • Effect: Slide / Fade / Creative
  • Direction: Left / Right
  • Autoplay (Speed control)
  • Slide Transition Speed
  • Loop (infinite scroll)
  • Navigation Arrows
  • Pagination Dots (clickable)
  • Scrollbar

๐Ÿ” Post Query

Choose which posts to display

  • Categories / Tags
  • Order By / Order
  • Posts Per Page
  • Not Found Text

๐ŸŽจ Style Controls (TAB_STYLE)

๐Ÿงฑ Slider Layout

Outer wrapper styling

  • Content Alignment
  • Outer Padding
  • Background (solid / gradient)

๐Ÿ“ฆ Slider Content

Card/container styling

  • Background
  • Border & Radius
  • Box Shadow
  • Alignment
  • Width & Padding

๐Ÿ–ผ Featured Image

Image styling

  • Height control
  • Border & Radius
  • Overlay color

๐Ÿท Category
  • Typography
  • Color & background
  • Spacing

๐Ÿ“ Title
  • Typography
  • Color & hover
  • Spacing

๐Ÿ“Š Meta
  • Typography
  • Icon color
  • Spacing

๐Ÿ“„ Excerpt
  • Typography
  • Color
  • Margin

๐Ÿ”˜ Button
  • Typography
  • Colors & hover
  • Padding & radius

๐Ÿ”ข Pagination
  • Alignment
  • Color & typography
  • Border & radius

โฌ…๏ธ Navigation
  • Arrow size
  • Colors & background
  • Spacing & hover

๐Ÿ’ก Pro Tip (Keep This โ€” High Value)

Use Autoplay + Loop with smooth transition speed to create a continuous content flow โ€” this increases engagement and keeps users exploring more posts.

How can we help?