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/template
   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, etc.)
   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, cliquer 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 proportions 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 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.
       1. Note: Sur votre disque dur, pour chaque groupe de bénévoles (ex. accueil, ateliers, etc.) il faut un dossier. Dans chacun de ces dossiers, il faut un sous-dossier Original dans lequel on conserve la photo fournie par le bénévole et un sous-dossier Web dans lequel on sauvegarde le fichier jpeg modifié cadrant le visage avec les caractéristiques ci-haut mentionnées.
   19. Changer le nom du fichier à “photo_nom_prenom.jpg” où prenom représente le prénom entier du bénévole et nom représente son nom de famille entier
   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ées, 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.

1. Quand on ajoute une photo dans la médiathèque, un permalien est créé en utilisant le nom de fichier comme base pour le nom.
2. Si un texte est inscrit dans le champ légende du média (ex. Sylvain Garneau), ce texte est conservé au niveau du média seulement.
3. Si la photo est insérée directement (sans utiliser une galerie) dans une page ou un article du CHIP, le permalien créé en 1 est utilisé pour référer à l'image et la légende utilisée est celle du média disponible au moment de l'insertion de la photo. Donc si la photo est remplacée dans la médiathèque avec le même nom de fichier, le permalien restera le même et donc la nouvelle photo sera reflétée dans toutes les références à ce permalien dans les pages et articles du CHIP. Par contre, la légende, si différente, ne sera pas changée puisqu'elle est inscrite dans la commande HTML lors de la première insertion de la photo dans la page ou le CHIP.
4. Quand on insère une photo dans une gallérie, c’est vraiment une copie physique de la photo qui est insérée avec une référence au fichier dans la médiathèque. Le texte de la légende du média n’est pas copié dans la galerie. Il faut alors modifier la photo dans la galerie pour y ajouter une légende qui lui est propre.
5. Quand on supprime une photo de la médiathèque, toutes les instances de galerie avec ce fichier photo verront cette photo être supprimée de toutes les galléries. Donc un remplacement de photo impliquant une suppression et une insertion avec même nom nécessitera une réinsertion de cette photo et de sa légende dans toutes les galléries.
6. Donc, la conversion de la médiathèque pour nettoyer les doublons et appliquer le standard de nom demandera un inventaire des galléries pour identifier qui est dans quelle galerie.