GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal

Transcription

1 INDUSTRIES CANATAL INC. GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL 1 ère Partie Modification du Contenu du Site WordPress de Canatal Version 1.0 FR 27 février 2013

2 Page laissée intentionnellement blanche 21 Dompierre, Candiac, J5R 6P Page 2

3 TABLE DES MATIÈRES 1 INTRODUCTION ET PRESENTATION DU DOCUMENT PAGE D ACCUEIL DU SITE WORDPRESS DE CANATAL LA BARRE DE NAVIGATION WORDPRESS... 6 BOUTON «HOWDY, NOM UTILISATEUR»... 7 BOUTON «WORDPRESS»... 8 BOUTON «CANATAL»... 9 BOUTON (ICÔNE) DE MISE À JOUR... 9 BOUTON «COMMENTAIRES» BOUTON «+ NOUVEAU» BARRE DE MISE A JOUR WORDPRESS DE CANATAL BARRE DES OUTILS (MENU DE GAUCHE DE LA PAGE D ACCUEIL) FENETRE PRINCIPALE DE LA PAGE D ACCUEIL (TABLEAU DE BORD) OUTILS DE MODIFICATION OU D AJOUT DE CONTENU OBJET «ARTICLES» AFFICHAGE DE TOUS LES ARTICLES AJOUTER UN ARTICLE: BOUTON «AJOUTER» CATEGORIES ASSOCIEES AUX ARTICLES MOTS- CLEFS OBJET «MEDIA» BIBLIOTHEQUE DES MEDIA : BOUTON «BIBLIOTHEQUE» AJOUT D UN MEDIA : BOUTON «ADD NEW» MEDIA- TAGS OBJET «PAGES» : TOUTES LES PAGES: VISUALISATION ET EDITION DES PAGES AJOUT ET CREATION D UNE NOUVELLE PAGE : BOUTON «ADD NEW» SOUS PAGES OBJET «COMMENTAIRES» OBJET «DIAPOSITIVES» AJOUTER UNE IMAGE DANS LE DIAPORAMA : VISUALISER LA LISTE DES IMAGES FIGURANT DANS LE DIAPORAMA ET LES EDITER OBJET «PROJETS» AJOUTER UN PROJET : OBJET «EMPLOIS» CONCLUSION Dompierre, Candiac, J5R 6P [email protected] Page 3

4 Page laissée intentionnellement blanche 21 Dompierre, Candiac, J5R 6P Page 4

5 1 INTRODUCTION ET PRESENTATION DU DOCUMENT Le site internet de Canatal a été élaboré par la compagnie Complice IT, à partir du logiciel de conception de site Web : WordPress en version anglaise (par défaut). Le document présent constitue un guide d utilisation simple. Il est conçu pour permettre à toute personne autorisée de modifier le site web Canatal à partir de la plate- forme WordPress. Les fonctions d ajout ou d édition d articles, de pages, ou de projet, présentes dans les différents modules figurant sur le gestionnaire d administration du site sont expliquées en détail. Le guide d utilisation est structuré de la façon suivante : La première partie (le présent document) concerne les modules de modification ou d ajout de pages sur le site, tels que articles, projets, commentaires, offre d emplois. Dans un premier temps, les différents composants de la page d accueil du site d administration sont présentés ; ensuite, les modules seront décrits et expliqués en détail. L utilisateur sera alors en mesure de créer ou d éditer une page, un article, ou un projet, d y ajouter une photo/image à une page ou un article, ou d un projet, selon ses besoins. Certains modules, plus complexes, reliés au format ou à la structure du site, tels que la position des différents éléments présents sur une page donnée, ou encore les modules externes (plug- in) seront abordés dans un second document (Gestion des outils et des options du site WordPress de Canatal) de ce guide d utilisation. Le site internet de Canatal ne peut être modifié que par un utilisateur autorisé. Après avoir accédé à la page d entrée (login) du site : admin/ via son fureteur et une connexion internet, l utilisateur devra entrer un identifiant (Username) et un mot de passe (Password) qu il aura obtenu auprès de l administrateur du site. Ensuite cliquer le bouton «Log In» Nom d utilisateur Mot de passe 21 Dompierre, Candiac, J5R 6P [email protected] Page 5

