zpBootstrap – un thème flexible Zenphoto (mis à jour)

zpBootstrap est un thème « Responsive » pour Zenphoto.

Comme indiqué lors d'un ancien message, utilisant un SmartPhone, je vois bien les avantages d'une galerie photo qui s'adapte au média de consultation.

Après de nombreuses recherches sur le Net et pas mal de tests sur les différents outils existants, je me suis concentré sur le framework Bootstrap qui m'a permis de construire ce nouveau thème.

Celui-ci s'adapte automatiquement aux différentes largeurs d'écran allant des smartphones aux écrans larges, en passant par les tablettes.

N'hésitez pas à le télécharger et à l'utiliser, et merci d'avance pour vos avis et commentaires !

bootstrap_home

- Mise à jour du 27/04/2020 :

La version zpBootstrap 2.3 est maintenant disponible pour Zenphoto 1.5.6 (et plus).

(...)

Nouveauté : zpBootstrap prends charge les video online

Zenphoto gère différent type de fichier multimédia (image, vidéo, musique,...) hébergés sur son propre espace Web, mais n'est nativement pas prévu pour gérer les vidéos online (par exemple les vidéos hébergées sur YouTube).

Mais en fait, il existe bien un moyen depuis Zenphoto 1.2.6 pour ajouter des vidéos online dans la gallerie (voir ici pour tous les détails) :

  • Dans les onglets Admin, activer le plugin class-textobject
  • Dans un album de votre galerie, télécharger un fichier texte (.txt, .htm ou .html) contenant un code intégré vers votre vidéo
  • Eventuellement utiliser une vignette différente de celle par défaut en suivant ces instructions


J'ai fait quelques adaptations sur le thème zpBootstrap pour gérer ces vidéos dans la galerie (sur GitHub, utiliser la version master). En particulier, l'affichage des vidéos est responsive, et les vidéos hébergées sur YouTube et Vimeo peuvent être lues directement depuis FancyBox.

(...)

Nouveauté : carte des photos géo-localisées (mis à jour)

Vous pouvez découvrir la nouvelle page Carte sur mon site, affichant toutes les images géo-localisées de ma galerie photo.

Avec cette carte, je vous propose une nouvelle manière de découvrir les lieux visités lors de différents voyages, randonnées...

 

Edit (20/01/2019) :
Plusieurs personnes m'ont demandé comment créer cette page avec l'ensemble des images géolocalisées de la galerie.
Plutôt que répondre à chaque sollicitation, je vous livre ma recette pour y parvenir :

(...)

zpArdoise – un thème Zenphoto (mis à jour)

themezpArdoise est un thème pour Zenphoto hérité de la version initiale du thème zpGalleriffic.

N'hésitez pas à le télécharger et à l'utiliser, et merci d'avance pour vos avis et commentaires !

 

- Mise à jour du 29/07/2017 :

La version zpArdoise 1.4.14 est maintenant disponible pour Zenphoto 1.4.14 (et plus).

(...)

i-feel-dirty – un thème Zenphoto (mis à jour)

themei-feel-dirty est un thème initialement créé pour Wordpress par Studio ST.

J'ai trouvé ce thème par hasard en fouillant sur Internet et comme je l'ai trouvé très sympa, j'ai décidé de l'adapter sur Zenphoto en respectant le mieux possible la charte graphique de l'original.

N'hésitez pas à le télécharger et à l'utiliser, et merci d'avance pour vos avis et commentaires !

 

- Mise à jour du 22/09/2017 :
La version i-feel-dirty 1.4.14 est maintenant disponible pour Zenphoto 1.4.14 (et plus).

(...)

Un nouveau thème pour mon site photo

responsiveJe viens de terminer une importante mise à jour de mon site photo.

Depuis l'ouverture de mon site en 2010, j'utilisais le thème zpArdoise que j'avais créé pour cette occasion. Ce thème m'a donné entière satisfaction jusqu'à l'avènement des smartphones, où il a montré ses limites lors des consultations sur des écrans de petites tailles.

J'ai donc décidé de basculer mon site vers le thème zpBootstrap, que j'ai récement mis à jour. Plus épuré, avec des images agrandies, ce thème s'adapte automatiquement aux différentes largeurs d'écran.

(...)

Filtre anti-spam Akimset pour Zenphoto (mis à jour)

Comme beaucoup, je suis envahi par les spams de tout genre. Cela me demande un travail inutile de modération par rapport aux « vrais » commentaires postés.

Après quelques recherches sur le Net, j'ai décidé de créer un plugin pour Zenphoto, basé sur Akismet, et compatible php5 (un plugin Akismet existait déjà, mais basé sur du code php4).

Le principe est très simple :
Chaque commentaire entré par un visiteur est envoyé au serveur d'Akismet, et après analyse, le serveur indique si le message est un spam ou pas !
Le commentaire est alors publié, modéré ou rejeté automatiquement...

(...)

Plugin Googlemap pour Zenphoto

googlemap3

Quand je pars en vacances ou en randonnée, j'ai souvent un GPS de rando avec moi, ce qui me permet ensuite de géo-référencer mes photos.

Il a quelque temps de ça, j'ai donc installé le plugin Googlemap de Zenphoto pour permettre de visualiser mes photos sur une carte.

Le plugin existant avait quelques petits défauts (le principal étant de ne pas pouvoir voir plusieurs images situées au même endroit).

Après quelques discussions avec l'équipe Zenphoto, j'ai décidé de ré-écrire le plugin, en utilisant différents outils trouvés sur le Net.

(...)

Zenphoto et Responsive Web Design

Jusqu'à il y a peu, la taille des écrans de nos ordinateurs ne faisait qu’augmenter d'année en année. Pour les créateurs de sites web, il « suffisait » d'élargir les interfaces au fil du temps.

Puis, sont arrivés les iPhone et autres Smartphones, les iPad, tablettes et autres Notebook, qui révolutionnent progressivement Internet et ses usages.

Un des défis majeurs pour les webdesigners est désormais de construire une interface lisible sur les petits écrans, restant agréable sur les grands, tout en tenant compte des contraintes propres à chaque média (navigation à la souris ou au doigt), afin de fournir la meilleure expérience possible à l'utilisateur.

tailles-d-ecran

(...)

Installation d'un livre d'or

Suite à la création du thème zpArdoise, beaucoup de personnes m'ont demandé comment installer et utiliser un livre d'or.

Plutôt que répondre à chaque sollicitation, je fais un post dédié sur le sujet.

Voici la méthode utilisée pour installer un livre d'or sur Zenphoto :

  1. installer un script de livre d'or sur votre site (personnellement, j'utilise le script AlexGuestBook, installé à la racine du site, mais il en existe d'autres),
  2. paramétrer le script suivant les recommandations de l'éditeur du script, vos envies et vos usages (personnellement, j'utilise le skin AguestNew),
  3. sur votre site Zenphoto, activer le plugin ZenPage,
  4. créer une page dénommée « Livre d'or » (ou un autre nom à votre convenance), et dans la zone « Bloc de code 1 » de cette page, copier le code ci-joint,
  5. si nécessaire, adapter le thème du script pour qu'il corresponde à celui de votre site Zenphoto (personnellement, j'ai modifié le fichier templates/skins/AguestNew/alex_livre.css pour le faire correspondre à mon thème zpArdoise).

That's all folks !(...)