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
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
-
Cours sur la péniche Concorde Atlantique
Introduction En ce lundi de Pâques, j’ai eu le plaisir, accompagné de Mireille, d’animer un cours de Rock À 4 Temps pour une jeune génération de danseuses & danseurs Parisien.Ce moment a eu lieu au cours d’une soirée organisée par…
-
Quand le Rock à 4 Temps Cherbourgeois rencontre le 4 Temps Parisien
Cet article a pour objectif de présenter une démo de danse unique en son genre, qui conjugue les passes du 4 Temps Parisien avec celles du Rock à 4 Temps Cherbourgeois.
-
Cours de Rock À 4 Temps à l’ASAM
Rock 4 Temps en partenariat avec l’ASAM (Association Sportive Arsenal Marine) est heureux de vous annoncer la reprise des cours de rock à 4 temps chaque vendredi soir. A cette occasion, Rock 4 Temps propose, sauf juillet et août, des cours de…
-
ROCK 4 TEMPS Fête Ses 4 Ans
LA VIE DU SITE ROCK 4 TEMPS Crée en début 2017, le site ROCK 4 TEMPS fête ses 4 ans d’existence en 2021.En 2020 je m’étais fixé comme objectif une refonte complète du site, dont le webdesign ou apparence ne…
-
Présentation 4ème Saison Cours En Vidéos
Le Tournage A compter du 22 juin en pleine période de déconfinement, la danse de couple a été autorisé dans les conditions habituelles.Le tournage des cours de Rock 4 Temps pour ma chaine YouTube s’est déroulé le 18 juillet en…
-
Rock That Paris
Introduction: Rock 4 You organise le samedi 8 février 2020 à Paris un concours de Rock 4 Temps.A cette occasion, j’ai l’honneur d’être invité en tant que membre d’un jury composé de six professeurs.
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%;
}