Rouergue Création

Ce plugin ajoute un style alternatif “Slider” au bloc Galerie natif de WordPress (Gutenberg). 
Le slider est réalisé principalement en CSS, grâce aux nouvelles fonctionnalités CSS (scroll-snap, overflow, anchor-name). 
Un **léger script JavaScript ** est utilisé uniquement pour ajouter la navigation clavier avec les touches fléchées (← →).
Caractéristiques :
<ul>
<li>Fonctionne avec le bloc Galerie natif de WordPress </li>
<li>Style “Slider” sélectionnable dans le panneau Styles du bloc </li>
<li>Responsive: largeur automatique en fonction de la taille medium_large de la première image </li>
<li>Navigation avec boutons & marqueurs de défilement intégrés du navigateur </li>
<li>Une fois que le slider à le focus, la navigation clavier est possible avec flèche gauche (←) et flèche droite (→) </li>
<li>Animation fluide au défilement (fade-in / fade-out)</li>
</ul>
<h3>Démo</h3>
Découvrez le plugin en action sur notre <a href="https://rouerguecreation.fr/demo-slider-native-galerie-responsive/" rel="nofollow ugc">Site De Démos</a>
<h3>Traductions</h3>
◆ Anglais 
◆ Français
<h3>Decouvrez nos autres plugins</h3>
◆ <a href="https://wordpress.org/plugins/custom-event-tickets/" rel="ugc">Easy Custom Event Tickets</a> 
◆ <a href="https://wordpress.org/plugins/editor-custom-color-palette/" rel="ugc">Editor Custom Color Palette</a> 
◆ <a href="https://wordpress.org/plugins/filter-bar-custom-post-type/" rel="ugc">Filter Bar Custom Post Type</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-top-notice-bar/" rel="ugc">Rouergue Creation Top Notice Bar</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-sidebar-embed/" rel="ugc">Rouergue Creation Events Sidebar</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/" rel="ugc">Rouergue Creation Carousel Style Query Loop</a>

Slider Galerie Native Responsive

Ajoute un style "Slider" responsive principalement en CSS à la galerie native de WordPress (bloc Galerie).

WP OnlineSupport

Anoop Ranawat

Pratik Jain

Ketan Patel

Piyush Patel

Essential Plugin

Riddhi Shukla

✅ Now that you have your website ready then why don’t you download and try out this meta gallery slider/ carousel to give it better functionality.
Download now and display multiple meta gallery slider and carousel using shortcode with category. Fully responsive, Swipe enabled, Desktop mouse dragging and Infinite looping. Fully accessible with arrow key navigation Autoplay, dots, arrows etc.
Download Now this meta gallery slider because It is proven that meta gallery sliders have been a powerful tool to present your content in a very neat manner with the help of fancy sliders and customized designs.
<a href="https://demo.essentialplugin.com/meta-slider-and-carousel-with-lightbox-demo/?utm_source=WP&utm_medium=Meta-Slider&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/meta-slider-and-carousel-with-lightbox/?utm_source=WP&utm_medium=Meta-Slider&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a>
Your customer might like the professional and fancy vibe of your site with meta gallery sliders
✅ This plugin displays your meta gallery using :
<ul>
<li>Gallery Slider (1 designs)</li>
<li>Gallery Carousel Slider (1 designs)</li>
</ul>
Download Now it today and explore all the features.
When you want to makeover your WordPress website theme with something extraordinary and creative, you must consider the Meta Gallery slider/ carousel.
Help your website get a slide-wise display to show the custom posts. Not just eye appealing, it is also loved by visitors as they find it quite easy to locate custom posts.
Display an unlimited number of custom posts slider and carousel in a single page or post with different sets of options like category, limit, autoplay, arrow, and navigation type. You can also display image slider on your website header.
Also added Gutenberg block support.
<h4>✅ Here is the plugin shortcode example</h4>
Meta Gallery Slider Slider
<pre><code>[meta_gallery_slider]
</code></pre>
Meta Gallery Carousel Slider
<pre><code>[meta_gallery_carousel]
</code></pre>
To display only Meta Post 4 post:
<pre><code>[meta_gallery_slider limit="4"]
</code></pre>
Where limit define the number of posts to display. You can use same parameter with Carousel shortcode.
If you want to display Meta Gallery Slider by category then use this short code:
<pre><code>[meta_gallery_slider category="category_ID"]
</code></pre>
You can use same parameter with Carousel shortcode.
✅ We have given 1 designs. For designs use the following shortcode:
<pre><code>[meta_gallery_slider design="design-1"] 
</code></pre>
Where designs are : design-1. You can use same parameter with Carousel shortcode.
✅ Meta Gallery Slider Shortcode:
<pre><code>[meta_gallery_slider slide_to_show="1" slide_to_scroll="1" autoplay="true" autoplay_speed="3000" speed="300" arrows="true" dots="true" show_title="true" show_caption="true"]
</code></pre>
✅ Meta Gallery Carousel Shortcode:
<pre><code>[meta_gallery_carousel slide_to_show="2" slide_to_scroll="1" autoplay="true" autoplay_speed="3000" speed="300" arrows="true" dots="true" show_title="true" show_caption="true"]
</code></pre>
<h4>✅ Here is Template code</h4>
<pre><code><?php echo do_shortcode('[meta_gallery_slider]'); ?> 
<?php echo do_shortcode('[meta_gallery_carousel]'); ?> 
</code></pre>
<h4>✅ Use Following Meta Gallery Slider parameters with shortcode</h4>
<pre><code>[meta_gallery_slider]
</code></pre>
<ul>
<li>Post ID : [meta_gallery_slider id=”-1″] (Enter id of the gallery which you want to display. You can find id at relevant post listing page.)</li>
<li>Display Title : [meta_gallery_slider show_title=”true”](Display title OR not. By default value is “true”. Options are “true OR false”).</li>
<li>display Caption : [meta_gallery_slider show_caption=”true”](Display caption OR not. By default value is “true”. Options are “true OR false”).</li>
<li>Slider Height : [meta_gallery_slider slider_height=”200″](Set image wrap height.).</li>
<li>Autoplay and Autoplay Speed : [meta_gallery_slider autoplay=”true” autoplay_speed=”3000″]</li>
<li>Speed : [meta_gallery_slider speed=”300″](Enter your slider speed.)</li>
<li>Pagination and arrows : [meta_gallery_slider arrows=”true” dots=”true”]</li>
<li>lazyload : [meta_gallery_slider lazyload=”ondemand” ] (Use lazyload with slick slider. By default there is no lazyload enabled. If you want to set lazyload then use lazyload=”ondemand” OR lazyload=”progressive” ).</li>
<li>Extra Class : [meta_gallery_slider extra_class=””] (Enter extra CSS class for design customization ).</li>
</ul>
<h4>✅ Use Following Meta Gallery Carousel parameters with shortcode</h4>
<pre><code>[meta_gallery_carousel]
</code></pre>
<ul>
<li>Post ID : [meta_gallery_carousel id=”-1″] (Enter id of the gallery which you want to display. You can find id at relevant post listing page.)</li>
<li>Display Title : [meta_gallery_carousel show_title=”true”](Display title OR not. By default value is “true”. Options are “true OR false”).</li>
<li>display Caption : [meta_gallery_carousel show_caption=”true”](Display caption OR not. By default value is “true”. Options are “true OR false”).</li>
<li>Slider Height : [meta_gallery_carousel slider_height=”200″](Set image wrap height.).</li>
<li>Slides Show : [meta_gallery_carousel slide_to_show=”3″ ] (Display number of images at a time. By default value is “3”).</li>
<li>Slides Scroll : [meta_gallery_carousel slide_to_scroll=”1″ ] (Scroll number of images at a time. By default value is “1”).</li>
<li>Autoplay and Autoplay Speed : [meta_gallery_carousel autoplay=”true” autoplay_speed=”3000″]</li>
<li>Speed : [meta_gallery_carousel speed=”300″](Enter your slider speed.)</li>
<li>Pagination and arrows : [meta_gallery_carousel arrows=”true” dots=”true”]</li>
<li>lazyload : [meta_gallery_carousel lazyload=”ondemand” ] (Use lazyload with slick slider. By default there is no lazyload enabled. If you want to set lazyload then use lazyload=”ondemand” OR lazyload=”progressive” ).</li>
<li>Extra Class : [meta_gallery_carousel extra_class=””] (Enter extra CSS class for design customization ).</li>
</ul>
✅ Checkout demo for better understanding
<a href="https://demo.essentialplugin.com/meta-slider-and-carousel-with-lightbox-demo/?utm_source=WP&utm_medium=Meta-Slider&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/meta-slider-and-carousel-with-lightbox/?utm_source=WP&utm_medium=Meta-Slider&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a>
✅ Essential Plugin Bundle Deal
<a href="https://www.essentialplugin.com/pricing/?utm_source=WP&utm_medium=Meta-Slider&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a>
<h4>✅ Features include:</h4>
<ul>
<li>Added Gutenberg block support.</li>
<li>Meta Gallery slider</li>
<li>Meta Gallery carousel</li>
<li>Easy to add.</li>
<li>Also work with Gutenberg shortcode block. </li>
<li>Elementor, Beaver and SiteOrigin Page Builder Native Support (New).</li>
<li>Divi Page Builder Native Support (New).</li>
<li>Fusion Page Builder (Avada) Native Support (New).</li>
<li>Touch-enabled Navigation.</li>
<li>Responsive.</li>
<li>Responsive touch slider.</li>
<li>Mouse Draggable.</li>
<li>Use for header image slider.</li>
<li>You can create multiple post slider with different options at single page or post.</li>
<li>Fully responsive. Scales with its container.</li>
<li>100% Multi Language.</li>
</ul>
<h4>Privacy & Policy</h4>
<ul>
<li>We have also opt-in e-mail selection , once you download the plugin , so that we can inform you and nurture you about products and its features.</li>
</ul>

Meta Slider and Carousel with Lightbox

Add a gallery meta box in your post, page and create a Image gallery menu tab. Display with a lightbox. Also work with Gutenberg shortcode block.

Slider Galerie Native Responsive vs Meta Slider and Carousel with Lightbox