WordPress Initiation. Gestion du contenu. Par Sylvie Lavoie Service du secrétariat général, des affaires corporatives et des communications

Transcription

1 WordPress Initiation Gestion du contenu Par Sylvie Lavoie Service du secrétariat général, des affaires corporatives et des communications Décembre 2012

2 En-tête Menu utilitaire Carrousel Boîte «À la une» Boîte «Nos coordonnées» Boîte «À ne pas manquer» Événement(s) du calendrier Catégories d articles Nouvelles de la CSMV Boîte «Actualités» Menu «Informations pratiques» Articles sur votre école provenant du site CSMV.QC.CA Plan du site 2

3 Table des matières Présentation/Administrer le site... 4 Pages Modifier l ordre des pages... 7 Insérer un média... 7 Insérer une image... 8 Insérer un diaporama d images... 9 Insérer un document.pdf Insérer une vidéo de YouTube dans un site WordPress Articles Promotions en page d accueil Catégories d articles Événements Catégories d événements Menus

4 Présentation WordPress est un système de gestion de contenu qui permet de créer et gérer facilement l ensemble d un site Web ou simplement un blog. Gratuit et libre, WordPress est personnalisable grâce à de nombreux thèmes et extensions. Administrer le site 1. Se connecter Ajouter /wp-admin à l adresse URL du site de votre école Entrer l identifiant et le mot de passe Choisir Tableau de bord dans le menu déroulant portant le nom de l école afin d accéder en mode administrateur du site Rafraîchir votre navigateur pour voir les modifications effectuées au besoin 2. Se déconnecter (en haut à droite de l écran) Pour des questions ou pour mettre votre site en ligne, il faut contacter le secrétariat général et soumettre votre demande à Sylvie Lavoie au poste

5 Pages Les pages sont des données statiques sur votre site. Contrairement aux articles, elles sont indépendantes du temps et de la chronologie de création. Une page peut contenir des informations telles que les coordonnées, le projet éducatif ou les règlements de l école

6 À partir du tableau de bord, cliquer sur «Pages» 2. Cliquer sur «Ajouter» 3. Ajouter un titre à votre page 4. Rédiger ou insérer votre texte et/ou vos médias 5. Déterminer les attributs de la page 6. Cocher l option de promotion en page d accueil voulue si désiré 7. Entrer un extrait pour votre page si vous désirez l afficher dans le carrousel ou dans la boîte «À ne pas manquer» 8. Insérer une image à la une si vous désirez afficher votre page dans le carrousel ou dans la boîte «À ne pas manquer» 9. Publier ou mettre à jour selon le cas 6

7 Modifier l ordre des pages Glisser la page que vous voulez déplacer et déposer à l endroit désiré Insérer un média WordPress vous permet d insérer plusieurs types de médias : Image Diaporama d images Document.pdf Vidéo Son Pour insérer un média, vous devez cliquer sur ce bouton depuis votre ordinateur, le Web ou la bibliothèque. et sélectionner le média désiré 7

8 Insérer une image 1 2. Modifier l image si nécessaire 3. Ajouter une légende si désiré 4. Modifier la taille et l alignement si désiré 6. Cliquer si vous désirez utiliser l image à la une (Ex. : Pour le carrousel) 7 5. Cliquer si vous désirez insérer l image dans la page 8

9 Insérer un diaporama d images 1. Sélectionner toutes vos images et insérer celles-ci depuis l endroit où elles se trouvent et cliquer sur «Galerie» 2. Modifier vos images si nécessaire (Il est possible de supprimer des images avec cette option) 3. Déterminer les options pour votre galerie 4 9

10 Insérer un document.pdf Il existe deux façons d insérer un document.pdf dans WordPress : Insérer un document.pdf via l option «Ajouter un média» 1. Cliquer sur «Ajouter un média» 2 3 (Le titre sera le nom du lien) 4 * Afin que votre.pdf ouvre dans une nouvelle fenêtre, cliquer sur le lien après l avoir inséré, cliquer sur l outil (Insérer/modifier un lien), cocher et mettre à jour. 10

11 Insérer un document.pdf en insérant le lien sur un mot, une phrase ou une image 1. Cliquer sur «Ajouter un média» Copier la cible du lien 11

