Wiki du cimbcc

1. Copiez la photo fournie par le bénévole sur votre ordinateur dans images/CIMBCC Photos bénévoles/dossier du groupe de travail (ex.: accueil, ateliers,…)/original
2. Démarrez Photoshop (PS)
   1. Ouvrir dans PS, le fichier Template 125pxX125pxX72res.psd dans le dossier images/CIMBCC Photos bénévoles/photos/workfile
   2. Ouvrir dans PS, l'image originale à partir du dossier images/CIMBCC Photos bénévoles/dossier du groupe de travail (ex.: accueil, ateliers,…)/original
   3. Dans l'onglet de la photo originale, cliquez sur le menu Image, cliquez sur Image Size…, réduire la dimension de l'image si celle-ci est trop grande en cliquant sur le menu déroulant Fit To: et cliquez sur l'option 960×768 px 144 ppi et finalement cliquez sur OK
   4. Améliorez l'image au besoin (l'exposition, sharpening, ect.)
   5. Cliquez sur l'icône hamburger du menu à droite de Layers puis cliquez sur Duplicate Layer…
   6. Dans la fenêtre Duplicate Layer cliquez sur la flèche à droite de Document:
   7. Cliquez sur Template 125pxX125pxX72res.psd
   8. Cliquez sur OK
   9. Cliquez sur l'onglet du Template pour travailler sur cette version de l'image
   10. Frappez les touches Ctrl puis T, un carré ou rectangle blanc devrait apparaître correspondant à la forme de la photo modifiée précédemment. Si les lignes ne sont pas visibles, c'est que la dimension de la photo est trop grande. Il faut alors retourner sur l'onglet de la photo et refaire les étapes à partir de Image Size.
   11. L'idée c'est de réduire le carré blanc et de déplacer l'image en background pour positionner le visage du bénévole dans la petite fenêtre de 125 pixels par 125 pixels. Pour réduire, il faut placer le curseur de la souris dans un coin, cliquer puis TOUT EN MAINTENANT la touche SHIFT(Majuscule) enfoncée, déplacer la souris vers le centre du carré blanc. Pour déplacer le carré blanc, cliquez sur la surface du carré blanc et en maintenant la bouton enfoncé, déplacer le carré blanc. Ne pas oublier de maintenir la touche Shift ou Majuscule enfoncée pendant tout le processus sinon les proportion de l'image ne seront pas conservées et le résultat sera une image déformée.
   12. Quand le visage est bien centré et complet dans la fenêtre, cliquez sur la touche Entrée pour finaliser l'alignement.
   13. pour sauvegarder l'image réduite et centrée, cliquez sur le menu File, puis cliquez sur Export, puis cliquez sur Save for Web (Legacy)…
   14. Dans la fenêtre Save for Web, dans le carré, en bas à gauche, sous la photo, assurez-vous que vous avez JPEG et que le nombre de secondes ne dépasse pas 6 secondes.
   15. Pour changer le format vers JPEG, si nécessaire, dans le menu déroulant sous Preset:, cliquez sur la flèche et cliquez sur JPEG
   16. Pour réduire le nombre de secondes, il faut réduire le pourcentage actuel de la qualité Quality en cliquant sur la flèche à droite du chiffre de Quality et de déplacer le petit curseur vers la gauche de 10 % à la fois puis revérifier le nombre de secondes.
   17. Finalement cliquez sur Save…
   18. Sélectionner le dossier cible pour la sauvegarde
   19. Changer le nom du fichier à “photo_gallerie_p_nom.jpg” où p représente la première lettre du prénom du bénévole et nom représente son nom de famille
   20. Cliquez sur le bouton Enregistrer.

