Album Photo 100% SPIP

Squelettes adaptés à la publication de photos.

-  Nom du Squelette : Album Photo 100% SPIP
-  Version du squelette : 1.2
-  Auteur : Pascal
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP > 1.5
-  Site(s) exemple : Album Atypik.biz
-  Principales fonctionalités et spécificités :

  • nombre de rubriques et sous-rubriques illimité,
  • commentaires sur les albums et les photos,
  • affichage des poids et tailles des photos,
  • affichage du nombre de photos par album,
  • forum sur les albums,
  • recherche sur les albums, les photos et les brèves,
  • plan du site, résumé, brèves et sites référencés,

Testé sur ces navigateurs :

Testé ? Plateforme Navigateur Version Compatibilité
oui windows IE 5.5 fr oui
oui windows IE 6.0 fr oui
oui windows Firebird 0.6 fr oui
oui windows Mozilla 1.0 fr oui
non windows Netscape .  ?
non windows Phoenix .  ?
non windows Opera .  ?
oui Mac IE 5.2 oui
oui Mac Omniweb 4.5 oui
oui Mac Camino 0.7 oui
oui Mac Safari 1.1 oui
oui Mac Firebird 0.6 oui
non Mac Chimera .  ?
oui Mac Mozilla 1.3.1 oui
non Mac Phoenix .  ?
oui Mac Opera 6.2 oui
non Unix/Linux Netscape .  ?
non Unix/Linux Mozilla .  ?
non Unix/Linux Phoenix .  ?
non Unix/Linux Opera .  ?

Les squelettes article, auteur, breve, forum, plan, recherche, resume, rubrique et sommaire ont été adaptés, sans ajout de code php.

Un fichier affiche_image permet dans les squelettes de visualiser l’image à sa taille 100% et le fichier de style est unique pour une maj facilitée.

Pour installer l’album il faut recopier les fichiers présents dans le zip ci-dessous dans le répertoire d’installation de SPIP.

La ressource et ses mises à jour sont disponibles sur le site de l’auteur.

Discussion

