GESTION DU SITE DU CLUB

Transcription

1 GESTION DU SITE DU CLUB Sommaire Pour accéder au site :... 2 Le tableau de bord Aujourd hui : Commentaires récents Brouillons récents... 3 Le menu de gauche... 4 Gestion des articles... 5 Afficher la liste... 5 Premier niveau de filtre... 5 Sélection et suppression... 5 Filtre deuxième niveau... 6 Ligne article... 6 Créer un article... 7 Titre et corps de l article... 8 Partie de droite (en bleu sur la capture) Insérer une image dans un article Ecran des options avancées Conclusion pour la création d articles Gérer les Evénements Liste des Evénements Création d un Evénement Gérer les liens Ajouter un lien Supprimer et éditer un lien Gestion des pages Gestion de la partie «Questions» (FAQ) Gestion des commentaires Gestion des médias Liste des médias Ajouter un média Supprimer un média Editer un média Gestion de la galerie d images Clique sur «Détails» Gestion des galeries Comment ça fonctionne sur le site? Ajouter les images à une galerie existante (catégorie) Créer une nouvelle galerie (catégorie) Je ne vois pas mes images!!... 31

2 Pour accéder au site : Pour administrer le site, taper «wp-admin» derrière l adresse comme ceci : Entrer l identifiant et le mot de passe fourni dans le mail. Cocher «Se souvenir de moi» si vous ne voulez pas taper l identifiant à chaque fois Cliquer sur «Se connecter» La création d article peu paraître compliquée en théorie (ce document) mais est très simple en pratique. Il ne faut pas avoir peur de faire des essais d articles sans les publier dans un premier temps sur le site. Dans ce cas de figure tout est permis, vous pouvez : Insérer des images Parcourir les fenêtres qui apparaissent et essayer de les comprendre par vous-même, ensuite si vous avez une difficulté, regardez ce document. WORDPRESS a été conçu pour être accessible au plus grand nombre donc c est plutôt intuitif. La seule contrainte est de cliquer sur «Enregistrer brouillon» plutôt que de cliquer sur «Publier» au début.

3 Le tableau de bord Il y a trois parties sur votre tableau de bord : 1 Aujourd hui : Donne un récapitulatif des articles rédigés et des commentaires postés par les internautes. On arrive sur la gestion des articles si on clique sur «X Articles» On arrive sur la gestion des pages si on clique sur «X Pages» On arrive sur la gestion des catégories si on clique sur «X Catégories» 2 Commentaires récents Indique si des commentaires ont été postés récemment. Les internautes peuvent commenter les articles du site ou les actualités. Lorsque l on créé un article, on peu choisir si on donne la possibilité de laisser des commentaires. 3 - Brouillons récents Affiche la liste des articles «en cours de rédaction» qui ne sont pas encore visible sur le site (car pas publiés).

4 Le menu de gauche Le menu de gauche permet de naviguer dans les différentes parties du site à administrer : Création / Correction d articles (Créer un article ou une actualité) Ajout de photos (Ajouter un album photo ou une photo) Ajout de questions dans la FAQ (Questions posées par les internautes avec réponse) Ajout d une date dans le calendrier (Ajouter un stage avec les infos pratiques) Gestion des commentaires (approuver, refuser un commentaire sur vos articles) Gestion des liens (Ajouter un lien vers un site par exemple) En vert sur la capture, les endroits ou vous pouvez aller. En rouge, les endroits que je gère (un peu plus sensible).

5 Gestion des articles Afficher la liste Taper cette adresse : Entrer votre identifiant / mot de passe Dans le menu de gauche cliquer sur «Articles» Une liste des articles apparaît alors, ça peu faire peur mais c est très simple. Nous allons décrire de haut en bas cet écran. Premier niveau de filtre Nous allons parcourir cet écran de haut en bas. On commence donc par le haut. Cliquer ici pour créer un nouvel article pour le site Cliquer sur «Tous» pour voir tous les articles du site dans le tableau Cliquer sur «Publiés» pour voir dans la liste les articles publiés (visible sur le site) Cliquer sur «Corbeille» pour voir les articles de la corbeille dans le tableau Sélection et suppression En dessous on a une liste déroulante «Actions groupées» qui permet de réaliser une tâche sur toutes les lignes que l on a coché (cases à cocher à gauche des lignes représentant les articles).

