sulaimandauda

<p>Extrnd Block Slider adds a slider block for the WordPress editor with responsive layout controls, navigation options, and accessible frontend output. It uses the Embla Carousel library for touch-friendly scrolling and does not require jQuery.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>Small frontend assets</strong> — streamlined JavaScript and CSS for frontend rendering</li>
<li><strong>Zero jQuery</strong> — no jQuery dependency, not even transitively</li>
<li><strong>Gutenberg native</strong> — configure everything inside the block editor, no admin pages</li>
<li><strong>9 presets</strong> — Default, Hero, Gallery, Cards, Testimonials, Fullscreen, Logo Carousel, Coverflow, Fade</li>
<li><strong>6 transition effects</strong> — Slide, Fade, Scale, Parallax, Coverflow, Flip with smooth scroll-based animations</li>
<li><strong>5 arrow styles</strong> — Default, Rounded, Minimal, Outline, Circle</li>
<li><strong>5 arrow positions</strong> — Sides, Bottom Right, Bottom Left, Bottom Center, Outside</li>
<li><strong>5 pagination styles</strong> — Dots, Lines, Dashes, Numbers, Outline</li>
<li><strong>3 pagination positions</strong> — Bottom, Right, Left</li>
<li><strong>Progress bar</strong> — thin scroll-based progress indicator</li>
<li><strong>Slide counter</strong> — shows current/total slide count (e.g. 1 / 5)</li>
<li><strong>Navigation colours</strong> — customise arrow background, arrow icon, dot, and active dot colours</li>
<li><strong>Responsive breakpoints</strong> — desktop, tablet (≤ 1024 px), and mobile (≤ 768 px) slides per view</li>
<li><strong>Settings & Styles tabs</strong> — organised into Settings (Preset, Layout, Playback) and Styles (Effects, Navigation, Colors) tabs</li>
<li><strong>Accessible</strong> — full keyboard navigation, screen reader announcements, reduced motion support</li>
<li><strong>Developer friendly</strong> — PHP filter (<code>extrnd_block_slider_options</code>) and JS hooks (<code>extrndSlider.options</code>, <code>extrndSlider.init</code>, <code>extrndSlider.slideChange</code>)</li>
<li><strong>Block transforms</strong> — convert Gallery, Group, or multi-selected blocks to/from Slider</li>
<li><strong>Lazy initialisation</strong> — sliders below the fold only initialise when scrolled into view</li>
<li><strong>Dynamic rendering</strong> — PHP render callback ensures future-proof output with zero block validation errors</li>
</ul>
<p><strong>Presets:</strong></p>
<ul>
<li><strong>Default</strong> — standard full-width slider</li>
<li><strong>Hero</strong> — 80 vh feature banner with fade transition</li>
<li><strong>Gallery</strong> — multi-slide with 16 px gap</li>
<li><strong>Cards</strong> — 3 visible slides with 24 px gap</li>
<li><strong>Testimonials</strong> — centred single testimonial</li>
<li><strong>Fullscreen</strong> — edge-to-edge 100 dvh</li>
<li><strong>Logo Carousel</strong> — continuous-scroll brand logos</li>
<li><strong>Coverflow</strong> — 3D coverflow effect</li>
<li><strong>Fade</strong> — crossfade transitions</li>
</ul>
<h3>Development</h3>
<p>The full uncompiled source code is included in the <code>src/</code> directory. The <code>build/</code> directory contains the compiled assets generated by esbuild. To regenerate the build files from source, run <code>npm install</code> followed by <code>npm run build</code>.</p>
<h3>Third-Party Libraries</h3>
<p>This plugin includes the Embla Carousel library for slider behaviour.</p>
<ul>
<li>Project: Embla Carousel</li>
<li>Repository: https://github.com/davidjerleke/embla-carousel</li>
</ul>


Extrnd Block Slider

Responsive slider blocks for the WordPress editor with navigation controls, layout presets, and accessible frontend output.

Vova

<h3>SHORTCODES ULIMATE – THE #1 SHORTCODES PLUGIN</h3>
<p><a href="https://getshortcodes.com/?utm_campaign=wporg&utm_medium=readme&utm_source=description" rel="nofollow ugc">Shortcodes Ultimate</a> is a huge collection of useful elements, that you can use in the post editor, text widgets or even in template files.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/507942335" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h4>Features</h4>
<ul>
<li><a href="https://getshortcodes.com/docs-category/shortcodes/?utm_campaign=wporg&utm_medium=readme&utm_source=features" rel="nofollow ugc">Over 50 gorgeous shortcodes</a></li>
<li>Insert shortcodes in 1 click with Live Preview</li>
<li>Supports the Block Editor</li>
<li>Seamlessly integrates with your theme</li>
<li>Looks great on mobile devices</li>
<li>Custom CSS editor is included</li>
<li>Developer-friendly with plenty of hooks and extensive documentation</li>
</ul>
<h4>Included shortcodes</h4>
<ul>
<li><strong>Posts</strong> – allows you to show specific posts anywhere</li>
<li><strong>Accordion</strong> – simple toggle block to show/hide your content</li>
<li><strong>Button</strong> – highly-customizable button with multiple styles</li>
<li><strong>Lightbox</strong> – a lightbox that you can use with virtually any element</li>
<li><strong>Image Carousel</strong> – beautiful super-customizable image carousel</li>
<li><strong>Columns</strong> – must-have tool for creating layouts</li>
<li>And many more…</li>
</ul>
<h4>Get Help</h4>
<ul>
<li><a href="https://getshortcodes.com/docs/?utm_campaign=wporg&utm_medium=readme&utm_source=links-docs" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/shortcodes-ultimate" rel="ugc">Community Support Forum</a></li>
<li><a href="https://getshortcodes.com/support/open-support-ticket/?utm_campaign=wporg&utm_medium=readme&utm_source=links-support" rel="nofollow ugc">The Pro Support</a></li>
</ul>
<h3>TRY THE PRO VERSION FOR FREE</h3>
<p>Try Shortcodes Ultimate Pro risk-free for 30 days. You are fully protected by our no questions asked refund policy!</p>
<p><a href="https://getshortcodes.com/pricing/?utm_campaign=wporg&utm_medium=readme&utm_source=try-pro" rel="nofollow ugc">Upgrade to Pro</a></p>


Extrnd Block Slider vs WP Shortcodes Plugin — Shortcodes Ultimate