Lovro Hrust

Block based slider, leverages the speed and versatility of the <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper slider</a>.
<h4>Key Features</h4>
<ul>
<li>🥇 Insert Any Block as a Slide: No restrictions! Use the full power of the WordPress block editor.</li>
<li>🥈 Flexible Configuration: Use Swiper’s full range of features by entering the JSON configuration.</li>
<li>🥉 Lightweight & Fast: Uses only <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper</a> library as dependency.</li>
<li>🌟 Developer-Friendly: The source code is fully available, making it easy to customize with hooks.</li>
</ul>
<h4>NEW!</h4>
I am accepting suggestions for new features and improvements. 
If you have an idea, please <a href="https://github.com/Lovor01/makeiteasy-slider/issues" rel="nofollow ugc">open an issue on GitHub</a> 
or write here in support section.
<h4>JSON configuration how to</h4>
Head to Swiper docs, to <a href="https://swiperjs.com/swiper-api#parameters" rel="nofollow ugc">Parameters section</a> to find parameter you need. 
More elaborate configuration for some features is available further below on page, in <a href="https://swiperjs.com/swiper-api#modules" rel="nofollow ugc">Modules section</a>. 
Once you found the parameters you need, write them as JSON instead as javascript object, i.e.:
<pre><code>{
 autoplay: {
 delay: 6000,
 disableOnInteraction: true
 },
 pagination: {
 clickable: true
 }
}
</code></pre>
would be written as
<pre><code>{
 "autoplay": {
 "delay": 6000,
 "disableOnInteraction": true
 },
 "pagination": {
 "clickable": true
 }
}
</code></pre>
And enter them on settings tab in block sidebar under Advanced slider configuration section. 
You can learn more about JSON in <a href="https://stackoverflow.blog/2022/06/02/a-beginners-guide-to-json-the-data-format-for-the-internet/" rel="nofollow ugc">Stackoverflow blog</a> or on <a href="https://www.w3schools.com/js/js_json_intro.asp" rel="nofollow ugc">W3schools page</a>.
Your JSON configuration merges with default configuration needed for swiper to run. You can break slider functioning through misconfiguration, so this is the first place to look if something does not work. 
There is a built in syntax checker in Advanced slider settings box,
<h3>Developers</h3>
There is a full source code on <a href="https://github.com/Lovor01/makeiteasy-slider" rel="nofollow ugc">github</a>. You can investigate code, adjust it to your needs, collaborate, …

Makeiteasy Slider

Slider based on very popular library Swiper! Insert blocks as slides. Truly open source.

primisdigital

Simple Post Slider is a flexible WordPress plugin that lets you create sliders using your custom posts. You can show images or videos, set autoplay, slide speed, number of visible slides, and more.
Each slider has its own shortcode that you can add anywhere on your site. Sliders are responsive, smooth, and pause when you hover over a slide.
Ideal for displaying your content in an attractive, user-friendly slider format.
<h3>Features</h3>
<ul>
<li>
Create unlimited sliders using a custom post type.
</li>
<li>
Add featured images or videos to each slide.
</li>
<li>
Customize slider behavior: autoplay, loop, speed, slide count, and more.
</li>
<li>
Select specific posts for each slider.
</li>
<li>
Generate shortcode for each slider.
</li>
<li>
Responsive and touch-friendly using Swiper.js.
</li>
<li>
Pause autoplay on hover.
</li>
</ul>
<h3>Admin Installer via search:</h3>
Visit the Add New plugin screen and search for “Post Featured Video and Layout Designer”. 
Click the “Install Now” button. 
Activate the plugin.
<h3>Admin Installer via zip:</h3>
Download the Plugin. 
Extract the ZIP file and upload. 
Activate the plugin through the “Plugins” menu in WordPress.
<h3>Usage</h3>
Creating a Slider
1.Create a Slider:
After installing and activating the plugin, go to Post Type Slider in the WordPress admin sidebar. 
Click Add New to create a new slider. 
Give your slider a title and configure the settings (e.g., Autoplay, Speed, Slides per view).
2.Select Posts for the Slider:
Under the “Select Posts” meta box, choose which posts you want to include in the slider by checking the boxes next to the posts. 
You can select as many posts as you want to display in the slider.
3.Set Featured Content:
You can add a featured image or a featured video for each post that will be displayed on the slider. 
Use the Featured Video URL option in the post editor to add a video URL. 
If the post does not have a featured video, the plugin will fall back to the featured image.
4.Configure Slider Settings:
Choose whether to enable Autoplay for the slider. 
Adjust the Speed of the slides (in milliseconds). 
Select how many slides should be visible at a time using the Slides per View setting. 
Customize additional settings like loop behavior and navigation arrows.
5.Generate Shortcode:
After saving the slider, you’ll see a Slider Shortcode box on the slider edit page. 
Copy the shortcode, which will look something like this: <code>[post_type_slider id="123"]</code>. 
Paste the shortcode anywhere on your site, in posts, pages, or widgets, to display the slider.
<h3>Code Example</h3>
Registering Admin Menu:
function pts_add_featured_video_meta_box() { 
 add_meta_box( 
 ‘spst_featured_video’, 
 ‘Featured Video’, 
 ‘spst_render_featured_video_box’, 
 ‘post’, 
 ‘side’, 
 ‘default’ 
 ); 
}

Simple Post Slider Tool

A flexible slider plugin to create multiple sliders with featured videos or images, custom settings, and shortcode support.

Makeiteasy Slider vs Simple Post Slider Tool