Slider Galerie Native Responsive

چۈشەندۈرۈش

Ce plugin ajoute un style alternatif «Slider» au bloc Galerie natif de WordPress (Gutenberg).
Le slider est réalisé uniquement en CSS, sans JavaScript, grâce aux nouvelles fonctionnalités CSS (scroll-snap, overflow, anchor-name).

Caractéristiques :

  • Fonctionne avec le bloc Galerie natif de WordPress
  • Style «Slider» sélectionnable dans le panneau Styles du bloc
  • Responsive: largeur automatique en fonction de la taille medium_large de la première image
  • Navigation avec boutons & marqueurs de défilement intégrés du navigateur
  • Animation fluide au défilement (fade-in / fade-out)

🔍 Démo en ligne

Découvrez le plugin en action sur notre Site De Démos

🌍 Traductions

◆ Anglais
◆ Français

Decouvrez nos autres plugins

Easy Custom Event Tickets
Editor Custom Color Palette
Filter BAR CPT

ئېكران كەسمىسى

  • Sélection du style «Slider» dans le bloc Galerie
  • Exemple d’affichage du slider en front-end

ئورنىتىش

  1. Depuis le tableau de bord de votre site, accédez à Extensions -> Ajouter nouveau.
  2. Rechercher Slider Galerie Native Responsive
  3. Cliquez sur installez et activer le plugin
  4. Dans l’éditeur de blocs (Gutenberg), insérez un bloc Galerie
  5. Aux Paramètres du bloc Panneau Styles, sélectionnez le style Slider

FAQ

Est-il compatible avec tous les navigateurs ?

Le slider utilise des spécifications CSS récentes.
Actuellement, il est supporté par Chrome, Edge, Safari et Opera.

Le plugin utilise-t-il du JavaScript ?

Non, il est basé uniquement sur du CSS pur.

Puis-je changer les styles (couleurs, tailles, etc.) ?

Oui, en surchargeant le fichier CSS du plugin via votre thème enfant ou via l’outil CSS personnalisé.

Exemple :

  • Pour changer la largeur du slider, utilisez la règle CSS suivante :

    css
    .wp-block-gallery.is-style-sngr-gallery-slider {
    width: 720px;
    }

  • Pour masquer les boutons et/ou les marqueurs de défilement sur mobile :

    css
    @media (max-width: 480px) {
    /* Boutons */
    .wp-block-gallery.is-style-sngr-gallery-slider::scroll-button(*) {
    display: none;
    }
    /* Marqueurs */
    .wp-block-gallery.is-style-sngr-gallery-slider::scroll-marker-group {
    display: none;
    }
    }

باھالاشلار

بۇ قىستۇرمىغا تېخى باھا يېزىلمىدى.

تۆھپىكار ۋە ئىجادكار

«Slider Galerie Native Responsive» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان.

تۆھپىكار

«Slider Galerie Native Responsive» نى تىلىڭىزغا تەرجىمە قىلىڭ

ئىجادىيەتكە قىزىقامسىز؟

كودقا كۆز يۈگۈرتۈپ، SVN خەزىنە تەكشۈرۈپ ياكى RSSئارقىلىق ئىجادىيەت خاتىرىسىگە مۇشتەرى بولغىلى بولىدۇ.

ئۆزگىرىش خاتىرىسى

1.0

  • Première version stable
  • Ajout du style «Slider» pour le bloc Galerie
  • Slider responsive en CSS pur