Albums

Ce plugin permet d’afficher une ou plusieurs galeries d’images au fil du texte, dans les articles et ailleurs.

Un portfolio… des albums !

Qui rédige un récit de voyage, par exemple, aimerait pouvoir illustrer son article de plusieurs petites séries de photos, une par jour. Or SPIP ne permet de faire qu’un seul album photo par article, le « portfolio ». Ce plugin permet de créer et afficher plusieurs « albums » au fil du texte, au sein d’un même article. Et où bon vous semble.

Insertion d’un album au fil du texte

Pour afficher un album dans un article, il suffit d’appeler le modèle homonyme, dans le champ de saisie, en indiquant les identifiants des documents voulus, comme ceci :

<album|id=17,2,63,15>

Il est également possible d’afficher tous les documents d’un article (c’est-à-dire le « portfolio » SPIP d’un article), comme ceci :

<album|id_article=211>

Il est possible de donner un titre à chaque album, comme ceci :

<album|id=17,2,63,15|titre=Mon super titre, hé !>

C’est peu utile, mais il est possible d’aligner chaque album, comme on le fait pour les images et documents : en passant le paramètre center, left ou right. Par exemple :

<album|right|id=17,2,63,15>

Utilisation dans les squelettes

L’album s’insère dans les squelettes comme n’importe quel autre modèle, sans oublier de passer les id des documents voulus, comme suit :

#MODELE{album,id=17,2,63,15}

Pour remplacer le portfolio par défaut de SPIP, sous l’article, on écrira :

