Description détaillée
Le bloc Smart Query Slider de Hexatenberg est un carousel dynamique pour WordPress Gutenberg, conçu pour afficher des contenus éditoriaux de manière claire, moderne et performante. Son objectif est simple: transformer vos listes de contenus (articles, pages, custom post types) en un slider visuel et engageant, sans dépendre d’un constructeur externe.
Avec ce bloc, vous pilotez la source de données, la mise en page responsive, la navigation, les dots, les animations et la logique d’affichage directement depuis l’éditeur. Vous pouvez construire une section “Actualités”, “Ressources”, “Cas clients”, “Offres” ou “Pages phares” qui reste cohérente avec votre design system.
Pourquoi utiliser Smart Query Slider dans Gutenberg
- Vous automatisez l’affichage de contenus récents ou ciblés.
- Vous réduisez la friction de navigation avec un composant plus interactif qu’une simple grille.
- Vous augmentez la visibilité de vos pages stratégiques grâce à un meilleur placement éditorial.
- Vous gardez une logique native WordPress, simple à maintenir pour votre équipe.
Source de contenu intelligente
Le bloc prend en charge plusieurs approches de sélection:
- Requête dynamique par type de publication, tri et ordre.
- Filtres avancés (taxonomie, auteur, include/exclude IDs, meta query simple).
- Sélection manuelle de contenus pour contrôler exactement les slides affichés.
Ce fonctionnement est utile pour alterner entre un mode automatisé (contenu qui se met à jour seul) et un mode éditorial (sélection précise de pages ou d’articles).
Responsive et personnalisation visuelle
Le Smart Query Slider propose des réglages pensés pour la production:
- Nombre de slides visible en desktop, tablette et mobile.
- Mode de déplacement (slide par slide ou par groupe).
- Navigation et dots activables, avec presets visuels.
- Positionnement de la navigation (interne ou externe), y compris réglages fins.
- Contrôle des couleurs, tailles, rayons, espacements et états visuels.
Vous pouvez ainsi adapter le composant à des interfaces corporate, éditoriales ou e-commerce, avec une cohérence visuelle complète.
UX, SEO et performance
Le bloc intègre des principes utiles pour les sites orientés SEO:
- Meilleure découverte de contenu via une mise en avant dynamique.
- Renforcement du maillage interne (liens vers pages, articles et CPT stratégiques).
- Signaux d’engagement potentiellement plus forts (profondeur de session, interactions).
- Options d’accessibilité (navigation clavier, aria-live optionnel, états focus).
Côté performance, le rendu est pensé pour rester efficace, avec un fonctionnement adapté aux usages réels en frontend.
Cas d’usage recommandés
- Slider d’articles récents sur la home.
- Mise en avant de pages services ou landing pages.
- Carrousel de contenus thématiques par taxonomie.
- Sections dynamiques pour actualités, blog, ressources, événements.
- Listing visuel de CPT (portfolio, témoignages, études de cas, produits).
Le Smart Query Slider est un bloc clé pour créer des zones de contenu dynamiques, esthétiques et pilotables, tout en gardant l’ergonomie native de Gutenberg et une logique propre pour la maintenance long terme.
Performance
Zéro scripts inutiles, Vanilla JS uniquement.
Gutenberg Natif
Conformité WCAG pour tous les utilisateurs.
Smart Query Slider
Poids JS
< 2kb
Version
1.0.2
WCAG
WCAG 2.1 AA
2
Likes
1
Téléchargements
Architecture Vanilla JS
Garanti sans dette technique, optimisé pour les Core Web Vitals.
Vous pourriez aussi aimer
Découvrez d'autres blocs de la catégorie premium