Portfolio simple v2

Présentation

Cette version est une évolution de Portfolio Simple, dont les principes n’ont pas évolué : permettre une publication facile et rapide d’un portfolio d’images ;

Site de démonstration : Un œil sur …

Portfolio simple v2 possède cependant des fonctionnalités enrichies :

-  chaque image possède sa propre URL, sur laquelle il est donc facile de faire un lien
-  cliquer sur une image permet de la voir en plein écran, via mediabox
-  les images peuvent être partagées via le plugin socialtags.
-  chaque champ (titre, descriptif, copyright) de l’image est utilisé, et éditable dans la partie publique du site, via le plugin crayon.
-  s’il n’est pas renseigné dans le champ correspondant des images, un © par défaut (le nom du site) est attaché à chaque image dans l’affichage public
-  chaque image peut être notée par les visiteurs via le plugin notations
-  un forum est ouvert pour chaque image du portfolio (sous réserve de la configuration générale des forums)
-  pour les rédacteurs / administrateurs autorisés, un bouton permet d’accéder en un clic à la page de modification du document dans l’espace privé

Accueil d’un thème du portfolio
Page de contact (avec formulaire de contact avancé)
Page de visualisation d’une photo

Dépendances

Porfolio simple v2 nécessite :
-  le plugin menus
-  le plugin Critères precedent et suivant

Utilisation optionnelle

De manière optionnelle, Portfolio simple v2 peut être utilisé (et a été testé) avec les plugins :
-  Notations
-  Socialtags
-  Crayons
-  Varicelles (jolis boutons)
-  formulaire de contact avancé
-  Métadonnées Photos

Installation

Téléchargez l’archive jointe, activez la, ainsi que les plugins pré-requis.

Configurez le menu principal du site :
-  Installez le plugin Menus
-  Créez un menu (Editions > Menus du site > Créer un nouveau menu) en lui donnant l’identifiant « barrenav », et ses entrées (accueil, rubriques, auteur)

Pensez bien à autoriser le dépôt de document dans les rubriques :
-  Dans le menu « Configuration », dans la page « Contenu du site », dans le bloc « Documents Joints », cochez « Rubriques » et validez

-  Créez (au moins) une rubrique

-  Si vous utilisez le plugin socialtags, configurez le pour insérer le bloc social-tags en-dessous du bloc #socialtags

Utilisation

Déposez les photos directement dans la rubrique.

Personnalisation

Vous pouvez rentrer une description du site, qui apparaîtra sous la ligne de séparation horizontale ;
Vous pouvez rentrer une courte biographie, qui apparaîtra dans la page contact.
Vous pouvez créer plusieurs thèmes, en déposant les photos dans autant de rubriques distinctes ; il ne reste plus qu’à définir les entrées correspondantes dans le plugin menus

Mises à jour
12/4/16 : ajout de la compatibilité spip 3.1

Les fichiers squelettes et css mériteraient sûrement d’être optimisés, voire même rendus compatibles avec zpip … appel aux bonnes volontés ;)

Discussion

6 discussions

  • Bonjour
    je fais un projet associatif où chacun aura sa propre boutique.
    l’organisation que j’ai adoptée consiste à créer un article pour chaque membre pour afficher :
    -  logo
    -  nom et raison sociale
    -  adresse complète
    -  images des produits fabriqués (c’est le plus important)
    je crée les articles avec toutes ces informations et les images correspondantes déposées dans un portfolio.
    MAIS JE NE SAIS PAS COMMENT AFFICHER LES IMAGES DU PORTFOLIO.
    Aidez moi svp

    Répondre à ce message

  • 1

    Rebonjour,
    tu crois que tu peux prendre un peu de temps pour nous faire une page article.html dans le même thème ?
    je vais en avoir besoin. Merci.

    • Salut John, je t’avoue ne pas avoir idée de ton besoin, qui sort de toute façon stricto-senso du cadre du plugin.
      A vue de nez, je dirais que le plus simple consiste à dupliquer le fichier rubrique.html, le renommer en article.html et remplacer à l’intérieur le contenu spécifique à un squelette article. Non ?

    Répondre à ce message

  • 10

    Merci pour ta réactivité.
    J’attends ton signal pour le nouveau paquet !

    • c’est apparemment bon (même si la version n’est pas modifiée sur la page)

    • çà règle le bug, mais pas la mise en page. Malgré désactivation du cache, vidage etc ...

    • hum … tu peux me donner un accès temporaire à l’administration, que je regarde stp ?

    • J’ai fini par trouver le bug, un gros fail de ma part, le fichier CSS se basait sur le (vieux) fichier .css de spip 2.0 … j’ai uploadé le correctif, tout devrait être bon maintenant.

    • C’est légèrement mieux mais ce n’est pas encore çà :)
      Merci en tout cas.

    • J’ai corrigé une erreur de frappe dans le fichier CSS ce matin, qui empêchait la prise en compte des modifs (nb : ne pas faire de corrections la nuit ;) ), le zip devrait être généré sous peu

    • Un dernier point, rajouté dans le § installation du coup :
      « Si vous utilisez le plugin socialtags, configurez le pour insérer le bloc social-tags en-dessous du bloc #socialtags »

    • On y est presque :)
      Le titre n’est toujours visible qu’à moitié et les encarts espace privé et recalculer la page reste même si je ne suis pas connecté en admin.

    • Pour le titre, j’aurais besoin d’une copie d’écran : chez moi, ton site s’affiche (apparemment) normalement.

      Les encarts d’admin sont gérés par spip, et non le plugin ;) et dépendent de la présence (ou non) du cookie d’administration.

    • Le cache de mon navigateur ... merci ydikoi !

    Répondre à ce message

  • 2

    Bonjour et merci pour ce plugin.
    J’ai du raté quelque chose ...
    http://extranet.kerplouz.com/jcregnault/

    Je n’ai pas la bonne mis en page et des bugs dans le squelette ...
    Qu’est ce qu’il se passe ?

    • Bonjour John,

      Je viens de remettre à nu mon site pour comparer.

      Pour la mise en page, est-ce que le fait de vider le cache + le désactiver temporairement arrange les choses (ça devrait ;) ).

      Pour les bugs dans le squelette, je vois de quoi il s’agit, je vais modifier (et vs proposer une manip en attendant).

    • Le bug sur l’affichage des photos est corrigé, et commité. Le zip devrait être dispo d’ici une heure.

      Merci pour le retour !

    Répondre à ce message

  • Plutôt déroutant comme comportement/ergonomie sur le site de démo :
    On s’attend d’abord à ce que chaque photo soit la première photo d’un portofolio, en fait, les 2-3 photos présentées font partie du même portofolio.
    Ensuite en cliquant dessus, on cherche en vain à droite la flèche de défilement comme pour n’importe quel portofolio sur le WEB/logiciel, erreur, elle est à gauche.

    A part cela, c’est sobre et sympa, mettant en valeur l’essentiel, C.A.D la photo.

    Répondre à ce message

  • Bien ! J’aimerais tellement en profiter avec zpip...

    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