6 2 PAGE D ACCUEIL DU SITE WORDPRESS DE CANATAL La capture d écran ci- dessous présente la page d accueil par défaut à la première utilisation. La page est en anglais, sauf si au moment de l inscription du nouvel utilisateur l administrateur a configuré son compte pour une utilisation en français. La procédure de changement de langue sera expliquée dans la section suivante, après la présentation des composants principaux de la page d accueil Note : Si ce document est lu sur un ordinateur, cliquer sur un bouton, pour accéder à la section désirée. La page d accueil est composée des éléments suivants : La barre horizontale noire en haut de la page (barre de navigation WordPress) : (1) La barre de mise à jour (jaune, située immédiatement sous la barre WordPress : (2) La barre des outils (à la gauche de la page) : (3) La fenêtre centrale : (4) 2.1 La barre de navigation WordPress retour Cliquer sur retour pour revenir à la page d accueil. La barre est divisée en deux parties distinctes : les boutons de gauche, avec les fonction décrites plus bas, et à la droite, un bouton permettant à l utilisateur identifié de changer son profil ou de sortir du site. De façon générale, en passant la souris sur un bouton donné, si le bouton est associé à des sous- menus, l onglet contenant les sous- menus s ouvre automatiquement Dompierre, Candiac, J5R 6P [email protected] Page 6

7 Bouton «Howdy, nom utilisateur» 1 Ceci n est pas proprement dit un «bouton». Il s agit de la région à la droite de la barre WordPress identifié par le chiffre 1 sur la figure du bas de la page 5. Nom Nom Passer la souris sur le nom de l utilisateur, précédé du mot Howdy (salutation informelle du sud des États- Unis). Une petite fenêtre s ouvrira permettant soit de modifier le profile de l utilisateur, soir de sortir du site d administration Cliquer sur le nom, ouvre directement la page d édition du profil utilisateur. On retrouve également cette page dans le module User dans la barre des outils de gauche. À la fin de l utilisation du site d administration, cliquer sur Log Out pour sortir du site. Procédure pour changer la langue d utilisation du site : Dans un premier temps, cliquer sur «Edit My Profile» ouvrira la fenêtre de la page suivante : Dompierre, Candiac, J5R 6P [email protected] Page 7

8 Au bas de la page, sous WPML language settings, cocher la case Set admin language as editing language, sélectionner French dans le menu déroulant. Cliquer sur Update Profile pour enregistrer la modification. À partir de maintenant tous les menus et les pages du site d administration seront en français. Si par la suite l utilisateur souhaite revenir à la page en anglais (ou retourner à une page en français), il suffit de cliquer sur le drapeau anglais (français) dans la barre de mise à jour. La barre WordPress, en français, se présente comme suit : Bouton «WordPress» 2 Permet d accéder aux informations, documentations, Forums et autres concernant WordPress comme montré ci- dessous : Si l on passe la souris sur le logo de WordPress, le menu déroulant s affiche. Si l on clique sur ce logo la page d accueil de la version actuelle du logiciel WordPress s ouvre (présentement 3.5). 21 Dompierre, Candiac, J5R 6P [email protected] Page 8

9 Bouton «Canatal» 3 En cliquant sur le bouton Canatal, on ouvre la page du site Web de Canatal actuel. Note : La page ne s ouvre pas dans une nouvelle fenêtre. Ne pas fermer cette fenêtre, si l on veut revenir au site d administration. Revenir en arrière en cliquant sur la flèche correspondante du fureteur (cercle roug). Bouton (icône) de mise à jour 4 Permet de visualiser le nombre et le type de mises à jour des versions de WordPress sur le site. Cliquer sur le bouton ouvre la page des mises à jour de WordPress. 21 Dompierre, Candiac, J5R 6P [email protected] Page 9

10 Bouton «Commentaires» 5 Permet de les visualiser rapidement le nombre de commentaires en attente. Le module commentaire sera discuté plus loin dans ce document. Si l on clique sur la bulle, on ouvre directement la fenêtre des commentaires (équivalent à cliquer sur le bouton commentaire dans la barre des outils de gauche) Bouton «+ Nouveau» 6 Passer la souris sur ce bouton ouvre le menu déroulant ci- dessus. Chacun des éléments de ce menu correspond à un module qui se trouve également dans la barre des outils. En cliquant sur l un de ces éléments, on ouvre directement la fenêtre correspondant à la création d un nouvel objet correspondant: par exemple, cliquer sur Article va ouvrir la fenêtre de création d un nouvel article. Le seul objet qui ne figure pas dans la barre des outils de gauche est l objet Lien. La page de création d un nouveau lien, qui pourra être introduit ensuite dans une nouvelle page, article ou projet, sera décrite plus loin dans ce document. Si l on clique directement sur le bouton +Nouveau, au lieu de simplement passer la souris dessus, on ouvre la page de création d un nouvel Article. 21 Dompierre, Candiac, J5R 6P [email protected] Page 10

11 2.2 Barre de mise à jour WordPress de Canatal retour 1 La barre de mise à jour affiche les élément suivants : langue du site d administration (pouvant être changée dans les paramètres de l utilisateur), une option de mise à jour du logiciel WordPress (Pensez à faire la mise à jour), les options d écran (1), et une bouton d aide donnant des informations d aide très détaillées d utilisation de WordPress. Cliquer sur le bouton Options de l écran ouvrira une fenêtre déroulante ci- dessous, permettant de choisir les éléments à afficher dans la fenêtre principale du tableau de bord. Chaque élément coché verra sa fenêtre affichée. En cliquant de nouveau sur le bouton Options de l écran on fermera la fenêtre déroulante. 21 Dompierre, Candiac, J5R 6P [email protected] Page 11

12 2.3 Barre des Outils (Menu de gauche de la page d accueil) retour C est dans la barre des outils du menu de gauche que se trouvent les boutons associés aux différents modules modifier le contenu du site Web de Canatal. La barre est composée de 4 éléments principaux décrits dans le tableau ci- dessous. Le document présent couvre les cadres identifiés par les boutons 1 et 2. Le cadre 3 sera discuté dans le document Guide d utilisation (Seconde Partie). Le tableau de bord ouvrant la page d accueil contenant un sommaire des informations principales du site (voir section 2.4), la page des mises à jour de WordPress et la page d extraction des inscriptions à l infolettre 1 Outils de modification ou d ajout de contenu: Chaque outil permet de modifier le contenu, ou d ajouter un élément particulier : articles, média, pages du site, commentaires, images du diaporama, projets, offres d emplois 2 Outils de gestion du site: Options pour changer la gestion ou des paramètres du site d administration, ainsi que l apparence du site web de Canatal, et les utilisateurs autorisés 3 Plug- in de WordPress Multilingual Languages (non décrit en détail ici) En cliquant sur ce bouton, on réduit la barre des outils 4 Sur ordinateur, cliquer sur le bouton apparaissant à la droite de chaque objet pour accéder directement à la section où cet objet est abordé. 2.4 Fenêtre principale de la page d accueil (Tableau de bord) retour 21 Dompierre, Candiac, J5R 6P [email protected] Page 12

13 Par défaut, cette page est affichée lorsqu on accède au site. La fenêtre contient un sommaire des activités principales du site. Les fenêtres présentent sont définies en cliquant sur le bouton «Option de l écran» comme indiqué dans la section 2.2. En plus des informations sur le contenu du site Web, il est possible, par exemple, de publier très rapidement un article minute à partir de cette page. Information rapide Outil de création d article «minute». Voir ajouter un média plus loin. En plus de la page d accueil, le menu du tableau de bord offre deux autres options : Cliquer sur Extraire l index des pages ouvre une fenêtre permettant de télécharger la liste des inscriptions à l infolettre qui se trouve dans une base de données sur le site. Cliquer sur Mise à jour dans la barre des outils ouvre une page contenant des informations sur les mises à jour de WordPress, et de procéder aux mise à jour. Cette page est accessible en cliquant sur Updates comme décrit précédemment). 21 Dompierre, Candiac, J5R 6P [email protected] Page 13