[(#MODELE{album,id_article,env}{titre=<:info_portfolio:>})]

Structure et style des albums

L’habituel « portfolio » de SPIP est remplacé par le modèle « album », afin d’homogénéiser le rendu et vous faciliter le travail. Ainsi style et structure sont les mêmes pour les albums insérés au fil du texte que pour portfolio qui fait suite à l’article.

Code généré

Un album est une liste de documents. Voici sa structure HTML de base :

<div class="album clearfix p right" id="album15">
	<h2>Titre de l'album</h2>
	<ul>
		<li><a href="#"><img src="..."></a></li>
		<li>etc.</li>
	</ul>
</div>

Habillage CSS

-  .clearfix, .p, .left, .right et .center : étant déjà définis dans les feuilles de styles de la dist ou dans votre framework CSS de prédilection, il est inutile (et déconseillé) de les redéfinir dans ce plugin. S’il vous font défaut, déclarez-les dans vos propres feuilles de styles, en prenant modèle sur la dist de SPIP3.
-  C’est le sélecteur .album que vous utiliserez pour cibler tous les albums d’un coup et les habiller à votre goût.

Pour personnaliser, vous pouvez déposer votre CSS dans une feuille de style nommée « album.css » dans le sous-répertoire /css de votre dossier squelettes.

Évolution / todolist

Cette première version du plugin ne fait que se greffer sur la dist de SPIP pour proposer un modèle d’insertion d’album. Ce plugin devrait évoluer pour
-  être complété d’un objet SPIP « album » de façon à
-  pouvoir constituer des albums [*] dans la médiathèque avant de
-  les insérer plus simplement dans les articles, via le raccourci « <album25> ».

Un même document peut appartenir à deux albums différents

Notes

[*Un album est un ensemble de documents, que l’on peut afficher en galerie (ou en liste) au fil du texte, dans un article ou ailleurs.

Discussion

35 discussions

  • 4
    Christian Julia

    Bonjour,
    Ce plugin est vraiment très utile quand on veut structurer la présentation d’un portfolio. J’utilise la version SPIP 2.1.12 et quand je télécharge la dernière version du plugin, la liste des plugins ne s’affiche plus et je ne peux donc l’activer. Et dès que j’efface le plugin albums du répertoire « auto », la liste s’affiche de nouveau normalement. Idem si je place le plugin à la racine du répertoire « plugins » et non dans « auto ». Bizarre, non ?
    Merci de m’aider.

    • Christian Julia

      Bonjour,
      Je viens de faire une tentative avec un site qui utilise SPIP 2.1.11. Une fois téléchargé, le plugin Albums apparaît normalement dans la liste des plugins et on peut donc l’activer. En revanche, avec la version 2.1.12, le plugin n’apparaît pas et bloque l’affichage de tous les autres plugins dans la « Liste des plugins ». Donc, impossible de l’activer.
      Merci de votre aide.

    • Je viens de refaire un essai en SPIP 2.1.12, sans souci. Peut-être un conflit avec un autre plugin ?

    • Christian Julia

      Bonjour,

      Merci pour votre réponse. J’ai supprimé les plugins les uns après les autres sans résultats, « Albums » ne s’affichait pas. Mais ma manœuvre a provoqué une catastrophe. Désormais, la liste des plugins ne s’affichent plus (voir capture d’écran), même sans « Albums ». J’ai téléchargé les plugins, vidé le répertoire tmp, téléchargé de nouveau le logiciel SPIP, testé la base de données (tout est OK). Je ne vois plus apparaître les plugins qui sont dans le répertoire plugins/auto. J’ai sans doute commis une erreur en supprimant les plugins par ftp sans les désactiver au préalable. Je suis terriblement embêté. Comment puis-je m’en sortir ?
      Je ne comprends pas ce qui se passe et je ne vois pas la solution.
      Merci pour votre aide.

    • Christian Julia

      Bonjour,

      Sur un forum spip, j’ai découvert que je n’étais pas le seul à avoir eu ce problème (http://forum.spip.org/fr_240479.html#forum240740). J’ai également changé le mode de fabrication des vignettes (chez OVH) qui était gd2 en convert et là, miracle, la liste des plugins est de nouveau apparue normalement. Malheureusement, l’interface de l’espace privé a maintenant un problème (voir pièce jointe).
      Y a-t-il une solution ?

    Répondre à ce message

  • 8

    génial, merci

    Je vais tester tout ça :-)

    • Re-Bonjour

      Aprés un test cela marche corectement, mais quand je clique sur une image j’ouvre l’article qui sert d’Album.

      Comment évité cela.
      Je préférerais par exemple que cela s’affiche comme un diashow ou un zoom.

      merci

    • Pour pouvoir te répondre, il faudrait que tu précise.
      Où peut-on voir ton essai ? Quel code d’insertion as-tu utilisé ?

    • Je n’arrive malheureusement pas à autorisé les visiteurs.
      J’ai créer un compte auteur = visiteur, code =visiteur
      Mais le site lui refuse l’accés.
      Je pense que ça vient du plugin En travaux 2.0 qui donne l’accés qu’aux développeurs du site.
      Exist-il une autre alternative pour permettre les visites sans exposé le site à tous ?

      Sinon J’ai utilisé une balise dans l’article servant d’Album :

    • Bon j’ai résolut le problème de visiteur en employant la lame dédiée du couteau suisse.
      Du coup on peut voir ce que j’ai fait avec visiteur, visiteur sur magat.net

      Mais maintenant je n’arrive plus a faire fonctionné l’Album !!

      Je l’ai mis sur l’article :

      http://magat.net/Griffo-3D.html

      Qui appelle l’album correspondant dans mon cas à l’article 17.

    • Non, tu as mal lu la doc ci-dessus :
      * La notation <album17> (suggérée il y a 3 ans) n’existe pas encore.
      * <album|id=17> affiche un album contenant le document N°17.
      * Pour afficher l’album de tous les documents de l’article 17, c’est <album|id_article=17>.

    • Je viens de corrigé est rien ne s’affiche ?

      Pourtant j’avais réussi à le faire fonctionner la dernière fois il y a quelques jours ???
      Je ne comprend plus ?

      Pour l’insertion dans l’article qui sert d’album j’utilise <docXXX> une fois les images dans me portfolio.
      Pour l’insertion de l’album dans l’article j’utilise <album|id_article=17>

    • Je n’arrive pas à voir, dans l’espace privé : y’a-t-il bien quelque chose dans le portfolio de l’article 17 ?

    • Oui il y a bien quelque chose dans le portfolio 17.
      Aussi que dans l’article 17 sous forme de <doc120|center> par exemple.

    Répondre à ce message

  • Bonjour,

    Je viens d’utiliser votre plugin qui comble un manque sur notre site : Pouvoir placer un portfolio n’importe ou dans un article.

    Cependant, j’ai un problème, le texte est automatiquement aligné et collé à droite de la galerie, savez vous comment régler ce problème ( css j’imagine ?)

    Répondre à ce message

  • 2

    Super intéressant, est-il possible de visionner un exemple ?

    • Oups, j’ai complétement oublié les captures d’écran ! Ca va venir, mais plus tard, car il faut que je reconstitue ma démo pour ça. En attentant, si qqn a un exemple, qu’il n’hésite pas à nous le montrer !

    • un petit exemple avec l’ajout d’un script jquery de fade et quelques modif de style.
      J’aime beaucoup ce plugin et il m’appelle quelques questions sur l’intégration de script jquery.
      sur mon site je me suis greffé sur un plugin existant avec un AddClass pour l’effet de fade mais quelle est la meilleure pratique pour des plugins de diaporama :
      -  AddClass jquery
      -  duplication du modèle album dans un plugin de diaporama.
      -  le top : pouvoir passer en paramètre l’effet souhaité (mais là ça implique une modif d’album)

      en tout cas je suis intéressé pour réfléchir dessus.

    Répondre à ce message

  • 1

    Super idée de commencer tout simple avec ce que tu sais faire, mais de déjà prévoir la création d’un objet éditorial directement comme évolution du même plugin ! Si j’ai un peu de temps un jour, je t’aide à ça, je me rappelle qu’on en avait parlé sur IRC l’année dernière déjà.

    • Yeeh, ton commentaire me fait vraiment plaisir ! Oui, j’amorce le potentiel chantier en avançant sur ce que je peux, en invitant quelque gentil dev à compléter et poursuivre :)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom