DÉMO CAROUSEL STYLE QUERY LOOP

---

Un plugin simple pour transformer en front end le bloc boucle de requête natif de WordPress en un carrousel

Télécharger le plugin

Introduction

Le Carrousel est réalisé principalement en CSS, grâce à de nouvelles fonctionnalités CSS,
il est actuellement supporté par les navigateurs Chrome, Edge et Opera.
En un clic aux paramètres du bloc Boucle De Requête, Panneau Styles, sélectionner le style Carrousel qui transforme la liste des articles ou des types de publication personnalisés (CPT) en un carrousel à défilement horizontal.

Caractéristiques

• Responsive: compatible avec les ordinateurs et les appareils mobiles.
• Par défaut le carrousel permet un défilement par pagination de trois publications par page.
• Navigation avec boutons & marqueurs de défilement intégrés du navigateur.
• Une fois que le Carrousel à le focus, la navigation clavier est possible avec flèche gauche (←) et flèche droite (→)
• Une extension de 15ko seulement.

Configuration

Aux paramètres du bloc Boucle De Requête:

• Dans le panneau Styles des paramètres du bloc, sélectionnez le style Carrousel
  
• Réglages/Type de requête sélectionner personnalisée
  
• Réglages/Type de publication choisissez votre publication a afficher
• Réglages/Afficher renseigner un « nbr d’éléments par page » supérieur à trois(6 pour la démo ci-dessous)
  
• Réglages/Avancé désactiver « Recharger la page entière ».
  
• Modèle de publication Réglages/Mise en page choisissez le nbr max de colonnes
  

Démo

Personnalisation

Largeur du carrousel

• Incorporer le bloc Boucle De Requête dans un bloc Colonne.
• Vous pouvez aussi personnaliser la largeur du carrousel en surchargeant le fichier CSS du plugin via votre thème enfant,
  ou via l’outil du menu Apparence/Personnaliser/CSS personnalisé.

/* Changer la largeur du carrousel */
.wp-block-query.is-style-rccsql-carousel-query-loop{
   width:720px;
   max-width: 100%;
}

Obtenir cette extension