37 discussions

  • 1

    Bonjour Pascal,

    Après avoir installé le squelette de l’album, je n’obtient que des vignettes avec un logo « jgp » (pas la photo donc) j’ai pourtant attaché les photos en docs joints : les photos ne s’affichent pas en miniature, il faut cliquer dessus pour q’elles apparaissent. Je suis allé dans la config du site / fonctions avancées pour vérifier l’activition de génération des miniatures. Tout était ok.

    Alors je ne comprends pas ce qui se passe.

    Quelqu’un pourrait-il m’aider svp car je ne sais plus quoi faire ?

    Maxime

    • Bonjour Maxime, même sujet que post précédent ;) il faut attacher des documents et non des images. C’est dans le fichier d’aide. Cordialement.

    Répondre à ce message

  • 2

    Bonjour,

    Après avoir installé le squelette de l’album, je n’obtient que des vignettes avec un logo « jgp » (pas la photo donc) : les photos ne s’affichent pas en miniature. Je suis allé dans la config du site / fonctions avancées pour vérifier l’activition de génération des miniatures. Tout était ok.

    Alors je ne comprends pas ce qui se passe.

    Quelqu’un pourrait-il m’aider svp car je ne sais plus quoi faire ?

    A part ce pb qui se pose à moi, c’est vraiment un super squelette !!

    fred

    ci-dessous le lien pour voir ce que ça donne. merci d’avance.

    • Il faut joindre des documents et non ajouter des images. Bon courage.

    • ah yes ! merci ça marche.
      fred

    Répondre à ce message

  • 1

    Merci pour ce squelette et sa maniabilité,nom d’une pipe !
    FOnzD’4rTz

    • Bonjour,
      tout d’abord bravo beau squelette ! ensuite ca se complik pour moué ... je debute en Spip....j’ai decompresser les fichiers sous ma structure SPIP mais aucun changement :( y’a t-il une manip pour activer un squelette ?
      merci pour toutes infos ( ou liens explicatif )

    Répondre à ce message

  • superbe
    pas de blem mageur
    tres beau travail

    Répondre à ce message

  • 1
    Dorothée

    J’ai l’impression que ma question s’est perdue dans les méandres du forum. Je cherche à obtenir la liste des articles « dans la même rubrique » dans le fichier « article.html ».

    Or, si je recopie les lignes

    			<!-- Articles dans la meme rubrique -->
    
    			<B_articles_rubrique>
    				<h2>Dans la m&ecirc;me rubrique...</h2>
    				<ul>
    			<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {par date} {inverse} {0,8}>
    				<li>
    				<a href="#URL_ARTICLE" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a>
    				</li>
    			</BOUCLE_articles_rubrique>
    				</ul>
    			</B_articles_rubrique>

    Dans la colonne de gauche, c’est à dire sous les lignes de code « du même auteur » (<!-- Auteurs de l'article -->), rien ne se passe, rien ne s’affiche.

    Pourquoi ? Faut-il modifier quelque chose ailleurs, notemment dans les feuilles de style ? Ce morceau de code est-il complet ?

    Au secours, SOS et merci d’avance...

    • désolé, je ne peux pas t’ aider, je suis débutant, mais je te souhaite de trouver la réponse. Personnellement, j’ai viré tout ça, j’ avais déjà une inclusion d’ un autre fichier qui servait de colonne à gauche.

      Fais une recherche dans google, tu trouveras surement qq chose pour t’ aider. Ou bien regarde sur le site officiel de spip, ils ont des tutos vraiment faciles et très complets.

      Par exemple, je viens de taper « spip boucle dans la même rubrique » dans google, et je clique sur le premier lien : http://spip-edu.edres74.net/article.php3?id_article=39

      Bon courage,

      @+

    Répondre à ce message

  • 2

    salut,

    je repost, mon message ayant disparu (?) du forum.

    Est-ce que vous avez une idée du code à insérer pour que dans rubrique.html une image de chaque article s’ affiche pour illustrer l’ article correspondant ?

    que ça fasse qq chose comme :

    article 1 « photos de Papouasie »
    photo « Papouasie 1 » en illustration

    article 2 « mon superchat »
    photo « mon chat qui chasse le mulot » en illustration

    etc

    Merci de votre aide

    @+

    • désolé d’avoir effacé ton message mais il passait mal dans le forum car tu n’avais pas encadré les codes des boucles...

      si j’ai compris ce que tu veux il faut modifier le squelette rubrique par là dedans :

      <B_articles_recents>
      <h1>Photos</h1>
      <ul>
       <BOUCLE_articles_recents(ARTICLES) {id_rubrique} {par titre}>
       <li>
        <a href="#URL_ARTICLE" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a><br />
        <i>Derni&egrave;re mise  jour le [(#DATE_MODIF|nom_jour)] [(#DATE_MODIF|affdate)]
      <B_auteurs_recents>&nbsp;par&nbsp;
      <BOUCLE_auteurs_recents(AUTEURS) {id_article} {", "}>
      <a href="auteur.php3?id_auteur=[(#ID_AUTEUR)]">#NOM</a>
      </BOUCLE_auteurs_recents>
      					
      <BOUCLE_nbre_photos(DOCUMENTS) {id_article}>
      </BOUCLE_nbre_photos>&nbsp;:&nbsp;[(#TOTAL_BOUCLE)] photo(s)</B_nbre_photos>
      
      </i>
      </li>
      </BOUCLE_articles_recents>
      </ul>
      </B_articles_recents>

      et ajouter, dans la boucle article_recents la boucle suivante là ou tu veux afficher une image, par exemple celle-ci choisiras une image au hasard :

      <BOUCLE_illustrer(DOCUMENTS){id_article}{mode=document}{par hasard}{0,1}>
       #LOGO_DOCUMENT
      </BOUCLE_illustrer>
    • Merci beaucoup Dorian, ton idée est géniale !

      Tu m’ as inspiré, j’ ai donc regardé sur le site officiel au sujet de la boucle logo, je comprends mieux maintenant.

      Bon weekend à tous, il va faire beau, préparez le picnic !

    Répondre à ce message

  • 4
    Dorothée

    Bonjour,

    Merci et bravo pour ces squelettes simples et efficaces.
    Un seul petit problème que je n’arrive pas à résoudre : dans le fichier « article.html », je lis un morceau de code (

    Dans la même rubrique...

    ) qui devrait permettre d’afficher les articles de la même rubrique.

    Or, ils ne s’affichent pas (pas même sur le site exemple http://www.atypik.biz/album/article.php3?id_article=1).

    Comment faire, sachant que je voudrais créer cette liste d’articles dans la même rubrique, dans la colonne de droite, sous la liste « du même auteur ».

    J’ai (longuement ) essayé de bidouiller mais rien ne fonctionne. Pouvez-vous me donner un coup de main ?

    • lorsque l’on copie du code spip il faut l’encadrer aves les balises <code> svp

    • Dorothée

      Ok, désolée pour le code qui ne s’affichait pas. Je reprends...

      Ma question portait sur le fichier article.html.

      Comment faire pour afficher les articles de la même rubrique.

      Je voudrais créer cette liste « dans la même rubrique », dans la colonne de droite, sous la liste « du même auteur ». Quel code dois-je insérer dans article.html pour que cela fonctionne ???

      Merci d’avance de votre aide...

    • Cette fonctionnalité existe dans le cadre de gauche. Vous pouvez la passer à droite en copiant le code des lignes 58 à 67. Cordialement. Pascal

    • Dorothée

      Désolée, mais j’ai essayé cela et ça ne fonctionne pas. :(((

      J’ai effectivement tenté cela en premier mais mais rien ne s’affiche (petite précision, j’ai bien sûr recalculé la page et vidé le cache)...

      Y a t-il autre chose à modifier ?

    Répondre à ce message

  • 1

    Bonjour,
    J’ai enfin réussi à installer le squelette de photos qui servira à une collègue peintre pour exposer ses peintures.
    Voici les problèmes qui résistent :
    - Chaque vignette se voit encadrée d’un fond gris qui déborde sur le côté droit (pas très joli)
    - Au lieu de la dern_ère photo affichée sur la page d’accueil, j’ai toutes les photos !
    Pour se rendre compte : http://cpenet.free.fr
    Merci de me répondre.

    • Bonjour, l’entourage est à modifier dans le fichier de style (ligne 107 et 110).

      Vous avez toutes les photos du dernier article sur la page d’accueil, il faut modifier la ligne 46 de la page sommaire.html :

      Avant : <BOUCLE_dernier_doc(DOCUMENTS) {id_article} {extension==jpg}>

      Après : <BOUCLE_dernier_doc(DOCUMENTS) {id_article} {extension==jpg} {1,0}>

      Pascal

    Répondre à ce message

  • 3

    Bonjour,
    Je suis très intéressé par ce squelette mais je rencontre un problème à la mise en place :
    Les vignettes des photos apparaissent énormes (940x940 à peu près) !
    Je n’ai pas trouvé l’endroit dans « MENU ADMINISTRATION - FONCTIONS AVANCEES » où on pouvait agir.
    Merci de m’aider.

    • Bonjour,
      Dans le menu Administration du site/configuration du site/Fonctions avancée/ vous avez un cadre :

      Génération de miniatures des images
      Lorsque vous ajoutez des images en tant que documents joints à un article, SPIP peut créer pour vous, automatiquement, des vignettes (miniatures) des images insérées. Cela permet par exemple de créer automatiquement une galerie ou un portfolio.
      Tester les formats d’image que ce site peut utiliser pour créer des vignettes.

      Cliquez sur le lien et vous aurez la possibilité de cocher :
      o Générer automatiquement les miniatures des images.

      et ainsi en déterminer la taille.
      Vous pouvez également préparer manuellement les 2 formats d’image ;o)
      Cordialement
      Pascal

    • Désolé mais je n’y arrive toujours pas. Dans le menu « CONFIGURATION DE SITE - FONCTIONS AVANCEES » voici ce qu’on me propose :
      -  Moteur de recherche intégré.
      -  Statistiques de visites.
      -  Travail collaboratif sur les articles.
      -  Utiliser un proxy.
      -  fichier d’authentification « .htpasswsd »
      J’ai beau basculer de l’interface simplifiée à l’interface complète rien n’y fait je ne vois toujours pas de cadre
      concernant la gestion des vignettes. Pour info, j’ai installé SPIP 1.7. Merci tout de même de m’aider.

    • Bonjour, je me réponds car j’ai trouvé la solution à mon problème (ce sera ma part de contribution...).
      Lorsqu’on installe EasyPHP 1.7, les bibliothèques GD ne sont pas pas réfaut actives. Il suffit donc de les activer et on retrouve dans SPIP la possibilité de gérer les vignettes. Sans cette activation, SPIP ne propose même pas le menu.
      A bientôt et merci encore à Pascal pour son travail et sa réactivité.

    Répondre à ce message

  • 3

    En complément à la question précédente (je suis moi aussi débutant), sachant que le dossier SPIP par défaut contient déja un squelette, faut-il en enlever les fichiers rubriques-dist, article-dist, etc... lorsque l’on met importe (pour se servir « à la place de ») un nouveau squelette ?

    • Les fichiers présents dans le zip sont à télécharger dans le répertoire principal de spip. Les -dist servent à garder une copie de la distribution et à être appelés si leur homonymes sans -dist sont absents du répertoire. Ne les effacer pas.

      Cordialement
      Pascal

    • Antoine

      heuuuu je débute ôsssssi mais j’ai du louper un épisode, j’ai installé les fichiers (dézippés dans la racine) mais je ne vois rien du tout j’ai écrit un autre article . Comment on fait pour publier avec le squelette album ?

    • Bonjour, il faut débuter par créer la création des rubriques (les albums), puis ecrire des articles avec les photos taille 100% en documents joints. les vignettes en taille réduite sont les celles des docuements joints. Pour les ajouter il faut que vous soyez en interface complète.
      Bien cordialement

    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