Ajouter des photos avec Phoca Gallery :

Transcription

1 Ajouter des photos avec Phoca Gallery : Etape 1 (via la console d'administration) : Ouvrir la console d'administration ( et s'enregistrer. Commencer par créer une catégorie (pour autant qu aucune catégorie ne soit existante). Pour l'exemple, on va créer une catégorie "Hiver". Pour ce faire, il faut aller sous Composants / Phoca Gallery / Catégories. Nous allons créer la catégorie en cliquant sur Nouveau. Là, il faut donner un nom à la catégorie. Aucun besoin de modifier les autres champs, sauf si l'on veut créer une sous-catégorie (catégorie parent), mettre un accès spécial ou simplement mettre du texte. Faire enregistrer et fermer. 1

2 La catégorie est créée. Une fois la catégorie créée, il va falloir insérer les images. Pour cela, sous le panneau de contrôle nous allons cliquer sur images, puis sur nouveau ou ajout multiple. Pour l'exemple, nous allons utiliser l'ajout multiple. 2

3 Une fois sur la page, il va falloir télécharger les images qui nous intéressent. Mais avant cela, il faudra créer un dossier pour s y retrouver dans nos photos. Il va donc falloir aller en bas de page sous Répertoire et audessous, écrire le nom de notre dossier. Le notre s appellera «jardin». Cliquez sur Créer répertoire et le dossier est créé. 3

4 Suite à cela, il va falloir cliquer sur Upload multiple en bas de page pour aller chercher nos images sur notre ordinateur. Veuillez noter qu il faut impérativement ouvrir le dossier dans lequel se trouveront nos photos avant le téléchargement. Pour cela, veuillez cliquer sur le dossier désiré. Puis sur ajouter images. Le programme ouvre une page donnant accès à notre ordinateur. Il faut donc aller chercher les images à télécharger (pour tout sélectionner, presser Ctrl + A). Une fois les images sélectionnées, cliquer sur ouvrir. 4

5 Pour finir, il ne reste plus qu'à cliquer sur Démarrer upload en bas de page. Voilà, nos photos se trouvent sur le site internet. Maintenant, il va falloir renseigner la catégorie dans laquelle se trouvera le dossier photo. Ici, il s'agit de "Hiver". Il faut donc revenir en arrière en cliquant sur la flèche bleue au-dessus de nos photos. De retour sur notre page d accueil, il va falloir cocher le dossier à ajouter ainsi que renseigner la catégorie pour créer les vignettes. Enfin, cliquer sur enregistrer et fermer. 5

6 Les vignettes ont été créées. Dernière étape sur Phoca Gallery, activez le fichier Cooliris. Pour ce faire, il faut aller sous Catégories, cochez le dossier que l'on veut mettre en ligne (pour nous il s'agit de "Hiver et Hiver - Jardin") et cliquez sur le bouton Cooliris en haut à gauche. Voilà. Le dossier photo est prêt à être mis sur notre site internet. 6

7 Etape 1 (via FileZilla Client) : Ouvrez le Client FileZilla. Cliquez sur Fichier/Gestionnaire de sites et vous arrivez sur la fenêtre suivante : Cliquez sur votre site à gauche, puis sur Connexion (veuillez noter que FileZilla devra être au préalablement configuré de manière à ce que le FTP soit en connexion avec votre site). Une page s'ouvre. Sur la colonne de gauche vous retrouvez votre ordinateur, quant à la colonne de droite, votre hébergeur. Cliquez sur httpdocs sur la colonne de droite et sur le fichier que vous désirez ouvrir sur votre ordinateur sur la colonne de gauche. Vous retrouvez la configuration suivante (Il faudra recommencer toute l'opération susmentionnée si votre FTP a un trop long temps d'inactivité) : Créez un dossier sur votre ordinateur contenant toutes vos photos à transférer puis envoyez-le sous /httpdocs/images/phocagallery en cliquant sur le bouton droit de votre souris, puis sous Envoyer. Enfin, faites un clique droit avec votre souris sur votre fichier (de la colonne de droite) et cliquez sur Droits d'accès au fichier. Là, sous Valeur numérique, tapez

8 Ouvrez la console d'administration ( et enregistrez-vous. Commencer par créer une catégorie (pour autant qu aucune catégorie ne soit existante). Pour l'exemple, on va créer une catégorie "Hiver". Pour ce faire, il faut aller sous Composants / Phoca Gallery / Catégories. 8

9 Nous allons créer la catégorie en cliquant sur Nouveau. Là, il faut donner un nom à la catégorie. Aucun besoin de modifier les autres champs, sauf si l'on veut créer une sous-catégorie (catégorie parent), mettre un accès spécial ou simplement mettre du texte. Faire enregistrer et fermer. La catégorie est créée. 9

10 Une fois la catégorie créée, il va falloir insérer les images. Pour cela, sous le panneau de contrôle nous allons cliquer sur images, puis sur nouveau ou ajout multiple. Pour l'exemple, nous allons utiliser l'ajout multiple. Une fois sur la page, comme vous pouvez le constater, on retrouve le dossier créé sur notre ordinateur. Il va juste falloir le relier à la catégorie correspondante. Pour ce faire, cocher le dossier désiré, soit hiver et en haut, sélectionnez la catégorie désirée. Une fois que ceci est fait, faite Enregistrer et Fermer. Les vignettes ont été créées. Dernière étape sur Phoca Gallery, activez le fichier Cooliris. Pour ce faire, il faut aller sous Catégories, cochez le dossier que l'on veut mettre en ligne (pour nous il s'agit de "Hiver et Hiver") et cliquez sur le bouton Cooliris en haut à gauche. Voilà. Le dossier photo est prêt à être mis sur notre site internet. 10

