Plugin SPIP – Vignettes actualité

Vignettes actualité logoVignettes actualité est un plugin pour le C.M.S SPIP en version 2.1. Son principal objectif est de pouvoir lier une image à un article dans l'optique de promouvoir vos articles, en créant par exemple un diaporama ou un carrousel.

Fonctionnalités

Ce plugin est né à partir d'un besoin simple lié à la création d'un diaporama d'images pour mettre en avant des articles ; il s'agissait donc d'attacher une image à un article. Mais nous avions besoin d'un peu plus de fonctionnalités afin de pouvoir :

  • ordonnancer le placement des images, 
  • gérer le flux de publication d'articles,
  • exploiter le plus simplement possible ces données dans nos fichiers de gabarit. 

Une fois qu'une image est attachée à un article, elle devient une vignette active si l'article est déjà publié, ou inactive si l'article a un statut différent. Le statut "active" signifie qu'une vignette est présente dans l'objet SPIP qui permettra son affichage au sein du fichier gabarit. Lorsqu'un article passe du statut publié à un autre, sa vignette devient automatiquement inactive.

Configuration

Le formulaire de configuration vous propose de définir vos formats et dimensions d'image. Vous pouvez également préciser combien de vignettes actives vous désirez afficher dans votre objet SPIP. La modification des variables de configuration ne supprimera / redimensionnera aucune image ; l'affichage des vignettes actives s'adaptera automatiquement avec la nouvelle variable. 

Ajouter

Pour ajouter une vignette il faut se rendre sur la page d'édition d'un article. Le formulaire est très simple et ne propose qu'un champ de sélection d'image ainsi qu'un rappel de votre configuration.

Gestion des vignettes

Cette partie vous permet dans un premier temps de visualiser l'ensemble de vos vignettes, qu'elles soient actives ou inactives. La dernière colonne vous propose de la supprimer.

Dans seconde partie, vous avez la possibilité d'intervertir les positions de deux vignettes. Cette opération sera utile si, par exemple, vous désirez mettre en avant l'article "Premier article" qui est désactivé à la place de "Titre SPIP" qui se trouve en position n°3; leurs positions s'échangeront.

Exploitation

Maintenant que nous avons un jeu de vignette, nous pouvons voir comment les afficher dans nos fichiers de vue. Il suffit de faire appel à la vue "VIGNETTES_ACTUS_VUE" afin d'avoir accès aux données concernant une vignette (position et adresse de l'image) ainsi qu'à toutes les données de l'article concerné comme le titre ou la description.

Exemple :  

<BOUCLE_ma_boucle(VIGNETTES_ACTUS_VUE)>
    <img src="#CHEMIN_VIGNETTE" title="#TITRE" alt="#DESCRIPTIF"/>
</BOUCLE_ma_boucle>

Pré-requis

  • SPIP en version 2.1
  • MySQL5 et la gestion des vues

Téléchargement : Plugin Vignettes Actualité v0.1

2 commentaires

  1. Bonjour,

    Merci beaucoup de partager ce plugin SPIP !

    J’aurais tout de fois une petite question : quelle est la meilleur façon de créer un diaporama avec les images.

    Merci 🙂

  2. Bonjour yann et merci pour ton commentaire.
    La documentation s’arrête en effet à l’utilisation via SPIP, via le boucle VIGNETTES_ACTUS_VUE qui rend l’accès aux données de l’article et de la vignette.

    Une fois que vous avez récupéré ces données, il vous suffit ensuite de les exploiter en HTML / CSS et d’y ajouter une couche Javascript. Si vous désirez créer un carrousel, avec par exemple jcaroussel : http://sorgalla.com/projects/jcarou

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.