petermolnar

WP-SlidesJS adds <code>wp-slidesjs</code> shortcut function to WordPress in order to create <a href="http://slidesjs.com/" title="Slides JS" rel="nofollow ugc">Slides JS</a> slideshow from posts of a category.
<h4>Usage</h4>
Place <code>[wp-slidesjs]</code> shortcode into anywhere in the post or a page. You can use the following to specify the posts to show:
<ul>
<li><code>category_id</code>: ID of the category to show posts from 
or</li>
<li><code>category_slug</code>: slug of the category to show posts from 
or</li>
<li><code>page_id</code>: id of the page to show 
or</li>
<li>
<code>post_id</code>: id of the post to show
and (optional)
</li>
<li><code>limit</code>: limit the number of the posts to show</li>
</ul>
Example 1: 
 [wp-slidesjs category_id=12 limit=6]
This will create the slider from the last 6 posts of category #12. You’ll going to have 6 slides this way.
Example 2: 
 [wp-slidesjs page_id=3,211,1389,1121 ]
This will create the slider from pages #3, #211, #1389 and #1121. You’ll going to have 4 slides this way.
The number of sliders per page is unlimited.

WP-SlidesJS

Adds a shortcut function to WordPress to create Slides JS slideshow from posts of a category.

WordPress.org

Ella Van Durpe

Ali Lyons

Thông Đặng Danh

Victor M Ramirez

This plugin requires WordPress version 5.3 or higher! It works best if you also have the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg</a> plugin installed and up-to-date. 
Report issues, or collaborate, on <a href="https://github.com/abstractwp/slide" rel="nofollow ugc">Github</a>.
<ul>
<li>Creates a custom post type “Presentation”, which will render as a presentation on the front end using <a href="https://revealjs.com" rel="nofollow ugc">Reveal.js</a>.</li>
<li>Enables the block editor with a “Presentation Block” block, which can be used as a container for each slide in the presentation.</li>
<li>You can add background colors, gradients, images, even iframes for the whole presentation, but also per slide.</li>
<li>You can select a font, color, and size.</li>
<li>If that’s not enough, you can always add some custom CSS!</li>
<li>You can import a custom font by adding <code>@import url('https://fonts.googleapis.com/css?family=...');</code> above any other rules in the CSS input field.</li>
<li>It’s possible to include some notes with every slide.</li>
<li>You can enter a speaker view which will show the current slide, next slide, notes and timers.</li>
<li>A lot more options coming soon!</li>
</ul>

Presentation Block

Creates a custom post type “Presentation”, which will render as a presentation on the front end using Reveal.js.

WP-SlidesJS vs Presentation Block