6 Cocher cette case pour sélectionner tous les articles Cocher la case pour sélectionner la ligne (l article) Si je coche toutes les lignes et que je choisis «Déplacer vers la corbeille» alors je supprime tous les articles. Filtre deuxième niveau A droite des «Actions groupées» nous avons des filtres par date (Mois Année) et par catégories. Si je choisis des valeurs dans ces filtres et que je clique sur le bouton «Filtrer», alors je ne verrai que les articles qui correspondent à mon filtre. Un article est lié à une ou plusieurs catégories, voici les catégories d article possible actuellement : Actualité Article Sans catégorie (par défaut et à éviter) Technique La liste n est pas figée et vous pourrez créer des catégories si besoin. Ligne article Ensuite on trouve notre tableau avec nos lignes Cliquer ici pour filtrer sur une catégorie Cliquer ici pour filtrer la liste sur un auteur Nombre de commentaires en Attente de vérification : Cliquer pour les Gérer. Cliquer ici pour modifier l article

7 Créer un article Soit vous cliquez sur «Ajouter» en haut de la page qui liste les articles Cliquer ici pour créer un nouvel article pour le site Soit dans le menu de gauche, vous placez la souris sur «Articles». Un sous menu apparait alors. Cliquer ici pour créer un nouvel article pour le site On arrive alors sur la page ci dessous ou l on distingue plusieurs parties (couleurs différentes pour bien montrer). En vert : Titre et corps de l article (rédaction de l article) En rouge : Référencement de l article (je me charge de ce point dans un premier temps). En bleu : Contrôle de l article

8 Titre et corps de l article Il s agit de la partie en vert sur ma capture. Pour le titre, rien de compliqué, il suffit de saisir votre titre dans la zone «Saisissez le titre ici» Pour le corps de l article, placer le curseur dans la zone blanche en dessous et commencer à taper votre article. La barre de bouton au dessus vous permet de mettre l article en forme. Par défaut, on est sur une barre simple, il est intéressant d afficher tous les boutons en cliquant sur l avant dernière icône Permet d insérer une photo ou un lien vers un fichier. Permet d insérer la carte d un lieu via google map (en spécifiant simplement une adresse).

9 N hésitez pas à taper un article de test et cliquer sur tous les boutons pour voir ce qui se passe Logiquement, rien ne doit s autodétruire. Mettre le texte sélectionné en gras Mettre le texte sélectionné en italique Barrer le texte sélectionné Créer une liste point par point. Créer une liste ordonnée Mettre le texte sélectionné en format «citation» Corriger l orthographe de l article Afficher les autres boutons de mise en forme de la barre de boutons (styles, texte justifié etc. ) Aligner le paragraphe à gauche Aligner le paragraphe au centre Aligner le paragraphe à droite Créer un lien vers un site externe ou un autre article du site Supprimer un lien vers un site externe ou un autre article du site. Insérer un trait horizontal Passer en mode plein écran Permet d insérer une galerie photo dans l article Autres icônes Permet de sélectionner le style du texte sélectionné : Titre 1 / Titre 2 / Paragraphe etc. Mettre le texte sélectionné en souligné Met le paragraphe sélectionné en texte justifié (plus propre). Change la couleur du texte sélectionné Permet de coller du texte simple qui a été copié précédemment en mémoire (CTRL C) Permet de coller du texte copié dans Word en conservant la mise en forme Permet d enlever la mise en forme sur le texte sélectionné Permet d insérer des caractères spéciaux dans le texte Décaler le paragraphe sur la gauche (désindenter) Important sur les listes ordonnées ou non, permet de créer des sous listes. Décaler le paragraphe sur la droite (indenter) Important sur les listes ordonnées ou non, permet de créer des sous listes. Permet d annuler la dernière saisie en cas de problème. Permet de rétablir la dernière saisie au cas où l on a annulé sans faire exprès! Une aide sur la base de la rédaction d un article Au début, je vous conseille de vous entrainer sur un article de test. Il n y a aucun danger si vous cliquez dans la partie de droite sur «Enregistrer le brouillon» (Tant que l on ne clique pas sur «Publier», l article n est pas visible sur le site.) Quelques conseils pour la rédaction : Taper l article sans mettre en forme au départ (seulement les Titres et paragraphes). A la fin de l article, justifier tous les paragraphes en les sélectionnant puis en cliquant sur l icône Mettre les mots souhaités en gras et couleur. Ajouter les liens si nécessaire (vers sites ou autres articles du site). Lancer le correcteur d orthographe si besoin. Ajouter des images pour illustrer si besoin. Saisir la partie de droite (publication, catégories, mots clefs, image à la une etc..)

