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?