•  » Styles
  •  » Template Zen

#1 2006-06-14 11:45:17

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12671

Template Zen

Suite à mon test de Zenphoto, j'ai décidé de créer un template PhpWebGallery à l'image de Zenphoto.

Voir le template Zen dans le gestionnaire d'extensions.

J'attends vos avis et retours dans ce topic.


Les historiens ont établi que Pierrick était le premier utilisateur connu de Piwigo.

Hors ligne

#2 2006-06-14 13:00:54

flipflip
Membre
Lyon
2005-03-19
2316

Re: Template Zen

Très jolie d'après la capture, je le test ce soir.


Le cerveau à des capacités tellement étonnantes qu’aujourd’hui pratiquement tout le monde en à un

Mon site : http://www.blogoflip.fr

Hors ligne

#3 2006-06-14 14:14:48

vincent3569
Membre
Lyon
2006-05-31
608

Re: Template Zen

très intéressant !!

comme j'ai déjà eu l'occasion de l'écrire par ailleurs, je suis un fan des fontionnalité de pwg, je le suis moins pour ce qui est des templates existants.
je recherche quelque chose de très sobre (l'imprtant ce sont les photos qu'il faut chercher à mettre en valeur), et je trouve que pour cela le template de jillij, moyennant quelque suppression de menu est parfait.

dans cet esprit, ton template à l'air très bien !!