11 Etape 2 : Maintenant que nos photos sont installées sur notre site, reste à les rendre visibles de tous. Pour cela, il va falloir créer une nouvelle catégorie (ou sous-catégorie) dans notre menu. Il s'agit de la catégorie visible de tous sur internet. Il va donc falloir aller sur l'onglet Menu et ensuite sur cliquer sur le menu où vous voulez voir afficher les photos (pour notre site, il s'agit de Menu haut). Sur notre site, la catégorie principale qu'est "photos" est déjà créée. Il va donc falloir faire un sous-dossier contenant les photos que l'on vient d'ajouter. Cliquez sur Nouveau. La fenêtre suivante s'ouvre. Là, il va falloir choisir un type de menu. A vous de voir de quelle façon vous voulez afficher vos images, mais dans tous les cas, il faut utiliser le type Phoca Gallery. Pour notre part, nous allons utiliser le Mur Cooliris 3D. 11

12 N.B. uniquement pour les créateurs de sites internet : Quand vous installez Phoca Gallery, si vous voulez utiliser le mur 3D, vous devez mettre à la racine de votre site un fichier nommé crossdomain.xml. A l intérieur de ce fichier doit figurer le code suivant : <?xml version="1.0"?> <!DOCTYPE cross-domain-policy SYSTEM " <cross-domain-policy> <allow-access-from domain="*.cooliris.com" secure="false" /> </cross-domain-policy> Une fois le type de menu choisit, il faut renseigner les champs Titre de menu. Dans mon cas le nom est "Jardin". Comme il s'agit d'un sous-dossier, je dois également renseigner le Lien parent qui est Photos. Enfin, à droite, sous paramètres requis, Select Category, il faut renseigner notre site sur la catégorie. Là, il s'agit de Hiver - Jardin. 12

13 Pour notre site internet, j'ai également adapté la taille de fenêtre. Pour la changer, il faut se rendre sous Paramètre de base (sous Paramètres requis) et changer les champs Cooliris 3D Wall Width et Cooliris 3D Wall Height. J'y ai mis les valeurs 732 et 600. Cela correspond à des pixels. Voilà, vous avez terminé l'insertion de vos photos. Il ne vous reste plus qu'à enregistrer et fermer. Veuillez noter que vous pouvez faire autant de sous-dossiers que souhaités. En l occurrence, nous aurions pu faire un sous-dossier «Hiver» et un sous-sous-dossier «Jardin». 13