---
title: "How to create a Device Slider in WordPress?"
url: https://nexterwp.com/docs/device-slider-in-wordpress/
date: 2023-02-22
modified: 2026-04-15
author: "Aditya Sharma"
description: "Sliders are essential to any website, as they show off content in an engaging, visually appealing way. There can be different creative ways to use a slider for more engagement...."
image: https://nexterwp.com/wp-content/uploads/2024/05/device-slider-in-wordpress-1024x519.jpg
word_count: 364
---

# How to create a Device Slider in WordPress?

## Key Takeaways

- Nexter Blocks Dynamic Device block creates a device slider in the WordPress block editor by choosing Layout > Carousel and then selecting a device type, mockup design, and multiple images.
- Style > Carousel Options > Column offers Single and Multiple modes, where Single shows one slide at a time and Multiple previews the previous and next slides.
- Infinite Mode, Autoplay, Slide Speed, Dots, Arrows, and Carousel Slide tab settings let the slider loop, autoplay, show navigation, and adjust width and spacing.

Sliders are essential to any website, as they show off content in an engaging, visually appealing way. There can be different creative ways to use a slider for more engagement. One such way can be to show a slider inside a device mockup.

With the Dynamic Device block from the Nexter Blocks, you can create beautiful device sliders in the WordPress block editor.

*To check the complete feature overview documentation of the Nexter Blocks* Dynamic Device block, [click here](/docs/dynamic-device-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/)

To create a device slider, add the block on the page, and from the **Layout** section choose **Carousel**.

Then select the appropriate device type and mockup design from **Device** **Type** and **Device** sections, respectively. 

After that, from the **Upload Multiple Images** section, add your images.

![](https://nexterwp.com/wp-content/uploads/2023/02/dynamic-device-carousel-upload-multiple-image-new.png)

You’ll be able to see a device slider on the page. You can customize the slider from the Style tab.

To do this, go to **Style** > **Carousel Options** > **Column**. Here you’ll find two options -

**Single **- This will only show one slide at a time.

**Multiple** - Users can preview the previous and next slides in this slider mode.

If you want to make your slider an infinite loop slider, you can do that by turning on the **Infinite Mode** toggle.

You can also make the slider autoplay by turning on the **Autoplay** toggle, once turned on, you’ll get an option to adjust the autoplay speed as well.

Adjust the slider speed from the **Slide Speed** section.

Then you’ll find a couple of navigation options, **Dots** and **Arrows**, turn on the respective toggles to enable the navigation options. Once turned on, you’ll get relevant styling options for each navigation type.

If you are using the Multiple column option, you can use Center Padding, Center Slide Effect, Box Shadow and Normal Slide Opacity options to differentiate the center slide item from the rest of the slides.

![](https://nexterwp.com/wp-content/uploads/2023/02/dynamic-device-style-carousel-options-new.png)

You can also adjust the slider width, space between slides etc. from the **Carousel Slide** tab.

Also, check How to [show Pattern Block inside a Device Mockup?](https://nexterwp.com/docs/reusable-block-inside-a-device-mockup/)