10 Partie de droite (en bleu sur la capture) On trouve quatre blocs : Publier Catégories Mots clefs Permet de contrôler l état de l article Permet d associer l article à une ou plusieurs catégories Permet d associer des mots clefs à l article pour le trouver via la zone de recherche du site (premier bloc du menu à droite). Image à la une Permet d associer une image principale à l article. Cette image sera affichée à l accueil du site dans le carrousel et la liste des articles (vignette) BLOC : Publier Cliquer ici pour enregistrer l article comme brouillon, vous pourrez alors revenir plus tard pour terminer l article avant de le publier sur le site Changer l état de l article : Publié En attente de relecture Brouillon Mettre l article à la corbeille (il faut vider la corbeille pour supprimer l article définitivement). Cliquer ici pour avoir l aperçu de l article intégré dans le site. (Pas besoin de publier ou d enregistrer avant). Public : visible sur le site avec possibilité de mise en avant (dans les premiers articles affichés) Privé : accessible uniquement par lien dans un autre article par exemple Protégé par mot de passe. Rendre l article visible sur le site. Mon conseil est le suivant : 1. Lorsque vous tapez un article, mettez-le en Etat «brouillon» tant qu il n est pas terminé. 2. Lorsque votre article est terminé, mettez-le en Etat «Attente de relecture». De cette manière je le verrai et paramétrerai le reste de l article (référencement etc..). 3. Une fois la relecture terminée, je passerai l article en «publié» 4. Pour les articles urgents, publiez directement et je ferai une mise à jour par la suite.

11 BLOC : Catégories Les articles sont rangés dans des catégories pour faciliter la navigation dans le site. Vous pouvez créer des catégories si besoin. Cocher les catégories à associer à l article : Si votre article est une actualité, alors cocher «Actualités» Si c est un article sur une technique, cocher «Technique» Si vous n avez pas la catégorie adéquate, cliquer sur «Ajouter une nouvelle catégorie». 1. Saisir le nom de la nouvelle catégorie 2. Choisir si besoin la catégorie parente. 3. Cliquer sur «Ajouter une nouvelle Catégorie»

12 BLOC : Mots-clefs Les mots clefs servent à retrouver l article dans le site par l intermédiaire du moteur de recherche (surligné en vert sur la capture suivante). Voici comment saisir les mots-clefs. Saisir les mots sans espaces et séparés par un point virgule. Puis cliquer sur le bouton «Ajouter» Les mots apparaissent alors en dessous. Cliquer sur la petite croix pour supprimer le mot clef correspondant. Une fois les mots clefs définis, ne pas oublier d enregistrer l article (ou le brouillon).

13 BLOC : Image à la une. Permet d associer une image principale à l article. Cette image sera affichée à l accueil du site dans : 1 Le carrousel 2 - La liste des articles Pour insérer une image à la une, cliquer simplement sur le lien «Mettre à la une». La fenêtre suivante apparait : Permet de choisir la source de l image : La Bibliothèque est la liste des images existantes dans notre site. Depuis votre ordinateur permet de choisir une image sur votre poste (elle sera uploadée dans le site). On peu glisser un fichier image de son ordinateur vers cette zone pour aller plus vite ou cliquer sur «Parcourir»

14 Une fois l image téléchargée, une nouvelle fenêtre apparait : Renseigner la partie (en vert) puis cliquer sur «Utiliser comme image à la une» Attention à ne pas confondre avec «Insérer dans l article» L image apparait alors, il est possible de la supprimer par la suite (autre exemple) Cliquer ici pour supprimer l image à la une.

15 Insérer une image dans un article Petit avertissement sur les images : Les images prennent de la place dans la base de données, on peut arriver à saturation si on ne fait pas attention à la taille des images (en particulier les photos qui sont en général trop grandes lorsqu on les récupère de l appareil). Il faut à l idéale redimensionner les photos en 800x600 ce qui est suffisant. De manière générale il faut éviter de mettre une grande image dans le site pour l afficher ensuite en petit dans l article (redimensionné dans l article). Pour insérer une image dans l article, cliquer sur le lien «Envoyer / Insérer» au dessus de l article : On arrive alors ici : Cliquer ici pour chercher une image sur son ordinateur et la télécharger dans le site. Cliquer ici pour utiliser une image qui existe déjà sur le site! (Attention à ne pas mettre deux fois la même image sur le site pour gagner de l espace). Une fois l image sélectionnée, il faut remplir quelques informations :