14 3 OUTILS DE MODIFICATION OU D AJOUT DE CONTENU 3.1 Objet «Articles» Retour Note : De façon générale, en plaçant la souris sur un bouton donné de la barre de gauche, on ouvre un menu à la droite du bouton présentant les options correspondantes à ce bouton (voir figure ci- dessous). Ce même menu apparaît de façon permanente (sous le bouton) en cliquant sur ce même bouton. Dans ce cas, la page correspondant au premier item sous le menu s affichera automatiquement (ici : Tous les articles) Après avoir placé la souris sur Articles Après avoir cliqué sur Articles Les options de l objet Articles sont : Tous les articles (affiche une nouvelle page contenant tous les articles figurant sur le site, Ajouter (pour composer et publier un nouvel article), Catégories (correspond à la catégorie à laquelle l article est associé, et Mots- clefs associés à l article Affichage de tous les articles Dans l exemple présenté dans la figure ci- dessous, il existe 4 articles en anglais et 4 en français sur le site Canatal (8 au total). En cliquant sur «Français (4)» on affiche les articles écrits en français seulement. «Tous les articles (8)» présentera l ensemble de toutes les articles publiées sur le site. Le tableau de articles contient les informations sur l auteur, la catégorie, les mots- clefs associés à chacun des articles. Il est possible de visualiser, éditer, ou de supprimer le contenu ou les paramètres d un article. 21 Dompierre, Candiac, J5R 6P [email protected] Page 14

15 En plaçant la souris sur une article particulier, une barre contenant les fonctions Modifier/Modification rapide/mettre à la corbeille/afficher apparaît sous celui- ci (voir figure ci- dessous). En cliquant sur l un de ces boutons, on affichera la fenêtre correspondante. On peut également ouvrir directement la fenêtre d édition de celui- ci. En cliquant sur le titre de l article choisi Edit Permet de modifier le texte ou la configuration de l article. En cliquant sur «Edit», la page suivante s affiche (exemple), et l utilisateur peut procéder aux modifications désirées. La fenêtre d édition d un article contient pratiquement les mêmes éléments que celle pour la création d un nouvel article. Ces éléments seront discutés en détails dans la section du document consacrée à la création d un nouvel article (section 3.1.2). 21 Dompierre, Candiac, J5R 6P [email protected] Page 15

16 Modification rapide Permet de modifier rapidement certains paramètres principaux de l article tels que son titre, son identifiant dans les URL du site. la date de modification, l auteur, un mot de passe, les catégories, des mots- clefs, ou son état (ou statut). Le statut peut être modifié en sélectionnant une option dans le menu déroulant de État : «Publié» (publication sur le site), «En attente de relecture» (mise en attente), ou «brouillon». Après avoir procédé aux changements désirés, ne pas oublier de cliquer sur le bouton «Mise à jour» pour sauvegarder les changements, ou «Annuler» pour les annuler Mettre à la corbeille Permet de supprimer l article sélectionné Afficher Permet de visualiser la page telle qu elle apparaîtra sur le site internet de Canatal. Pour retourner sur la page de la liste des Articles il suffit de cliquer sur la flèche de retour en arrière 21 Dompierre, Candiac, J5R 6P [email protected] Page 16

17 Recherche ou filtrage d articles : Il existe plusieurs options pour retrouver des articles précis à partir de la pages Articles. À partir du bouton Chercher dans les articles (situé en haut à droite de la page). Pour trouver un article précis à partir de son nom, il suffit d entrer le nom de cet article dans la case, et de cliquer sur le bouton en haut et à droite de la page. Il est aussi possible d effectuer des recherches par date de création ou par catégorie, en utilisant les filtres correspondants, comme indiqué ci- dessous. Après avoir fait une sélection dans les menus déroulants, Cliquer sur Filtres pour confirmer Ajouter un Article: Bouton «Ajouter» La fenêtre de la page d ajout d un nouvel article s affiche en cliquant sur le bouton Ajouter situé dans le menu Articles. Les paragraphes suivants décrivent les différentes étapes à suivre pour créer le nouvel article Ajouter un titre et le contenu texte de l article Titre de l article Contenu de l article 21 Dompierre, Candiac, J5R 6P [email protected] Page 17

18 Insérer une photo ou une image dans le texte: Pour insérer une image ou photo dans un article, il faut tout d abord placer le curseur à l endroit où l on désire placer le média, puis cliquer sur Add Media dans la fenêtre d ajout d un article). (voir figure ci- dessous) Lorsque l on clique sur Ajouter un Média, la fenêtre de la bibliothèque des médias s ouvre (en partie en anglais) : 21 Dompierre, Candiac, J5R 6P [email protected] Page 18

19 Toutes les images présentent sur le site (publiées ou non) figurent dans la bibliothèque. Si le média désiré existe déjà dans la bibliothèque du site, cliquer sur sa photo ; ce qui ouvre une fenêtre d options pour cette photo (voir capture d écran suivante) Il est possible de spécifier les champs suivants pour l image à insérer : son titre, une légende, un texte alternatif et une description. On peut également définir son alignement par rapport au texte, un lien et la taille d affichage dans les cases appropriées. Il est aussi possible de modifier l apparence de l image/photo en cliquant sur Modifier l image (voir flèche rouge). Par défaut, un nouvel onglet s ouvre dans le fureteur. Cette page Modifier un média permet de changer les paramètres de l image. Une discussion de la page Modifier un média sera faite dans la section lorsque le module Media sera abordé. Une fois les modifications apportées, cliquer sur «Insert into Post» pour insérer l image dans le texte (ou sur Mettre à jour si l on est dans la page Modifier un média. 21 Dompierre, Candiac, J5R 6P [email protected] Page 19

20 Si l image ne figure pas sur le site, il faut la télécharger dans la bibliothèque des média. Pour ce faire, cliquer sur Upload Files (ovale rouge sur la figure ci- dessus). La fenêtre de téléchargement de nouveaux média s ouvre (ci- dessous). Note : Il est possible que ce soit cette fenêtre qui s ouvre en premier après avoir cliqué sur le bouton ajouter un média depuis la fenêtre Ajouter un nouvel article. Dans ce cas, si le média recherché figure déjà dans la bibliothèque, revenir à la page de la bibliothèque en cliquant sur Bibliothèque dans la figure ci- dessous (ovale bleu) La procédure de téléchargement d un nouveau média, sera discutée en détail dans la section dans le module des médias Ajouter (Media). Il est aussi possible d inclure des liens de média présents sur d autres sites, tels que YouTube, en copiant simplement l adresse URL du media sur une ligne dans le texte lié au nouvel article. Les autres éléments figurant sur la page d édition d un nouvel article incluent la possibilité de mettre des images sur le côté de l article, les options de langue, le statut dans le processus de publication, le choix des catégories et des mots- clefs associés à l article, et le choix de l image que l on veut mettre à la une de l article (en- tête). Ces points sont discutés dans les sections suivantes. 21 Dompierre, Candiac, J5R 6P [email protected] Page 20

21 Vignette Cette option permet d insérer une petite image, ou vignette, plutôt que l image dans sa taille originale. Si vous désirez utiliser l image à la une, ne rien inscrire dans cette case. Après avoir cliqué le bouton Sélectionner une image, trois choix possibles sont offerts. Ajouter un média depuis l ordinateur, choisir l image dans la bibliothèque ou depuis le web. Les deux premières options ouvrent les fenêtres de téléchargement et de la bibliothèque, et le troisième ouvre la fenêtre: Remplir les cases correspondantes et cliquer sur Insérer dans l article. Il est également possible d insérer des media audio ou video 21 Dompierre, Candiac, J5R 6P [email protected] Page 21

22 Image de côté Permet d insérer une ou deux images qui apparaîtront sur le côté gauche du texte de l article. Par défaut il n y a pas d image. Si l on souhaite en ajouter une, il faut la sélectionner en cliquant la case Select an image. Sélectionner une seconde image, si désiré. Cette seconde image apparaîtra sur le côté également sous la première image. Image de côté 1 Image de côté 2 Ce qui suit se rapporte aux fenêtres présentes sur la droite de la page d édition ou de création d un article (ovale rouge de la figure page suivante). Les pastilles près des titres se retrouvent sur cette figure Choix de la langue de l article 1 L article sera affiché dans la liste des articles de la langue choisie. Par contre, le choix n affectera pas le texte dans lequel l article sera publié. Par exemple, un article écrit en français apparaîtra dans la liste des articles en anglais, si l on a sélectionné cette langue pour l affichage des articles, mais le texte sera conservé en français. 21 Dompierre, Candiac, J5R 6P [email protected] Page 22

23 Publier 2 La fenêtre Publier permet de sauvegarder, visualiser, mettre à la poubelle et/ou publier un article sur le site. Les fenêtres suivantes présentent les options après avoir cliqué sur Modifié après Etat- Brouillon, Visibilité- Public, et Publier tout de suite, respectivement. 21 Dompierre, Candiac, J5R 6P [email protected] Page 23

24 Pour visualiser l article tel qu il apparaitra sur le site, cliquer Aperçu. Dans le premier cas (Brouillon), on peut chosir de garder l article sous forme de brouillon ou le mettre en attente de relecture. Si l on ne veut pas le publier immédiatement appuyer sur Enregistrer le brouillon. Visibilité offre des options pour protéger l article par un mot de passe, ou le laisser indéfiniment sur le site. Mettre cet article en avant sur la page d accueil, si coché fera apparître l article sur la page d accueil. L option Protégé par un mot de passe donne la possibilité de limiter l acces aux personnes qui possèdent un mot de passe. On peut aussi limiter la visibilité de la page en sélectionnant l option Privé. On peut choisir de publier l article tout de suiite ou définir une date de publlication Catégories 3 Dans cette fenêtre, il est possible de choisir la (les) catégorie(s) à laquelle (auxquelles) un article sera associé. Il est possible d ajouter de nouvelles catégories à la liste des catégories, soit en cliquant sur +Ajouter une nouvelle catégorie dans cette fenêtre ou bien à partir du bouton dans le menu de la barre des outils à gauche sur la page (sous Articles), ou enfin en accédant à la page de gestion des catégories en cliquant sur le lien figurant dans la case catégories. Il est aussi possible de choisir une catégorie parente qui aura été prédéfinie dans le module Catégories Mots- clefs 4 Il est possible d associer des mots- clefs à un article en les inscrivant, séparés par des virgules, dans la fenêtre de la case Mots- clefs. Par exemple on peut associer une date, un mot spécifique, qui serviront dans une recherche. Pour le moment il n existe aucun mot- clef sur le site Image à la Une 5 Cette Image apparait au- dessus du texte de la page de l article sur le site internet. Cliquer sur Mettre une image à la Une pour ouvrir la fenêtre des médias décrite dans la section du document (insérer un média) puis procéder comme indiqué dans cette section. Image à la Une 21 Dompierre, Candiac, J5R 6P [email protected] Page 24

25 3.1.3 Catégories associées aux Articles La page des Catégories permet d ajouter des nouvelles catégories ou de modifier une catégorie existante. Pour créer une nouvelle catégorie, entrer les informations requises dans les cases de la colonne de gauche : nom de la catégorie, son identifiant d URL, sa catégorie parente, s il y a lieu, une Description et sa langue pour affichage dans la liste des articles. Terminer en cliquant sur Ajouter une nouvelle catégorie. Pour modifier une catégorie existante, placer la souris sur le nom de la catégorie choisie, une barre identique à celle présentée dans la section apparaîtra sous le titre (Ovale bleu). Une catégorie peut être supprimée en cliquant sur Supprimer. On peut également faire une recherche sur les catégories de la même façon que décrite dans le module des Articles. En cliquant sur Modifier, la page suivante s affiche et l on devra remplir les cases correspondantes. Les définitions des champs ont été expliquées dans les sections précédentes. 21 Dompierre, Candiac, J5R 6P [email protected] Page 25

26 Un click sur le bouton Modification Rapide permet de procéder à un changement rapide de la catégorie de l article sur lequel la souris a été placée (figure ci- dessous). 21 Dompierre, Candiac, J5R 6P [email protected] Page 26

27 3.1.4 Mots- clefs Des mots- clefs, permettant une recherche ou une indexation des articles peuvent être ajoutés à ceux- ci. Pour l instant, aucun mot- clef n a été défini pour le site internet de Canatal. Il est possible de modifier les paramètres d un mot- clé de la même façon que pour les catégories en passant la souris sur le mot- clé. 3.2 Objet «Media» retour La Section de ce document présentait la façon d insérer un média à un article. Le module Media permet la gestion de ces médias (ajouter ou modification) d images figurant sur le site d administration WordPress de Canatal Bibliothèque des média : Bouton «Bibliothèque» Toutes les images/photos disponibles (publiées présentement sur le site ou non) figurent dans une bibliothèque de média «Bibliothèque». Pour y accéder, placer la souris sur le bouton Média, puis cliquer sur Bibliothèque, ou en cliquant sur Bibliothèque dans le menu de gauche (sous Média). On retrouve dans la fenêtre qui s ouvre la liste de toutes les images, les auteurs, la page sur laquelle cette image figure et la date de téléchargement. L ovale rouge reprend les fonctions classiques de modification, de suppression et d affichage comme décrit dans la section 21 Dompierre, Candiac, J5R 6P [email protected] Page 27

28 Editer un média : (Edit Media) En cliquant sur Modifier on ouvre la fenêtre suivante : 21 Dompierre, Candiac, J5R 6P [email protected] Page 28

29 Sur cette page, il est possible de modifier les paramètres qui ont été prescrits au moment du téléchargement du média, tels que le nom, la légende, un texte alternatif, ou une description. Après avoir procédé aux changements désirés, cliquer sur Mettre à Jour (en haut à droite), ou supprimer définitivement l image. Pour modifier l image elle- même, cliquer Modifier l image (ovale rouge) sous celle- ci. La page suivante s affichera alors Il est possible de changer la taille d une image/photo, son orientation, de la recadrer en appuyant soit sur le bouton correspondant situé au- dessus de l image, ou dans la fenêtre à la droite de l image (rectangle rouge). On peut modifier l échelle en cliquant sur Modifier l échelle. Les changements seront appliqués sur les différentes tailles de cette image : toutes les tailles, miniature ou toutes les tailles sauf la miniature suivant la case cochée. Pour recadrer l image, il suffit de cliquer sur celle- ci et de définir la région à garder en glissant avec la souris. La taille exacte du rognage peut- être définie plus précisément dans la case Sélection et les proportions de l image définies dans les cases Proportion de taille. Sur cette page on retrouve aussi les options de nom, légende, texte alternatif, description et l option de rendre le contenu textuel du média traduisible (par les traducteurs automatiques de pages en ligne) en cliquant la case Rendre Média traduisible dans le cadre Configuration du contenu multilingue. 21 Dompierre, Candiac, J5R 6P [email protected] Page 29

30 Cliquer sur Mettre à jour dans la boite Enregistrer pour enregistrer les changements Ajout d un média : Bouton «Add New» Pour ajouter une image dans la bibliothèque, cliquer sur Ajouter sous Média. Deux choix sont offerts : Déposer vos fichiers ici ou Sélectionner vos fichiers à partir des dossiers de votre ordinateur Télécharger avec Déposez vos fichier ici Pour ce faire, ouvrir le dossier où est située l image à ajouter dans la bibliothèque, sur votre ordinateur, sélectionner l image et la glisser avec la souris dans la case. L image sera alors téléchargée sur le site. Il est possible de télécharger plusieurs images à la fois, mais la taille de chaque media est limitée à 8Mbytes. Écran Windows XP Écran Mac 21 Dompierre, Candiac, J5R 6P [email protected] Page 30

31 Télécharger avec Sélectionner vos fichiers Cliquer sur le bouton Sélectionner vos fichiers sur la page du site WordPress. Une fenêtre des dossiers de vôtre ordinateur s ouvre automatiquement. Sélectionner l image (ou les images) à ajouter et cliquer sur le bouton Ouvrir de la fenêtre des dossiers de votre ordinateur. La même limite sur la taille du média est applicable Media- Tags En cliquant sur «Media- Tags» on ouvre une fenêtre permettant de gérer les mots- clés associés à un média. Il est possible de créer de nouveaux mots- clés courants qui apparaîtront dans un menu défilant sur la page d édition/modification des médias (voir page 29). 21 Dompierre, Candiac, J5R 6P [email protected] Page 31

32 3.3 Objet «Pages» : retour Il existe deux options sous le module Pages : Toutes les Pages et Ajouter (Ajouter une nouvelle page) Toutes les pages: Visualisation et édition des pages Toutes les Pages ouvre une fenêtre présentant la liste de toutes les pages créés, avec sensiblement les mêmes options que celles du module Articles. Les pages sont présentées de façon similaire à celles des articles, excepté pour ce qui est des catégories et des Mots- clefs. Pour modifier les paramètres ou le contenu d une page, cliquer sur Modifier dans la barre se trouvant sous le titre de la page à éditer (voir ovale rouge dans la figure ci- dessus) et la page suivante apparaîtra. Les différentes options et paramètres de la page de modification sont identiques à celles rencontrées pour la création d une nouvelle page (voir discussion dans la section suivante). 21 Dompierre, Candiac, J5R 6P [email protected] Page 32

33 3.3.2 Ajout et création d une nouvelle page : Bouton «Add New» sous Pages En cliquant sur Pages puis Add New, la fenêtre qui s ouvre présente de fortes similarités avec la page de création d un article (Add new Post). Il existe toutefois des différences : 21 Dompierre, Candiac, J5R 6P [email protected] Page 33

34 Sous- titre : permet de donner un sous- titre à la page si désiré. Pied de page : Les pieds de pages apparaissant au bas de la page sur le site web sont préalablement créés dans le module Apparence comme décrit plus loin (Section 3.8.4). Pour choisir le pied de page désiré, il suffit de le sélectionner dans le menu déroulant de Pied de page (ovale rouge). Attributs de la page: (rectangle rouge dans la figure précédente). Ce point est particulièrement important, car de lui dépend l endroit où la page crée apparaîtra sur le site : attribuer un parent à une page signifie qu une page donnée sera placée dans un sous- menu d une page parent dont elle dépend. L ordre dans lequel apparaîtra la page dans le sous- menu est donné par un chiffre (ordre) multiple de 10, commençant par 0 : donc si c est la première page à apparaître dans le sous- menu, elle aura l ordre 0, la seconde aura le numéro 10, la troisième le numéro 30, etc... Par exemple la page Différence est un sous- parent dans le 21 Dompierre, Candiac, J5R 6P [email protected] Page 34