12 5. Dans la page, sélectionner le mot, la phrase ou l image 6. Cliquer sur l outil (Insérer/modifier un lien) 7. Coller la cible du lien 8. Cocher pour ouvrir le.pdf dans une nouvelle fenêtre Vérifier si le lien fonctionne en cliquant sur «Voir la page» 12

13 Insérer une vidéo de YouTube dans un site WordPress 1. Copier l adresse de la vidéo dans YouTube. 2. Se positionner à l endroit dans l article ou la page où on veut insérer la fenêtre de la vidéo. (Il est important d être bien positionné puisque les espaces et les sauts de ligne ne pourront pas être faits après l insertion de la fenêtre) 3. Appuyer sur l outil «Coller du texte simple». 4. Coller l adresse et effacer le & et le texte qui le suit s il y a lieu. (L adresse «courte» est requise pour afficher la fenêtre. Parfois YouTube fournit celle-ci et parfois non) 13

14 5. Cliquer sur «Insérer». (Voici le résultat) 6. Publier ou mettre l article ou la page à jour et vérifier si ça fonctionne. Tel que mentionné plus haut, c est très important de ne pas modifier l adresse après son insertion et de ne pas insérer d espace ou de saut de ligne après celle-ci sinon ça ne fonctionnera pas. * Pour insérer un son, vous n avez qu à insérer un média et choisir le son depuis son emplacement. Veuillez noter que plusieurs formats sont acceptés mais il se peut que certains formats soient refusés. 14

15 Articles Les articles vous permettent de publier des actualités, celles-ci sont affichées par date de publication. Contrairement aux pages, les articles s archivent automatiquement dans votre site

16 À partir du tableau de bord, cliquer sur «Articles» 2. Cliquer sur «Ajouter» 3. Ajouter un titre à votre article 4. Rédiger ou insérer votre texte et/ou vos médias 5. Déterminer la/les catégorie(s) pour votre article 6. Cocher l option de promotion en page d accueil voulue si désiré 7. Entrer un extrait pour votre article si vous désirez l afficher dans le carrousel, dans la boîte «À ne pas manquer» ou «À la une» 8. Insérer une image à la une si vous désirez afficher votre article dans le carrousel, dans la boîte «À ne pas manquer» ou «À la une» 9. Publier ou mettre à jour selon le cas 16

17 Promotions en page d accueil WordPress vous permet de faire la promotion d un article, d un événement ou d une page sur la page d accueil de votre site via : Le carrousel La boîte «À ne pas manquer» La boîte «À la une» (Pour les articles seulement) Cocher la promotion désirée 2. Ajouter un extrait s il n y en a pas (Une phrase courte annonçant le sujet) - Obligatoire 3. Insérer une image à la une - Obligatoire 4. Publier ou mettre à jour 17

18 Catégories d articles Avec WordPress, il est recommandé de classer les articles par catégorie. Ceux-ci sont ainsi plus faciles à retrouver. Il y a deux méthodes pour ajouter une catégorie : Dans l article : 1 2. Entrer un nom de catégorie 4 3. Choisir la catégorie principale de votre catégorie s il y a lieu Choisir la catégorie principale de votre catégorie s il y a lieu 5 18

19 Événements Les événements vous permettent de remplir votre calendrier avec des dates importantes tel que les journées pédagogiques mobiles ou les sorties éducatives

20 Entrer les details de l événement 7* 9* * Facultatif 8* 20

21 Catégories d événements Tout comme les articles, il est conseillé de classer les événements par catégorie. Vous devez créer les catégories d événements séparément des catégories d articles. Dans l événement : 1 2. Entrer un nom de catégorie 4 3. Choisir la catégorie principale de votre catégorie s il y a lieu Choisir la catégorie principale de votre catégorie s il y a lieu 5. Déterminer une couleur pour votre catégorie si désiré 6 21

22 Menus Il existe deux options de menus sur la page d accueil de votre site qui vous permettent de faire un lien vers un autre site Web ou vers une page ou une catégorie d articles de votre site. Menu utilitaire Menu «Informations pratiques» 1 3. Choisir le menu que vous désirez modifier Entrer l adresse Internet et le titre du menu 5 OU 7. Choisir la page ou la catégorie 8 22