Wypo Logo Header
Documentations / Gutenberg Slider

Gutenberg Slider

Ce plugin ajoute un bloc « Slider » à l’éditeur Gutenberg. Il fonctionne avec la librairie OwlCarousel. Le bloc "Slider" peut contenir différentes slides avec du contenu libre ou en utilisant des posts (pages ou CPT).

Prérequis

  • WordPress : Version 5.9 ou supérieure
  • PHP : Version 7.0 ou supérieure

Installation

Pour l’installation du plugin, veuillez vous référer au tutoriel « Installer un plugin ».

Exemple

Contenu libre

À partir de posts (Query)

  • HTTPS : Une version sécurisée de HTTP utilisant SSL/TLS pour crypter les données

  • HTTP : Le protocole utilisé pour transférer des documents hypertextes sur le web.

  • Introduction au CSS : Donnez du style à votre site web

  • HTML : Le langage de balisage standard utilisé pour créer des pages web

  • Les statuts HTTP : l’art de la communication web

  • Les 5 meilleurs outils pour tester et déboguer vos Webhooks

  • API REST vs SOAP : Différences, avantages et meilleures pratiques

  • Comment supprimer l’onglet Aide du haut du tableau de bord de l’administrateur

  • Créer un template de mise en page avec Gutenberg

  • Webhook : Quand internet devient le messager

  • HTTPS : Une version sécurisée de HTTP utilisant SSL/TLS pour crypter les données

  • HTTP : Le protocole utilisé pour transférer des documents hypertextes sur le web.

  • Introduction au CSS : Donnez du style à votre site web

  • HTML : Le langage de balisage standard utilisé pour créer des pages web

  • Les statuts HTTP : l’art de la communication web

  • Les 5 meilleurs outils pour tester et déboguer vos Webhooks

  • API REST vs SOAP : Différences, avantages et meilleures pratiques

  • Comment supprimer l’onglet Aide du haut du tableau de bord de l’administrateur

  • Créer un template de mise en page avec Gutenberg

  • Webhook : Quand internet devient le messager

Paramètres de bloc

  • Nombre de slides à afficher
  • Slider en boucle
  • Autoplay
  • Vitesse pour l’autoplay
  • Centrer la première slide
  • Afficher la pagination (dots)
  • Afficher la navigation (prev, next)
  • Responsive: pour modifier les paramètres suivants en fonction de la taille de l’écran:
    • Nombre de slides à afficher
    • Afficher la pagination (dots)
    • Afficher la navigation (prev, next)

Query

Dans le cadre d’un slider à partir de posts, un bloc query est ajouté pour gérer les paramètres de la requête (type de contenu, tri, filtres). Ce bloc contient le bloc modèle de publication pour vous permettre d’ajuster le contenu des slides.

Le rendu dans le back-office ne reflète pas le rendu sur le site.

  • Type de publication
  • Éléments par page – Nombre de slides
  • Décalage (offset dans la requête)
  • Ordre
    • Ordonner par – Pour ordonner par meta value ou aléatoirement voir la partie « Personnalisation »
    • Ordre (ASC ou DESC)
  • Filtres – En fonction du type de publication choisie, permet de filtrer par taxonomie associée – si aucune taxonomie le paramètre ne s’affiche pas.

Personnalisation

Points de rupture (Breakpoints)

Par défaut le plugin ajoute les breakpoints suivants:

PHP

Ajouter un breakpoint

PHP

Modifier un breakpoint

PHP

Suprimer un breakpoint

PHP

Textes

Boutons précédent et suivant

PHP

Tri pour les sliders à partir de posts

Ordonner par meta value

Par défaut l’API Rest de WordPress ne prend pas en compte les requêtes utilisant des meta values, pour les activer, copier le code suivant dans le fichier functions.php de votre thème:

PHP

La fonction autorise les metas values pour les pages, il faut remplacer « page » par « post » ou le slug d’un CPT pour d’autres types de contenus.

Ordonner aléatoirement

Cette fonctionnalité n’est pas activée par défaut dans l’API Rest de Worpress, copier le code suivant dans le fichier functions.php de votre thème pour l’activer:

PHP

Il faut remplacer « page » par « post » ou le slug d’un CPT pour d’autres types de contenus.