16 A remplir en premier, les informations ne sont pas obligatoires mais aident au référencement Permet de mettre un lien au click sur l image. Cliquer sur Aucun pour ne pas mettre de lien. Cliquer sur les autres boutons pour faire un lien sur un autre article ou un média de la bibliothèque Emplacement et taille de l image Le texte se placera automatiquement autour de l image. Cliquer ici pour insérer l image dans l article à l endroit ou vous avez laissé le curseur Une fois l image insérée, il faudra revenir paramétrer les espacements entre l image et le texte. Une fois l image visible dans l article, positionner la souris sur l image et cliquer sur le bouton en haut à gauche. Cliquer ici. Une fenêtre va s ouvrir avec les paramètres que l on a entrés.

17 On retrouve nos trois parties mais dans le désordre. Ce qui nous intéresse ici c est l onglet «Options avancées» qui permet de choisir l espacement de l image avec le texte. Permet de redimensionner l image selon un pourcentage de la taille originale dans l article En bas, on peu changer le positionnement de l image Cliquer ici pour valider les changements (annuler sinon). Ecran des options avancées On peu indiquer ici les marges verticales et horizontales autour de l image. On peut également afficher une bordure autour de l image en indiquant la largeur en pixels Conclusion pour la création d articles. J espère que ce document est suffisamment détaillé. Si vous avez des problèmes, demandez-moi en laissant un message sur le site.

18 Gérer les Evénements Cette partie permet de mettre à jour le Calendrier du site. La gestion est la même que pour un article. La différence en dessous de la rédaction de l article. On trouve quelques champs supplémentaires à renseigner. Liste des Evénements 1 - Cliquer dans le menu de gauche sur Evénements pour afficher la liste. 1. Cliquer sur «Nouveau» en haut de la page pour créer un Evénement 2. Cliquer sur le titre d un Evénement dans le tableau pour le modifier. 3. Comme pour les articles, on peut Filtrer le tableau Supprimer un ou plusieurs Evénements cochés Rechercher un Evénement (bouton en haut à droite). Création d un Evénement Il est possible de gérer des Catégories d Evénements. Il n est pas nécessaire de mettre une «Image à la une» pour un Evénement Le bloc «Publier» reste identique à la création d articles Un nouveau bloc apparait à droite «Options de l événement», il n est pas nécessaire de le modifier. En revanche il est important de renseigner les infos ci-dessous.

19 Saisir au format Année Mois - jour Cliquer ici pour afficher la carte du lieu ou se déroule le stage Permet de voir jusqu à la rue en photos via «google street view.» Le prix n est pas obligatoire, s il y a un prix le matin et un prix l après midi, on peut mettre ça dans le corps de l article. Voici à quoi ressemble un Evénement dans le site

20 Lorsque le zoom est suffisamment important. Vous pouvez glisser le petit bonhomme sur une route pour voir les photos de la rue et vous déplacer dans celle-ci (voir image suivante dans le document). Cliquer ici pour zoomer ou dézoomer sur la carte (ou molette de la souris) Mode plan (par défaut) ou satellite (photo vue du ciel) Emplacement du stage

21 Si je déplace le bonhomme avec la souris sur la rue du dojo comme sur l image ci-dessous, j arrive sur l image d après.

22 Gérer les liens Il est possible d ajouter des liens dans la partie en bas à droite du site «Liens du club». Pour cela, cliquer sur «Liens» dans la partie gauche du site. Ici puis : Ajouter pour ajouter un lien. Tous les liens pour gérer la liste Ajouter un lien Le formulaire d ajout de lien ressemble à ça : Le formulaire est plutôt simple à remplir, veillez simplement à cocher la catégorie «Liens du club». Choisir également une cible. Les autres informations ne sont pas nécessaires.

23 Puis cliquer sur «Ajouter un lien» dans le bloc de droite «Enregistrer» Le lien est maintenant visible sur le site. Supprimer et éditer un lien La suppression se fait dans la liste des liens comme pour les articles (en utilisant les cases à cocher et la liste déroulante «Actions groupées»). Pour éditer un lien cliquer dessus dans le tableau. Gestion des pages Vous pouvez regarder par curiosité ce qui se passe dans cette partie (menu gauche / pages). En revanche je préfère conserver la main sur cette partie du site qui est un peu plus risquée pour l architecture du site.

24 Gestion de la partie «Questions» (FAQ) Cette partie se gère exactement de la même manière que pour les articles, c est la même interface. Il y a simplement une option en plus permettant de réordonner les questions dans l ordre souhaité : Il suffit de glisser déposer la question à l endroit souhaité pour changer sa position. Ensuite cliquez sur «Click to reorder FAQs»

