The reliable way to add a featured content slider in WordPress is to use a suitable block or slider plugin after checking whether your theme or editor already includes one. Choose whether slides will be hand-authored or pulled automatically from posts, pages, or products, configure the content and accessibility controls, insert the block or shortcode, and test the result on mobile and with a keyboard before publishing.
1. Decide what the slider should feature
Start with the content source, because it determines which WordPress feature or plugin you need.
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
Step-By-Step WordPress for Beginners: How to Build a Beautiful Website on Your Own Domain from... | $17.58 | Buy on Amazon |
Hand-selected slides
Use manually authored slides when you want precise editorial control over the image, headline, excerpt, and destination link for every panel. This suits a small set of announcements, campaigns, or evergreen features.
Automatically selected content
Use a dynamic query when the slider should update as you publish or edit content. Plugins such as General Slider describe sources including posts, pages, and WooCommerce products, with each slide able to use the item’s featured image, title, excerpt, and link.
#1 Best Overall
Choose the visual role
- Hero slider: large editorial images with a short message and one clear action.
- Content slider: several featured posts or pages presented as cards or panels.
- Product slider: selected or queried WooCommerce products.
- Image slider: primarily visual storytelling, with text kept minimal.
Do not add a slider merely because a plugin offers one. A static featured section may be clearer when the content does not need rotation.
2. Check for a built-in theme or editor feature
Before installing anything, open the site editor or page editor and inspect the blocks provided by the active theme. Some themes and page builders include a carousel, slideshow, query loop, or featured-content pattern. A native feature generally reduces compatibility and maintenance variables.
If the built-in choices cannot create the layout, content source, controls, or accessibility behavior you need, proceed with a plugin. The exact names and settings vary by theme and editor.
3. Select a plugin that matches the implementation
Compare plugins by capability rather than by the number of visual effects.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →| Decision | What to verify |
|---|---|
| Content source | Manual slides, a query for posts or pages, WooCommerce products, or more than one source. |
| Insertion method | WordPress block, shortcode, page-builder integration, or a combination. |
| Accessibility | Keyboard navigation, meaningful screen-reader labels, a visible pause control, and reduced-motion behavior. |
| Scope | Image-only slider, content or hero slider, card scroller, or featured-product display. |
| Compatibility | Current WordPress and PHP requirements, update history, active-theme compatibility, and editor support. |
WordPress’s Learn lesson uses MetaSlider, Smart Slider 3, and Carousel Slider Block as examples of carousel plugins; those names are illustrative, not endorsements. Directory listings also describe Image Slider Block, Accessible Carousel, and General Slider, but their listed features are publisher claims rather than an independent test of your site.
Check requirements before installing
The Content Slider Block listing captured for this guide reports version 3.2.1 and WordPress 6.5 or higher. That is specific to that listing and may change, so confirm the live directory entry, PHP requirement, and compatibility information immediately before installation.
4. Install the slider plugin
- In the WordPress dashboard, go to Plugins → Add New.
- Search for the slider plugin you selected.
- Review its requirements, update history, supported insertion methods, and accessibility options.
- Click Install Now, then Activate.
If the plugin does not appear in search, use the installation method documented by its publisher and confirm that the package is compatible with your WordPress version. Avoid activating multiple slider plugins for the same placement until you know which one controls the markup and styles.
5. Create or configure the slides
For manually authored slides
- Open the plugin’s slide or slider screen, or insert its block and choose the option to create a new slider.
- Add each image and write a concise title or excerpt.
- Set the destination URL for the slide or its call-to-action control.
- Reorder slides so the first panel carries the most important message.
- Enter meaningful alternative text for every informative image. Mark purely decorative imagery as decorative when the plugin or WordPress media interface provides that choice.
For dynamic slides
- Choose the source, such as posts, pages, or WooCommerce products.
- Set the query rules available in the plugin, such as content type or selected items.
- Map the featured image, title, excerpt, and link to the slide fields.
- Set a sensible item count and ordering rule so newly published content does not unexpectedly displace an important feature.
General Slider describes dynamic slides that refresh when the underlying content is edited or published. Confirm the plugin’s own query and caching behavior before relying on that update pattern.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →6. Insert the slider on a page or template
Using a block
- Open the target post or page in the WordPress editor, or open the template in the site editor.
- Click the + inserter and search for the plugin’s slider block.
- Insert the block, select the slider you created, and configure its layout and controls in the block settings.
- Save the post, page, or template.
Using a shortcode
Use a shortcode only when the selected plugin documents one. Copy the exact shortcode from the plugin’s slider screen and place it in a Shortcode block or another supported shortcode field. A block is usually easier to edit and inspect, while a shortcode can be useful in legacy content or locations that accept shortcode output.
Using a page builder
If your site uses a page builder, check whether the plugin provides a dedicated integration. General Slider documents block, shortcode, and Elementor support; other plugins may offer different integrations. Do not assume a block will expose every setting inside a third-party builder.
7. Configure motion, controls, and presentation
Keep the interface understandable and the content readable.
- Use concise slide text with sufficient contrast against the image.
- Give previous, next, and pagination controls understandable labels.
- Provide a visible pause control when slides move automatically.
- Offer keyboard navigation and ensure focus is visible.
- Check whether the plugin respects a visitor’s reduced-motion preference.
- Choose image crops that preserve the subject at mobile and desktop widths.
- Make each link’s destination clear instead of making an entire panel an ambiguous click target.
Directory listings describe responsive behavior and accessibility options for some plugins, including keyboard navigation, screen-reader labels, pause controls, and reduced-motion handling. These features still need to be enabled and verified in your particular configuration.
8. Preview and test before publishing
- Preview the page at narrow and wide viewport sizes. Confirm that images are not awkwardly cropped and that text does not overlap controls.
- Activate the slider with a keyboard only. Tab to the controls, move between slides, activate links, and confirm that focus does not disappear.
- Use a screen reader or accessibility inspection tool to check slide names, control labels, and the reading order.
- Test autoplay, pause, previous, next, and pagination behavior. Check that a user can stop motion before reading or activating a link.
- Open every call-to-action destination and verify that dynamic content points to the intended post, page, or product.
- Check logged-out and cached views, because optimization or caching layers can alter scripts and styles.
- Publish only after the slider remains usable when JavaScript is delayed, blocked, or reloaded; if the plugin requires JavaScript, provide an accessible fallback or a normal linked content section where practical.
Common problems and fixes
The slider block is missing
Confirm that the plugin is activated and that you are editing a location where its block is supported. If the plugin supplies only a shortcode, insert a Shortcode block instead. A page-builder integration may require its own widget rather than the standard block inserter.
Slides show the wrong content
Review the query’s content type, ordering, selected categories or items, and publication status. Dynamic sliders can change when the underlying content changes, so check the source item’s featured image, title, excerpt, and permalink.
Images or text are cut off
Adjust the image aspect ratio, focal point, or object-fit setting if available, then test each breakpoint. Shorten headlines and excerpts rather than shrinking text until it becomes difficult to read.
Autoplay is difficult to control
Disable autoplay or enable a clearly visible pause control. Recheck keyboard operation and reduced-motion behavior after changing the setting.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Clear out junk files and repair common Windows errors3Scan for outdated or missing drivers - takes under a minuteThe slider looks different after an update
Review the plugin’s update notes, clear site and browser caches, and test the page with the active theme. Keep a recent backup and stage major plugin or theme changes when the site permits.
When a slider is the wrong choice
Use a static grid, list, or featured-content block when readers need to compare several items at once, when every item is equally important, or when motion would distract from the page’s primary task. A slider hides content until interaction or rotation reveals it, so it should have a clear editorial purpose and a usable non-rotating fallback where appropriate.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
