Wiki du cimbcc

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
===== Guide de l’utilisateur pour l’extension Galeries dans le tableau de bord =====


==== Procédure pour préparer avec Photoshop une photo de bénévole pour inclusion dans le site du club ====
    - 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
    - Démarrez Photoshop (PS)
      - Ouvrir dans PS, le fichier **Template 125pxX125pxX72res.psd** dans le dossier images/CIMBCC Photos bénévoles/photos/template
      - Ouvrir dans PS, l'image originale à partir du dossier images/CIMBCC Photos bénévoles/dossier du groupe de travail (ex.: accueil, ateliers,...)/original
      - 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 **960x768 px 144 ppi** et finalement cliquez sur **OK**
      - Améliorez l'image au besoin (l'exposition, sharpening, etc.)
      - Cliquez sur l'icône hamburger du menu à droite de **Layers** puis cliquez sur **Duplicate Layer...**
      - Dans la fenêtre **Duplicate Layer** cliquez sur la flèche à droite de **Document:**
      - Cliquez sur **Template 125pxX125pxX72res.psd**
      - Cliquez sur **OK**
      - Cliquez sur l'onglet du Template pour travailler sur cette version de l'image
      - 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**.
      - 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.
      - Quand le visage est bien centré et complet dans la fenêtre, cliquez sur la touche **Entrée** pour finaliser l'alignement.
      - 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)...**
      - 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.
      - 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**
      - 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.
      - Finalement cliquez sur **Save...**
      - Sélectionner le dossier cible pour la sauvegarde.
        - **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. 
      - 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
      - Cliquez sur le bouton **Enregistrer**.
==== Procédure pour créer et insérer une galerie de photo dans le site du club ====
 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

    - Connectez-vous sur le site du club pour atteindre le tableau de bord de WordPress
    - Dans le tableau de bord du site, colonne de gauche, cliquez sur **Galeries** puis sur **Ajouter**
    - Entrez un titre pour cette galerie dans le champ de saisie à cet effet
    - Ajouter une image en cliquant sur le bouton **Ajouter un média**
    - 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**
    - 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**
    - À la fin du téléversement, la photo étant sélectionnée,cliquez sur le bouton **Insérer**
    - 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.**
    - Cliquez sur le **X** pour sauvegarder et fermer la fenêtre
    - 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
    - Cliquez sur le bouton **Publier** pour compléter la création de la galerie
    - Insérer le code court de la galerie, à l'endroit exact, dans la page web, où celle-ci doit apparaître
    - Cliquez sur le bouton **Mettre à jour** pour compléter le changement dans la page.

==== Procédure pour ajouter ou supprimer une photo dans une galerie existante ====
  - Connectez-vous sur le site du club pour atteindre le tableau de bord de WordPress
  - Dans un nouvel onglet, téléchargez la page d'accueil du site du club
  - 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
  - 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] )
  - Dans la colonne de gauche, cliquez de la droite sur le bouton **Galeries**, puis cliquez sur **Ouvrir le lien dans un nouvel onglet**
  - Cliquez sur le nouvel onglet **Galeries - Club informatique Mont-Bruno - WordPress**
  - 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) 
  - **Pour supprimer une photo de la galerie:**
    - cliquer sur l'icône rouge en forme de poubelle dans la photo à enlever
    - dans la fenêtre de confirmation qui s'ouvre, cliquez sur le bouton **OK** pour confirmer ou sur le bouton **Annuler**
    - cliquez sur le bouton **Mettre à jour** dans la colonne de droite pour appliquer le changement
    - fermez l'onglet **Modifier la galerie...** en cliquant sur le **X** à droite de l'onglet
    - de retour dans l'onglet **Modifier la page...**, vérifiez l'exactitude de votre modification en cliquant sur le bouton **Voir la page**
  - **Pour ajouter une photo à la galerie:**
    - 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
    - Cliquez sur le bouton **Ajouter un média**
    - Dans la fenêtre **Insérer un média**, cliquez, si nécessaire, sur l'onglet **Bibliothèque de médias**
    - 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**
    - Modifiez les informations de l'image en cliquant sur l'icône en forme de crayon:
      - 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
      - cliquez sur le bouton **Mettre à jour** dans la colonne de droite pour appliquer le changement
      - fermez l'onglet **Modifier la galerie...** en cliquant sur le **X** à droite de l'onglet
    - de retour dans l'onglet **Modifier la page...**, vérifiez l'exactitude de votre modification en cliquant sur le bouton **Voir la page**
  - 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
  - Dans l'onglet **Tableau de bord < Club informatique Mont-Bruno -- WordPress**, déconnectez-vous du site du club.

==== Résultats de tests effectués par Sylvain Garneau en décembre 2018 ====

  - 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.
  - 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.
  - 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.
  - 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.
  - 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.
  - 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. 

== Responsable de la mise à jour de cette page : Sylvain Garneau ==