25 Gestion des commentaires La gestion des commentaires consiste à approuver ou refuser un commentaire sur le site. La liste des commentaires permet donc de filtrer le tableau afin de voir : Les commentaires en attente Les commentaires approuvés Les commentaires refusés La corbeille Positionner la souris sur la ligne pour faire apparaitre les liens de gestion Désapprouver Retire le commentaire du site Répondre Permet de répondre à l utilisateur, la réponse sera visible sur le site Modification rapide Permet de modifier le texte du commentaire s il est un peu cru par exemple. (CSA!) Indésirable Marque le commentaire comme indésirable (l utilisateur ne pourra plus commenter). Modifier Ouvre la fiche du commentaire, très simple à gérer. Historique Permet de voir l historique du commentaire c'est-à-dire, s il a été approuvé puis désapprouvé puis modifié etc. Corbeille Permet de mettre le commentaire dans la poubelle (attention à bien vider la poubelle de temps en temps Pour information, un article vieux de plus de 15 jours ne peut plus être commenté (on peu paramétrer cette durée).

26 Gestion des médias C est dans cette partie que l on peut mettre sur le site des documents à télécharger comme des PDF ou des documents Word. Liste des médias Pour afficher la liste des média, cliquer sur «Bibliothèque» sous le menu gauche «Médias» La liste apparait et un lien en haut de page permet d ajouter un nouveau média. Ajouter un média Cliquer sur ajouter pour ajouter un fichier. Attention les serveurs n aiment pas certaines extensions de fichier (Exe, dll, bat etc. ). Si c est le cas et qu un message apparait, alors il faut compresser le fichier avant de le mettre sur le site (au format ZIP). Cliquer ici pour aller chercher votre fichier ou faites simplement glisser le fichier dans la zone entre pointillés Une nouvelle partie apparait, il suffit de la renseigner correctement.

27 Supprimer un média Pour supprimer un média, comme d habitude, cochez les lignes à supprimer dans le tableau récapitulatif, puis dans la liste des «Actions groupées», choisir «Supprimer définitivement». Editer un média Cette adresse est importante! Positionner la souris sur la ligne à supprimer. Lorsque vous rédigez un article, c est cette adresse que vous devez utiliser pour faire un lien vers votre document. Une liste de liens apparait, cliquer sur «Modifier» pour éditer le média.

28 Gestion de la galerie d images Pour ajouter des images dans la partie Galerie du site, voici comment faire. Cliquer sur le lien «FIAGallery» du menu gauche (tout en bas) Donne un rapide coup d œil au nombre d images dans la galerie et du nombre de catégories présentes. Permet de gérer les galeries (catégories sur le site). Les autres options ne doivent pas être modifiées. Clique sur «Détails» Cliquer ici pour arriver dans la «gestion des galeries» (comme si on avait cliqué directement sur gestion des galeries dans le menu gauche).

29 Gestion des galeries On arrive sur un écran avec trois grandes parties (blocs de haut en bas): Envoi des images Détail des galeries Albums Comment ça fonctionne sur le site? Cette partie permet de mettre vos images sur le site. Aujourd hui il y a ces 4 galeries sur le site regroupées dans un album (la page Galerie) : Cela se traduit comme ceci sur le site :

30 Ajouter les images à une galerie existante (catégorie) A Pour ajouter des photos à une galerie existante : Cliquer sur parcourir et choisir ses photos Sélectionner la galerie de destination dans la liste déroulante. Puis cliquer sur «Envoi des images» Il sera possible ensuite de les décrire Créer une nouvelle galerie (catégorie) B Pour créer une nouvelle galerie dans la liste déroulante, cliquez ici. Ensuite votre galerie étant existante à partir de ce moment, retournez au point vu précédemment pour ajouter les images à une galerie existante. Entrer le nom de la galerie puis cliquer sur «Ajouter la galerie» Votre nouvelle galerie apparait dans le tableau de la partie «Détail des galeries». Cliquer sur le titre de la galerie dans le tableau pour décrire la galerie et ajouter des images. Donner la description ici. Cliquer sur «Sauvegarder les changements» puis sur «Ajouter images».

31 Je ne vois pas mes images!! C est normal, il faut maintenant ajouter votre nouvelle galerie à l album. C est le troisième bloc Menu gauche => FIAGalery => Détail des galeries => 3 ème bloc Faites simplement glisser le nom de votre galerie dans la partie «Album» Puis cliquez sur «Save» A partir de la, vous pouvez sélectionner votre catégorie dans la galerie sur le site.