Avant de créer une galerie, assurez-vous que toutes les photos à insérer sont disponibles en format Web (125 pixels par 125 pixels avec une résolution de 72 pixels par pouce

1. Connectez vous sur le site du club pour atteindre le tableau de bord de WordPress
2. Dans le tableau de bord du site, colonne de gauche, cliquez sur Galeries puis sur Ajouter
3. Entrez un titre pour cette galerie dans le champ de saisie à cet effet
4. Ajouter une image en cliquant sur le bouton Ajouter un média
5. Dans la fenêtre Insérer un média, vérifier d'abord si une photo pour ce bénévole existe déjà sous l'onglet Bibliothèque de médias en entrant le nom du bénévole dans le champ de recherche. Si une photo existe dans la médiathèque, cliquez sur celle-ci pour la sélectionner et puis cliquez sur le bouton Insérer
6. S'il n'y a pas de photo disponible, cliquez sur l'onglet Téléverser des fichiers, puis cliquez sur le bouton Choisir des fichiers, trouvez dans l'explorateur de fichier la photo désirée, puis cliquez sur celle-ci pour la sélectionner et finalement cliquez sur le bouton Ouvrir
7. À la fin du téléversement, la photo étant sélectionnée,cliquez sur le bouton Insérer
8. Pour chaque photo insérée, cliquez sur l'icône crayon pour modifier le Titre en y inscrivant le nom complet du bénévole et si la personne à un rôle de responsable, ajoutez une virgule et resp.
9. Cliquez sur le X pour sauvegarder et fermer la fenêtre
10. Quand toutes les images ont été modifié, copier le code court de la galerie ([print_gllr id=XXXXX]) en mémoire pour l'insérer dans la page du site où cette galerie doit apparaître
11. Cliquez sur le bouton Publier pour compléter la création de la galerie
12. Insérer le code court de la galerie, à l'endroit exact, dans la page web, où celle-ci doit apparaître
13. Cliquez sur le bouton Mettre à jour pour compléter le changement dans la page.

1. Connectez vous sur le site du club pour atteindre le tableau de bord de WordPress
2. Dans un nouvel onglet, téléchargez la page d'accueil du site du club
3. Téléchargez la page qui affiche la galerie de photos à modifier puis cliquez sur le bouton Modifier la page sur la ligne de menu de WordPress en haut
4. Dans le tableau de bord de Wordpress ouvert avec la page à modifier, trouvez dans celle-ci l'identifiant de la galerie de photos à modifier (ex.: [print_gllr id=7590] )
5. Dans la colonne de gauche, cliquez de la droite sur le bouton Galeries, puis cliquez sur Ouvrir le lien dans un nouvel onglet
6. Cliquez sur le nouvel onglet Galeries - Club informatique Mont-Bruno - WordPress
7. Dans la liste de l'outil Galeries, trouvez la galerie correspondante à l'identifiant trouvé plus tôt, placez le curseur de la sourie sur la ligne de cet item et puis cliquez sur le lien Modifier qui vient d'apparaître (il se peut que l'élément recherché ne soit pas dans la première page de la liste, il faut alors cliquer sur > en bas de page à droite pour atteindre la page suivante)
8. Pour supprimer une photo de la galerie:
   1. cliquer sur l'icône rouge en forme de poubelle dans la photo à enlever
   2. dans la fenêtre de confirmation qui s'ouvre, cliquez sur le bouton OK pour confirmer ou sur le bouton Annuler
   3. cliquez sur le bouton Mettre à jour dans la colonne de droite pour appliquer le changement
   4. fermez l'onglet Modifier la galerie… en cliquant sur le X à droite de l'onglet
   5. de retour dans l'onglet Modifier la page…, vérifiez l'exactitude de votre modification en cliquant sur le bouton Voir la page
9. Pour ajouter une photo à la galerie:
   1. Assurez vous d'abord que la photo à ajouter à cette galerie existe déjà dans la médiathèque sinon ajoutez celle-ci en premier lieu
   2. Cliquez sur le bouton Ajouter un média
   3. Dans la fenêtre Insérer un média, cliquez, si nécessaire, sur l'onglet Bibliothèque de médias
   4. Dans la bibliothèque de média, cherchez la photo à ajouter, soit en utilisant l'outil de recherche ou soit en cherchant visuellement à travers les photos, puis cliquez sur la photo désirée et finalement cliquez sur le bouton Insérer
   5. Modifiez les informations de l'image en cliquant sur l'icône en forme de crayon:
      1. modifiez le champ Titre en y inscrivant le nom ainsi que le rôle (ex.: animateur ou resp.) si nécessaire puis cliquez sur le X en haut à droite pour sauvegarder et fermer la fenêtre
      2. cliquez sur le bouton Mettre à jour dans la colonne de droite pour appliquer le changement
      3. fermez l'onglet Modifier la galerie… en cliquant sur le X à droite de l'onglet
   6. de retour dans l'onglet Modifier la page…, vérifiez l'exactitude de votre modification en cliquant sur le bouton Voir la page
10. Si vous êtes satisfait des changements dans la galerie telle qu'affichée dans la page du site, fermez l'onglet affichant la page du site modifiée en cliquant sur le X de l'onglet
11. Dans l'onglet Tableau de bord < Club informatique Mont-Bruno – WordPress, déconnectez-vous du site du club.