Posts Slider
Use Posts Slider to display a slider of WordPress posts with featured image, post info, and excerpt content.
Usage​
Use Posts Slider to render a slideshow of queried WordPress posts, pages, or custom post types in a single rotating panel. Each slide combines the post's featured image with optional post title, author, date, comment count, excerpt, and a Read More link, and the slideshow is driven by configurable height, autoplay, loop, transition, and timing controls.
This module is most useful for blog feature areas, homepage hero sections, related-content blocks, and landing pages where a small set of posts should rotate automatically with strong visual emphasis. It works well anywhere a static post grid would feel too dense and a single highlighted post at a time better matches the page design.
Module Settings​
The Posts Slider module settings control the slider behavior, the layout of each slide, the visual styling of slide content, and the underlying post query.
Slider Tab​
The Slider tab controls the slider dimensions, autoplay, transitions, and the visible navigation controls.
Height Default: 400px
The minimum height of the slider in pixels. Slide content can expand the height beyond this value.
Auto Play Default: Yes
Starts each slide rotating automatically on page load.
Loop Default: No
Returns the slider to the first slide after the last slide, so the rotation continues without stopping.
Delay Default: 5
The time in seconds each slide remains visible before advancing to the next slide.
Transition Default: Slide
The animation used when moving between slides.
- Fade: Cross-fades between slides without moving them horizontally.
- Slide: Slides each post horizontally into view.
Transition Speed Default: 1
The duration in seconds of the transition animation between slides.
Number of Posts Default: 10
The maximum number of posts loaded into the slider as slides.
Slider Controls
The Slider Controls section sets which navigation elements appear on top of the slider.
Slider Controls
Show Dots Default: Yes
Shows or hides the pagination dots used to jump between slides.
Show Arrows Default: No
Shows or hides the previous and next arrow controls. Selecting Yes also reveals the Nav Arrows group in the Style tab.
Show Play/Pause Default: No
Shows or hides a play and pause toggle for the slider rotation.
Layout Tab​
The Layout tab controls how the featured image, post info, and post content appear on each slide.
Featured Image
The Featured Image section controls whether and how the featured image is displayed on each slide.
Featured Image
Show Featured Image? Default: Show
Shows or hides the featured image on each slide. Selecting Hide removes the related image fields from the layout.
Image Settings
Image Default: Background
Selects how the featured image is rendered on the slide.
- Background: Renders the featured image as the slide background, with the post content overlaid on top.
- Thumbnail: Renders the featured image as an inline thumbnail next to the post content.
Size Default: Large
The registered image size used for the featured image.
Crop Default: Landscape
The crop applied to the thumbnail image when Image is set to Thumbnail.
- None: Uses the original image without cropping.
- Landscape: Crops the image to a wide horizontal aspect ratio.
- Panorama: Crops the image to a very wide panoramic aspect ratio.
- Portrait: Crops the image to a tall vertical aspect ratio.
- Square: Crops the image to a 1:1 square.
- Circle: Crops the image to a circle.
Post Info
The Post Info section controls which metadata appears next to each post title.
Post Info
Author Default: Show
Shows or hides the post author on each slide.
Date Default: Show
Shows or hides the post date on each slide.
Date Format
Date Format Default: Default
The format used to display the post date when Date is set to Show.
- Default: Uses the date format configured in the WordPress settings.
- M j, Y: Short month name, day, and four-digit year, for example
Jan 1, 2025. - F j, Y: Full month name, day, and four-digit year, for example
January 1, 2025. - m/d/Y: Numeric month, day, and four-digit year separated by slashes.
- m-d-Y: Numeric month, day, and four-digit year separated by hyphens.
- d M Y: Day, short month name, and four-digit year.
- d F Y: Day, full month name, and four-digit year.
- Y-m-d: Four-digit year, numeric month, and day separated by hyphens.
- Y/m/d: Four-digit year, numeric month, and day separated by slashes.
Comments Default: Show
Shows or hides the post comment count on each slide.
Post Content
The Post Content section controls the post excerpt and the optional Read More link displayed on each slide.
Post Content
Post Content Default: Show
Shows or hides the post excerpt on each slide. Selecting Show also reveals the Post Content style group in the Style tab.
Content Length
Content Length
The maximum number of words used for the excerpt when Post Content is set to Show. Leave empty to use the default WordPress excerpt length.
More Link Default: Hide
Shows or hides the Read More link below the excerpt. Selecting Show also reveals the More Link style group in the Style tab.
More Link Text
More Link Text Default: Read More
The text displayed for the Read More link when More Link is set to Show.
Style Tab​
The Style tab controls the appearance of the slide content area, post title, post info, post content, More Link, and the optional navigation arrows.
Content
The Content section controls the position, sizing, and background of the text overlay on each slide.
Content
Position Default: Left
The horizontal or vertical placement of the text content over the slide background. Available when Image is set to Background.
- Left: Aligns the content to the left side of the slide.
- Right: Aligns the content to the right side of the slide.
- Bottom: Aligns the content to the bottom of the slide.
Position (Thumbnail Only) Default: Left
The placement of the text content next to the featured image when Image is set to Thumbnail.
- Left: Places the content to the left of the thumbnail.
- Right: Places the content to the right of the thumbnail.
Text Width Default: 50%
The width of the text content area as a percentage of the slide width. Available when Position is set to Left or Right.
Text Padding Default: 50px
The inner spacing around the text content area in pixels.
Background Color Default: #333333; Supports: Field Connections
The color of the overlay placed behind the text content when the featured image is rendered as a background.
Background Gradient Default: No
Fades the background color overlay into a transparent edge in the direction set by Position, instead of filling a flat block.
Background Height Default: 100%
Controls how the background overlay sizes to the slide.
- Auto: Sizes the overlay to fit the height of the text content.
- 100%: Stretches the overlay to fill the full height of the slide.
Post Title
The Post Title section controls the markup and appearance of each post title.
Post Title
Title Tag Default: h2
The HTML tag used for each post title. Options are h1, h2, h3, h4, h5, and h6.
Color Default: #cccccc; Supports: Field Connections
The text color of each post title.
Hover Color Default: #ffffff; Supports: Field Connections
The text color of each post title on hover.
Typography Supports: Responsive
The font settings for post titles.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
Post Info
The Post Info section controls the appearance of the author, date, and comment count metadata.
Post Info
Color Default: #ffffff; Supports: Field Connections
The text color of the post info metadata.
Link Color Default: #cccccc; Supports: Field Connections
The link color of the post info metadata.
Link Hover Color Default: #ffffff; Supports: Field Connections
The link color of the post info metadata on hover.
Typography Supports: Responsive
The font settings for the post info metadata.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
Post Content
This group is available when Post Content is set to Show in the Layout tab.
Post Content
Color Default: #ffffff; Supports: Field Connections
The text color of the post excerpt content.
Link Color Default: #cccccc; Supports: Field Connections
The color of inline links inside the post excerpt content.
Link Hover Color Default: #ffffff; Supports: Field Connections
The color of inline links inside the post excerpt content on hover.
Typography Supports: Responsive
The font settings for the post excerpt content.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
More Link
This group is available when More Link is set to Show in the Layout tab.
More Link
Color Supports: Field Connections
The text color of the Read More link.
Hover Color Supports: Field Connections
The text color of the Read More link on hover.
Typography Supports: Responsive
The font settings for the Read More link.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
Nav Arrows
This group is available when Show Arrows is set to Yes in the Slider tab.
Nav Arrows
Arrows Background Color Supports: Field Connections
The background color of the previous and next arrow controls.
Arrows Background Style Default: Circle
The shape of the background behind each arrow control.
- Circle: Renders the arrow background as a circle.
- Square: Renders the arrow background as a square.
Arrows Color Supports: Field Connections
The fill color of the previous and next arrow icons.
Query Tab​
The Query tab configures the WordPress query used to load posts into the slider.
Source Default: Custom Query
Selects how the slider gets its posts.
- Custom Query: Build a custom WordPress query by specifying post type, sort order, and filters.
- Main Query: Use the current page's main WordPress query, useful inside Beaver Themer archive layouts where the page context determines the query.
Custom Query settings
Post Type Default: Post
Selects one or more post types to query. Supports posts, pages, and registered custom post types.
Ordering settings
Ordering settings control how queried posts or items are sorted, such as by date, title, menu order, or custom ordering options where available.
Offset Default: 0
Skips the specified number of posts at the start of the query results, useful when the most recent posts appear elsewhere on the page.
Exclude Current Post Default: No
Excludes the post currently being viewed from the query results. Useful for related-post sliders on single post templates.
Filtering settings
Filtering settings control which posts, terms, authors, or content types are included or excluded from the module output.
Authors
Filters the query to posts by specific authors entered by username.
Custom field filter settings
Custom field filters limit queried content by matching custom field keys, values, and comparison rules where available.
Advanced tab​
The Advanced tab includes all the standard settings for margins, visibility, animations, and advanced HTML configurations.
See the Advanced tab section for more information.