Voici un outil très simple à installer, qui permet de créer son site facilement à partir d'une galerie photo Flickr : Lumis Gallery.

Cet outil vient donc s'ajouter à un autre dont nous avions déjà parlé ici (Créez votre propre site web en utilisant les images de votre album Flickr) : à vous de faire votre choix.



L'avantage de Lumis Gallery, c'est de proposer une solution globale :

- Tous vos sets Flickr sont pris en compte
- Les commentaires s'affichent directement sur votre site
- Vous obtenez également une partie "blog" automatique, qui affiche les descriptions de votre compte Flickr que vous choisissez
- Vous disposez d'une page avec une carte du monde sur laquelle on peut voir la géolocalisation de vos photos

Le désavantage : votre site sera en anglais.
C'est cependant un "plus" pour ceux qui veulent faire connaître leur travail en dehors du monde francophone, sans pour autant avoir la maîtrise nécessaire pour concevoir eux-mêmes un site en anglais.


1. Démonstration

Voici à quoi ressemblera votre site si vous suivez ce tutorial :

- Exemple de page d'accueil (voir la liste des sets sur la droite, l'effet au passage de la souris...)

- Exemple d'affichage d'un set

- Exemple d'affichage d'une photo (voir l'affichage des commentaires en bas)



2. Pré-requis

- Avoir un compte sur Flickr et savoir l'utiliser.
Flickr est un site de partage de photos simple à utiliser. Un tutorial complet sur l'utilisation du service est disponible ici (Se faire connaître grâce à Flickr : le guide d'utilisation).

- Avoir un hébergement web avec une base mysql.



3. L'installation

- Téléchargez Lumis Gallery ici.

- Décompressez l'archive sur votre PC.

- Ouvrez le fichier inc_config.php dans un éditeur de texte (bloc notes...)

- Dans ce fichier, faites les remplacements suivants :

- Ligne 12 ($approot), indiquez l'adresse à laquelle votre site sera disponible.

- Ligne 15 ($FlickrAPIkey), indiquez votre clé pour l'API Flickr :

Pour que votre site puisse se connecter à Flickr, il faut que vous ayez une clé API.

Rien de compliqué là dedans, il suffit de se rendre à cette adresse une fois que vous êtes connecté à votre compte Flickr et de suivre ces instructions :

Flickr a besoin de savoir qui nous sommes, et dans quel but on souhaite utiliser Flickr depuis notre site.

- Nous allons donc compléter le formulaire en fournissant un nom et une adresse e-mail.

- Puis, choisissez l'option "non-commercial use".

- Dans le champ "Describe the application are you planning to build", nous allons expliquer à Flickr ce que nous souhaitons faire de l'API.
Par exemple, copiez le texte suivant : - On coche les deux cases en bas pour accepter les conditions d'utilisation, et on valide.

- Sur la page suivante, un magnifique code s'affiche : il s'agit de notre précieuse clé sans laquelle notre site ne pourra accéder à Flickr.
On la copie, et on la conserve précieusement.


- Ligne 19 ($gMapsApi) : indiquez votre clé pour l'API Google Map.

Cette clé va servir à afficher la carte du monde pour localiser vos photos, en utilisant le service Google Map.

Pour l'obtenir, rien de plus simple :

- Rendez-vous ici

- En bas de page, cochez la case et indiquez l'adresse de votre site.

- Sur la page suivante, la clé s'affiche sous le texte "Your key is".

Copiez-là, et collez-là dans votre fichier.


- Ligne 23 ($defaultUser), indiquez votre identifiant Flickr.
(rendez-vous ici si vous ne l'avez pas encore défini).


- Remplissez les informations de votre base mysql :

Ces informations sont fournies par votre hébergeur :
- Ligne 31 ($cachedbUsername) : l'identifiant pour accéder à la base mysql
- Ligne 33 ($cachedbpassword) : le mot de passe pour accéder à la base mysql
- Ligne 35 ($cachedbserver) : l'hôte mysql (en général : localhost)
- Ligne 37 ($cachedb) : le nom de la base mysql


- Le reste du fichier peut être laissé tel quel.

Cependant, si vous souhaitez modifier certaines options (nombre d'images par page, etc...), libre à vous de changer les autres variables.


- Enregistrez le fichier, puis envoyez le contenu du dossier sur votre serveur, par exemple avec Filezilla (Apprendre à utiliser Filezilla).



4. Utiliser Lumis Gallery

- Emplacement des pages :

Votre page d'accueil est disponible ici : monsite.com/pictures.php

Un autre type de page d'accueil est disponible ici (liste des sets) : monsite.com/sets.php?/viewall/

Le blog est disponible ici : monsite.com/tblog.php?/page1/

La carte pour la géolocalisation est disponible ici : monsite.com/map.php


- Utilisation du blog :

Le blog affiche directement les descriptions des photos sur lesquelles vous placez un tag spécifique dans Flickr.

Ce tag est le suivant : lumisGallery:blog=*
(remplacez le caractère * par un nom de catégorie, qui sera créée automatiquement sur votre blog).

Rien de plus à faire !


- Utilisation de la carte de géolocalisation :

Elle est entièrement automatique. Il suffit de tagguer vos photos sur votre compte Flickr (voir tutorial ici (Se faire connaître grâce à Flickr : le guide d'utilisation)).


- Si vous souhaitez que la page d'accueil choisie s'affiche directement lorsqu'on entre l'adresse du site, :

Si votre serveur a le mod rewrite activé (demandez à votre hébergeur), créez un fichier dans lequel vous indiquez :

(changez pictures.php par la page que vous souhaitez en accueil du site).

Nommez ce fichier .htaccess (avec un . devant) et placez-le à la racine du site.


- Personnalisez le design de votre site :

Pour personnaliser le haut de page : éditez le fichier inc_header.php
Pour personnaliser le bas de page : éditez le fichier inc_footer.php
Pour changer les styles CSS : éditez le fichier lumisGallery.css


Aller plus loin

Cet outil ne vous convient pas ?
Une autre solution permet de créer son site à partir d'un compte Flickr : le tutorial est disponible ici (Créez votre propre site web en utilisant les images de votre album Flickr)