pourrais-tu le mettre en ligne sur le site de test de la 1.6.0.RC2 qu'on puisse l'essayer et se faire une idée plus complète du truc (en particulier, tu l'auras deviné, pour voir les menus et la navigation)

Hors ligne

#4 2006-06-14 14:22:43

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12671

Re: Template Zen

vincent3569 a écrit:

pourrais-tu le mettre en ligne sur le site de test de la 1.6.0.RC2 qu'on puisse l'essayer et se faire une idée plus complète du truc (en particulier, tu l'auras deviné, pour voir les menus et la navigation)

Je peux évidemment mettre ce template sur la demo 1.6, mais pour avoir une démo, le plus simple est encore d'aller sur la démo de Zenphoto :-)

Il n'y a pas de menu. La navigation se fait uniquement par l'arborescence des catégories.


Les historiens ont établi que Pierrick était le premier utilisateur connu de Piwigo.

Hors ligne

#5 2006-06-14 15:39:22

vincent3569
Membre
Lyon
2006-05-31
608

Re: Template Zen

euh, dans ce cas c'est tellement sobre que c'est un peu nu, non ?

tu ne veux mettre aucun menu (c'est un choix que je respecte) mais si c'est pour avoir un template "zenphoto like" sans avoir de plus grace à pwg, autant utiliser zenphoto, non ?

ceci-dit, et si je peux me permettre une suggestion, il serait quand même intéressant d'avoir une barre de navigation en haut de page, intermédiare entre ce que propose le template jillij et celui proposé, par exemple, par la galerie coppermine :

Accueil :: Les plus vues :: Les mieux notées :: Mes favoris :: Rechercher :: Commentaire :: Inscription :: S'identifier ::  A propos

Accueil permettant de revenir aux catégories mères, la navigation jusqu'aux catégories filles et aux images se faisant par des clics sur les images.

Si possible (je ne sais pas si c'est prévu, mais les copies d'écran le laisse supposer que oui), il faudrait avoir la barre de navigation rapide Accueil/Catégorie1/Catégorie2

Ca supose bien sur de pouvoir commenter, noter et choisir certaines photos,
je ne sais pas si tu as permis cela dans ton template

Qu'est-ce que tu en dit ?

Hors ligne

#6 2006-06-14 16:47:10

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12671

Re: Template Zen

vincent3569 a écrit:

euh, dans ce cas c'est tellement sobre que c'est un peu nu, non ?

C'est du Zenphoto :-) C'est sobre et fonctionnellement simple.

vincent3569 a écrit:

tu ne veux mettre aucun menu (c'est un choix que je respecte) mais si c'est pour avoir un template "zenphoto like" sans avoir de plus grace à pwg, autant utiliser zenphoto, non ?

Comme je l'explique sur mon blog: "L'avantage par rapport à Zenphoto : la puissante classification hierarchique par catégories de PhpWebGallery. Une photo peut appartenir à plusieurs catégories, nombre de sous-niveaux illimités."

[... ajout de fonctionnalités ...] Qu'est-ce que tu en dit ?

Je dis que pourquoi pas. Mais pas dans un premier temps.


Les historiens ont établi que Pierrick était le premier utilisateur connu de Piwigo.

Hors ligne

#7 2006-06-14 17:22:48

vincent3569
Membre
Lyon
2006-05-31
608

Re: Template Zen

à suivre donc...

mais je reste convaincu que, si la démarche de sobriété est super intéressante, un niveau de menu "simple" serait quand même unniveau de confort intéressant...

...quite à l'enlever si on veut être radical, mais le pb, pour le nul que je suis en php, css, template et compagnie, c'est qu'il quand même un peu plus simple d'enlever que d'ajouter...

vivement que tu mettes le template en ligne que je puisse regarder ce que ça donne, en vrai

Hors ligne

#8 2006-06-14 18:47:34

pfrize
Membre
2006-03-09
73

Re: Template Zen

Clairement, Zenphoto est attrayante par son style mais pas par ses fonctionnalités.

Dire que pour PWG c'est l'inverse ne serait pas honnête vis-à-vis des développeurs de template/thème. Mais ce début de discussion met bien en évidence les besoins de ces derniers :

1. Un layout ("template") et une mise en forme ("theme") totalement indépendants du contenu

--> CSS devrait être l'unique outil. On n'y est pas encore (pour pouvoir faire fonctionner un layout, encore faut-il que les tags html nécessaires existent dans le code php).

2. Le contenu lui-même, ou en tout cas sa modularité, c'est-à-dire la faculté d'inclure ou pas certains éléments dans une page donnée. Exemples :
a- afficher ou pas une option de menu
b- afficher un menu en liste développée ou en liste déroulante
c- afficher les vignettes et leur titre, ou seulement les vignettes, ou seulement les titres
d- afficher ou pas le papillon "nouveau", l'affichage des EXIF/IPTC, etc.)

--> Là, c'est plus compliqué : CSS peut suffire dans certains cas ("display:hidden"), mais sûrement pas toujours : il faut aussi travailler les tpl, et on ne peut probablement pas éviter de toucher aussi au php, dans l'état actuel de l'organisation du code. Exemples :
- pour ne pas avoir à répéter le code de la barre de menu de mon modèle dans chaque tpl, il faudrait lui consacrer un tpl, et donc modifier les appels de tpl dans le code php
- certains paramètres sont redéfinissables dans des fichiers de type config.php

Wordpress est loin d'être un modèle parfait à ces égards, mais son principe de livrer un "moteur" ("the loop") et un catalogue facile à comprendre de "tags"  aux développeurs de thème est séduisant par sa souplesse (exemple fictif : pour afficher la liste déroulante des catégories triées par ordre alpha, insérer à l'endroit qu'on veut dans le code php de la page considérée le tag "Dropdown_CatList_Alpha()"

Sorry pour ce bavardage !
Philippe

Hors ligne

#9 2006-06-14 19:07:32

vincent3569
Membre
Lyon
2006-05-31
608

Re: Template Zen

1- j'avoue mon inculture et ne pas bien voir quelles sont les différences entre template et thème

2- j'ai pas compris les implications sur le code mais les besoins (les miens en tout cas !)  sont bien ceux-là et il est clair que d'aller dans le php, le tpl ou le css (grace à l'aide précieuse du wiki ou du forum) pour "régler" finement l'aspect et le fonctionnement de la galerie, c'est assez "rébarbatif", ce qui nuit certainement au succès de votre (pourtant) merveilleux outil que vous ne cessez d'améliorer !

Dernière modification par vincent3569 (2006-06-14 19:08:05)

Hors ligne

#10 2006-06-14 20:13:49

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Template Zen

z0rglub a écrit:

Suite à mon test de Zenphoto, j'ai décidé de créer un template PhpWebGallery à l'image de Zenphoto.

Voir le template Zen dans le gestionnaire d'extensions.

J'attends vos avis et retours dans ce topic.

Cher Pierrick,

J'avais bien suivi ton idée de faire un template looklike Zenphoto et,
je connais ton intérêt pour les miniatures carrées depuis pas mal de temps déjà.
Ce que tu ne savais pas, c'est que depuis nos discussions (Cf. [Evolution] Comment doivent être présentées les miniatures ? ).
J'avoue, j'avais moi-même eu l'idée de m'attaquer à zen, un jour... 8-)

En effet périodiquement, je cherche à conserver nos vignettes d'origine rectangulaires
mais de trouver la meilleure méthode purement en css
pour les afficher sous zen (et donc ton template m'interresse fortement).
Quand j'aurai trouvé, je voudrais proposer de faire quelque chose comme ceci:
Hover Preview

Mais surtout, je ne veux pas dupliquer nos vignettes, une seule suffit.

J'explique mes vignettes font en général 150x112 ou 112x150,
si je trouve le moyen de les afficher en 96x96, j'intègre "Hover Preview" sur zen/classic.

Je te rapelle mon point de vue. La miniature carrée comme zenphoto les propose:
1- dénature la photographie (l'histoire de l'argentique nous impose de respecter un format proche du 9x13 ou 10x15)
2- se rapproche de trop des galeries souvent proposées par les hébergeurs.

Ce débat sera donc sans doute suspendu, même si nous le reprendrons sans doute un jour...
Donc, si j'y arrive c'est réglé au moins temporairement. 8-)
Pour moi le respect du passé est respecté car le format d'origine réapparait lors du survol de la souris.

Pourquoi, je te raconte cela?
Ton zen/classic impose des miniatures carrées ou
des galeries uniquement présentant des miniatures horizontales ou
verticales mais pas les deux.

Un exemple, plus que des mots, je veux éviter ceci:
http://vdigital.free.fr/pwg/galleries/zen-classic.jpg

Et malgré cela, qui pour moi n'est donc qu'un détail,
un grand merci pour ton template (très respectueux de ZenPhoto).
Magnifique.

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#11 2006-06-14 22:34:25

pfrize
Membre
2006-03-09
73

Re: Template Zen

VDigital a écrit:

La miniature carrée comme zenphoto les propose (...) dénature la photographie (l'histoire de l'argentique nous impose de respecter un format proche du 9x13 ou 10x15)

Ce format qu'on appelle couramment 24x36 ou 35mm ou encore 135 remonte aux années 1910 et est l'héritier direct... des pellicules cinéma : il a été conçu à partir d'une pellicule standard 70mm coupée en deux dans le sens de la longueur.

Quant au moyen format, il est un peu plus ancien (début du XXème siècle), fait 6cm de large et les clichés peuvent avoir diverses dimensions : 6x4.5, 6x9 ou... 6x6 ! Et il se trouve que le format 6x6 est courant avec les appareils moyen-format d'aujourd'hui.

Enfin, la plupart des appareils numériques n'utilisent pas le format 135 mais plutôt le format APS, soit 15x22 (je crois).

En conclusion, ce format bizarrement allongé qu'il faudrait respecter ne constitue pas du tout un canon esthétique, mais plutôt un hasard industriel, et le format carré est un vrai format courant utilisé par beaucoup de professionnels de la photo.

Pour compléter le tableau, le nombre d'or (1.618) donne un rectangle encore plus allongé que le 24x36 (1.5), mais moins que le format TV 16/9 (1.778).

Bref, il en faut pour tous les goûts !

Philippe

Hors ligne

#12 2006-06-14 23:54:07

Mael
Membre
2005-12-21
271

Re: Template Zen

Vraiment génial ce template Pierrick! Je l'ai mis sur mon site de test http://mclesse.free.fr
J'y ai apporté quelques modifications surtout au niveau des traductions! Mais sinon dans l'ensemble, il est formidable!

Encore un ptit truc, quand tu es connecté comme admin, le lien Personnaliser disparait! Je l'ai fais réapparaitre en copiant le code à partir du template Yoga et j'ai aussi copié cette fonction qu'utilise Jillij pour redimmensionner automatiquement les images à la bonne taille :

Code:

<!-- END high -->
<script type="text/javascript">

    if ({WIDTH_IMG} > 680)
    {
    document.write('<img class="image" src="{SRC_IMG}" style="width:680px;" alt="{ALT_IMG}"/>');
    }
    else
    {
  document.write('<img class="image" src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}"/>');
  }
  </script>
<!-- BEGIN high -->

à placer dans picture.tpl vers la ligne 52!
Voila un grand merci quand même pour ce thème!

Dernière modification par Mael (2006-06-15 00:05:40)

Hors ligne

#13 2006-06-15 06:14:42

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Template Zen

Mael a écrit:

Vraiment génial ce template Pierrick! Je l'ai mis sur mon site de test http://mclesse.free.fr
J'y ai apporté quelques modifications surtout au niveau des traductions! Mais sinon dans l'ensemble, il est formidable!

On est d'accord!

Mais Personnaliser pas d'accord, d'ailleurs, l'écran de personnalisation n'est plus dans la charte graphique du template.
zen/classic est non personnalisable pour tes visiteurs.
Tu veux en avoir l'accès (toi uniquement): profile.php

Le redim façon jillij, pas d'accord mais pas d'accord du tout. La première des raisons étant en cas de désactivation du javascript: Pas d'image.
Il existe une autre technique basée sur les php/tpl/css.

Sinon d'accord, merci encore Pierrick.





PS: Pfrize, il existe la photo 360° aujourd'hui et ça en carré ... 8-(


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#14 2006-06-15 09:09:59

vincent3569
Membre
Lyon
2006-05-31
608

Re: Template Zen

je me permet d'ajouter mon grain de sel

je suis pour les vignettes au format carré, et sans fioritures (le nom, le nb de commentaires,...) : ça permet d'avoir une vision globale et homogène des photos de la galerie.
la "vraie" photo, tu la "découvres" avec picture.tpl

c'est ce que j'ai fait sous ma galerie http://randonnee.berbere.free.fr/galeri … egory.php.

après, la technique pour "faire un carré dans un rectangle horizontal ou vertical" avec php/tpl/css, ça me dépasse complétement.

de mon coté j'ai résolu les pb de tailles d'images (vignette ou intermédiaire) en faisant des scripts avec photoshop :
- un pour faire des vignettes carrées 150*150 avec des images horizontales
- un pour faire des vignettes carrées 150*150 avec des images verticales
- un pour faire des images intermédiaires 640*480 (je ne suis pas sur des dimensions mais le principe est là) avec un effet ombré

=> la galerie n'est pas là pour tout faire : il y a un peu de travail de mise en forme des photos à faire à coté...

ceci dit, pour revenir au template zen photo : il est super ! mais quand même, je le trouve quand même un peu trop épuré (jamais content quoi) par rapport aux fonctionnalité de pwg et je reste sur les positions de mon post d'hier à 20:07:32.

Hors ligne

#15 2006-06-15 10:14:03

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12671

Re: Template Zen

Que de réactions :-) Je n'en attendais pas moins ! Pour commencer, je dirais que je n'ai fait preuve d'aucune originalité créative pour ce template. Il s'agit trait pour trait de Zenphoto. En gros, j'ai installé Zenphoto, j'ai copié le contenu de la sortie HTML des pages dans un template PhpWebGallery, j'ai remplacé les valeurs par des variables et c'est à peu prêt tout. Donc, on a les fonctionnalités dont dispose Zenphoto, mais rien de plus (notamment pas la personnalisation). J'ai juste ajouté les pages "identification" et "mot de passe perdu" pour qu'on puisse se connecter et aller dans l'administration.

Par rapport au format des miniatures. Il est clair que l'auteur de ce theme Zenphoto (theme Zenphoto = template PhpWebGallery) ne s'est pas préoccupé des formats non carrés. De toute façon, dans Zenphoto, les miniatures et image taille "normale" sont toutes générées par Zenphoto, c'est obligatoire (de longue date, ma position s'oppose à cela). En conséquence, les miniatures non carrées s'affichent très mal, comme le prouve la capture d'écran de VDigital.

Concernant le "moteur de template" de Zenphoto, il s'agit tout simple de PHP lui-même. Il s'agit donc d'un moteur très complet... En gros, Zenphoto a choisi de séparer la présentation de la "logique métier" alors que PhpWebGallery a choisi de séparer HTML et PHP. 2 approches très différentes. Je constate qu'il y a davantage de créateurs de thèmes Zenphoto que PhpWebGallery. 3 explications :

1. Zenphoto est plus populaire que PhpWebGallery (voir le nombre de liens vers Zenphoto sur Delicious)
2. Le choix de séparation présentation/logique est plus apprécié que séparation HTML/PHP
3. Il est plus simple de personnaliser une application très simple qu'une application assez riche (fonctionnellement parlant)

Il semblerait que certaines applications phare (Dotclear, Zenphoto, Wordpress) aient choisi la séparation présentation/logique, peut-être que nous devrions y réfléchir pour le futur (mais là, il s'agirait d'une version 2, à voir sur le moyen terme).


Les historiens ont établi que Pierrick était le premier utilisateur connu de Piwigo.

Hors ligne

  •  » Styles
  •  » Template Zen

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact