{"id":249128,"date":"2025-08-29T17:46:47","date_gmt":"2025-08-29T17:46:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/slider-galerie-native-responsive\/"},"modified":"2026-04-11T10:50:50","modified_gmt":"2026-04-11T10:50:50","slug":"slider-galerie-native-responsive","status":"publish","type":"plugin","link":"https:\/\/he.wordpress.org\/plugins\/slider-galerie-native-responsive\/","author":18357645,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.3","stable_tag":"1.0.3","tested":"7.0","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"Slider Galerie Native Responsive","header_author":"BLADOU Alain","header_description":"Add a pure CSS responsive \"Slider\" style to the native WordPress gallery.","assets_banners_color":"87b0fc","last_updated":"2026-04-11 10:50:50","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/rouerguecreation.fr","rating":0,"author_block_rating":0,"active_installs":10,"downloads":527,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"rock4temps","date":"2026-03-01 09:11:34"},"1.0.1":{"tag":"1.0.1","author":"rock4temps","date":"2026-03-07 06:43:53"},"1.0.2":{"tag":"1.0.2","author":"rock4temps","date":"2026-03-14 07:46:32"},"1.0.3":{"tag":"1.0.3","author":"rock4temps","date":"2026-04-11 10:50:50"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3352829,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3352829,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3352829,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","1.0.2","1.0.3"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3352829,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3352829,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"S\u00e9lection du style \"Slider\" dans le bloc Galerie","2":"Exemple d\u2019affichage du slider en front-end"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[7796,2141,1483,611,2143],"plugin_category":[],"plugin_contributors":[196915],"plugin_business_model":[],"class_list":["post-249128","plugin","type-plugin","status-publish","hentry","plugin_tags-gallery-slider","plugin_tags-image-slider","plugin_tags-responsive-slider","plugin_tags-slider","plugin_tags-wordpress-slider","plugin_contributors-rock4temps","plugin_committers-rock4temps"],"banners":{"banner":"https:\/\/ps.w.org\/slider-galerie-native-responsive\/assets\/banner-772x250.png?rev=3352829","banner_2x":"https:\/\/ps.w.org\/slider-galerie-native-responsive\/assets\/banner-1544x500.png?rev=3352829","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/slider-galerie-native-responsive\/assets\/icon-256x256.png?rev=3352829","icon_2x":"https:\/\/ps.w.org\/slider-galerie-native-responsive\/assets\/icon-256x256.png?rev=3352829","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/slider-galerie-native-responsive\/assets\/screenshot-1.jpg?rev=3352829","caption":"S\u00e9lection du style \"Slider\" dans le bloc Galerie"},{"src":"https:\/\/ps.w.org\/slider-galerie-native-responsive\/assets\/screenshot-2.jpg?rev=3352829","caption":"Exemple d\u2019affichage du slider en front-end"}],"raw_content":"<!--section=description-->\n<p>Ce plugin ajoute un <strong>style alternatif \"Slider\"<\/strong> au bloc <strong>Galerie natif<\/strong> de WordPress (Gutenberg).<br \/>\nLe slider est r\u00e9alis\u00e9 <strong>principalement en CSS<\/strong>, gr\u00e2ce aux nouvelles fonctionnalit\u00e9s CSS (<em>scroll-snap<\/em>, <em>overflow<\/em>, <em>anchor-name<\/em>).\nUn **l\u00e9ger script JavaScript ** est utilis\u00e9 uniquement pour ajouter la navigation clavier avec les touches fl\u00e9ch\u00e9es (\u2190 \u2192).<\/p>\n\n<p>Caract\u00e9ristiques :<\/p>\n\n<ul>\n<li>Fonctionne avec le bloc Galerie natif de WordPress  <\/li>\n<li>Style \"Slider\" s\u00e9lectionnable dans le panneau <strong>Styles<\/strong> du bloc  <\/li>\n<li>Responsive: largeur automatique en fonction de la taille medium_large de la premi\u00e8re image  <\/li>\n<li>Navigation avec boutons &amp; marqueurs de d\u00e9filement int\u00e9gr\u00e9s du navigateur <\/li>\n<li>Une fois que le slider \u00e0 le <strong>focus<\/strong>, la navigation clavier est possible avec <strong>fl\u00e8che gauche (\u2190)<\/strong> et <strong>fl\u00e8che droite (\u2192)<\/strong>    <\/li>\n<li>Animation fluide au d\u00e9filement (fade-in \/ fade-out)<\/li>\n<\/ul>\n\n<h3>D\u00e9mo<\/h3>\n\n<p>D\u00e9couvrez le plugin en action sur notre <a href=\"https:\/\/rouerguecreation.fr\/demo-slider-native-galerie-responsive\/\">Site De D\u00e9mos<\/a><\/p>\n\n<h3>Traductions<\/h3>\n\n<p>\u25c6 Anglais\n\u25c6 Fran\u00e7ais<\/p>\n\n<h3>Decouvrez nos autres plugins<\/h3>\n\n<p>\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/custom-event-tickets\/\">Easy Custom Event Tickets<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/editor-custom-color-palette\/\">Editor Custom Color Palette<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/filter-bar-custom-post-type\/\">Filter Bar Custom Post Type<\/a> \n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-top-notice-bar\/\">Rouergue Creation Top Notice Bar<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-sidebar-embed\/\">Rouergue Creation Events Sidebar<\/a> \n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-carousel-style-query-loop\/\">Rouergue Creation Carousel Style Query Loop<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Depuis le tableau de bord de votre site, acc\u00e9dez \u00e0 Extensions -&gt; Ajouter nouveau.<\/li>\n<li>Rechercher Slider Galerie Native Responsive<\/li>\n<li>Cliquez sur installez et activer le plugin  <\/li>\n<li>Dans l\u2019\u00e9diteur de blocs (Gutenberg), ins\u00e9rez un bloc <strong>Galerie<\/strong>  <\/li>\n<li>Aux Param\u00e8tres du bloc Panneau <strong>Styles<\/strong>, s\u00e9lectionnez le style <strong>Slider<\/strong><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"est-il%20compatible%20avec%20tous%20les%20navigateurs%20%3F\"><h3>Est-il compatible avec tous les navigateurs ?<\/h3><\/dt>\n<dd><p>Le slider utilise des sp\u00e9cifications CSS r\u00e9centes.<br \/>\nActuellement, il est support\u00e9 par <strong>Chrome, Edge et Opera<\/strong>.<\/p><\/dd>\n<dt id=\"le%20plugin%20utilise-t-il%20du%20javascript%20%3F\"><h3>Le plugin utilise-t-il du JavaScript ?<\/h3><\/dt>\n<dd><p>Oui, un <strong>script JavaScript tr\u00e8s l\u00e9ger<\/strong> est utilis\u00e9 uniquement pour permettre la navigation clavier avec les fl\u00e8ches \u2190 \u2192.<br \/>\nLe fonctionnement principal du slider repose sur le <strong>CSS natif<\/strong>.<\/p><\/dd>\n<dt id=\"la%20navigation%20clavier%20est-elle%20possible%20%3F\"><h3>La navigation clavier est-elle possible ?<\/h3><\/dt>\n<dd><p>Oui.<\/p>\n\n<ul>\n<li><strong>Fl\u00e8che droite (\u2192)<\/strong> : image suivante  <\/li>\n<li><strong>Fl\u00e8che gauche (\u2190)<\/strong> : image pr\u00e9c\u00e9dente<br \/>\nUn mode loop permet de revenir au d\u00e9but ou \u00e0 la fin.<\/li>\n<\/ul><\/dd>\n<dt id=\"puis-je%20changer%20les%20styles%20%28couleurs%2C%20tailles%2C%20etc.%29%20%3F\"><h3>Puis-je changer les styles (couleurs, tailles, etc.) ?<\/h3><\/dt>\n<dd><p>Oui, en surchargeant le fichier CSS du plugin via votre th\u00e8me enfant ou via l\u2019outil <strong>du menu Apparence\/Personnaliser\/CSS personnalis\u00e9<\/strong>.<\/p>\n\n<p>Exemple:<\/p>\n\n<ul>\n<li><p>changer la largeur du slider, entrez la r\u00e9gle CSS suivante:\n<code>.wp-block-gallery.is-style-sngr-gallery-slider{width:720px;}<\/code><\/p><\/li>\n<li><p>Masquer les boutons et\/ou marqueurs de d\u00e9filement sur mobile:\n<code>@media (max-width:480px){\n\/* Boutons *\/\n.wp-block-gallery.is-style-sngr-gallery-slider::scroll-button(*){\n    display:none;\n}\n\/* Marqueurs *\/\n.wp-block-gallery.is-style-sngr-gallery-slider::scroll-marker-group{\n    display:none;\n}\n}<\/code><\/p><\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.3<\/h4>\n\n<p>Corrig\u00e9<\/p>\n\n<ul>\n<li>S\u00e9curisation des variables inject\u00e9es dans l\u2019attribut HTML \"style\" du \nbloc Galerie afin de respecter les bonnes pratiques de s\u00e9curit\u00e9 WordPress.<\/li>\n<li>Le style Slider n'est pas appliqu\u00e9 au bloc Galerie, lorsque plusieurs\nclasses CSS sont pr\u00e9sente.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<p>Corrig\u00e9<\/p>\n\n<ul>\n<li>Am\u00e9lioration de la navigation tactile:\nCorrection du bug de saut intempestif lors d'un simple toucher(sans swipe).<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Ajout de la navigation clavier avec les touches \u2190 \u2192<\/li>\n<li>Ajout d\u2019un mode loop pour la navigation clavier<\/li>\n<li>Mise \u00e0 jour de la documentation<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Premi\u00e8re version stable<\/li>\n<li>Ajout du style \"Slider\" pour le bloc Galerie<\/li>\n<li>Slider responsive en CSS pur<\/li>\n<\/ul>","raw_excerpt":"Ajoute un style &quot;Slider&quot; responsive principalement en CSS \u00e0 la galerie native de WordPress (bloc Galerie).","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/249128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=249128"}],"author":[{"embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rock4temps"}],"wp:attachment":[{"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=249128"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=249128"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=249128"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=249128"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=249128"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/he.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=249128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}