Formation rédacteur/administrateur de site sous SPIP
-
Upload
voyelle-voyelle -
Category
Self Improvement
-
view
899 -
download
0
Transcript of Formation rédacteur/administrateur de site sous SPIP
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 1
Spip – guide utilisateur
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 2
Spip – guide utilisateur
Votre login : ………………………………….. Votre mot de passe : ……………………….. Votre accès : urlDeVotreSite/ecrire Si vous avez des problèmes, vous pouvez nous joindre directement par mail : [email protected]. Sta$s$ques du site hOp://www.google.com/intl/fr/analy8cs/ Login/mail: ……………….……@gmail.com Mot de passe : ……………………………….
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 3
Spip – guide utilisateur
Un site créé avec SPIP est divisé entre deux par8es dis8nctes : -‐ Le site public est l’ensemble des pages accessibles à tout visiteur. Il s’agit de
l’affichage des ar8cles, brèves, rubriques que vous avez publiés, ainsi que des interven8ons dans les forums qui y sont associés. Il est généré par les fichiers « squeleOes ».
-‐ L’espace privé est l’espace à accès restreint dans lequel les administrateurs et rédacteurs peuvent écrire des ar8cles, des brèves, modifier la structure du site, suivre et modérer les contribu8ons postées dans les forums, etc. Il est nécessaire d’être enregistré pour accéder à cet espace, c’est-‐à-‐dire d’avoir un login et un mot de passe. L’espace privé est accessible depuis le répertoire "ecrire" de l’installa8on SPIP (il s’agit en fait de la même adresse que celle u8lisée pour installer SPIP).
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 4
Accès à l'espace privé
Pour accéder à l‘espace privé du site, il vous faudra rajouter /ecrire à la fin de l’adresse (l’URL) de votre site. Vous arriverez alors sur une page de sécurité qui vous demandera votre login et votre mot de passe. Pour faciliter votre travail, il est possible d’ac8ver un cookie qui affichera par la suite des boutons d’administra8on en haut à droite de votre site. Cela vous permeOra d’aller directement sur l’espace de modifica8on d’une page précise par exemple. Si vous accédez à l’espace privé par le biais d’un ordinateur sur lequel vous ne serez plus amené à travailler, n’ac8vez pas le cookie pour éviter qu’une autre personne y accède.
Sur la plupart des sites, le cookie est ac8vé par défaut, vous n'avez rien à faire.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 5
Accès à l'espace privé
Par la suite, il vous suffira de cliquer sur le bouton « Espace privé » qui se trouve en haut de la page à droite. Ce bouton n’apparaît que pour les profils reconnus. Si vous ne vous êtes jamais connectés sur l’espace privé avec un ordinateur ou un navigateur, ce bouton n’apparaîtra pas.
Une fois dans l’espace privé, vous aurez accès à tous vos contenus « dynamiques », aux commentaires des internautes (si l’op8on est ac8vée), aux sta8s8ques basiques de vos pages et aux comptes des autres contributeurs. Si vous avez un statut d’administrateur, vous pourrez modifier certains paramètres des autres comptes et vous pourrez en créer de nouveau.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 6
Présentation de l'espace privé
L’entrée dans l’espace privé est assez simple. Vous trouvez plusieurs groupe de données et un menu horizontal en haut.
Le bloc en haut de la colonne de droite présente les derniers ar8cles mis en ligne. Vous aurez aussi un bloc pour les ar8cles en cours de rédac8on dont vous êtes l’auteur (vous ne pouvez pas accéder aux ar8cles de vos collaborateurs s’ils sont en cours de rédac8on). Vous trouverez enfin un bloc pour les ar8cles en aOente de valida8on – ceux-‐là seront visibles par tous les contributeurs.
Menu principal de l’espace privé
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 7
Présentation de l'espace privé
Ensuite vous avez des raccourcis pour créer de nouvelles rubriques et de nouveaux ar8cles. Il est assez déconseillé de créer de nouvelles rubriques car vous risquez de modifier les menus du site. Au-‐dessous, vous pouvez accéder aux différentes rubriques du site. En cliquant sur les flèches, vous déroulez la rubrique et pouvez ainsi accéder directement aux sous-‐rubriques. Les ar8cles créés sont obligatoirement dans une rubrique, il ne peut y avoir d’ar8cle sans rubrique.
Pour simplifier, chaque rubrique est un dossier qui peut contenir des documents et des sous-‐dossiers comme dans votre ordinateur.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 8
Écrire un nouvel article
Nous allons voir comment créer un nouvel ar8cle. Pour cela, soit nous allons sur la page d’accueil de l’espace privé en cliquant sur « À suivre » dans le menu horizontal en haut à gauche, soit directement à par8r de la rubrique dans laquelle nous voulons meOre cet ar8cle, ou encore en u8lisant le menu de raccourcis dans la barre horizontale.
Vous verrez qu’il est toujours possible de changer la rubrique contenant l’ar8cle pendant la rédac8on de celui-‐ci et même plus tard.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 9
Écrire un nouvel article
À l’ouverture de cet page de créa8on d’ar8cle, vous trouverez une suite de champs de saisie dont certains doivent être obligatoirement remplis. Il est impossible par exemple de valider un ar8cle s’il n’a pas de 8tre. Par défaut, SPIP remplit ce champ par « Nouvel ar8cle ». Si vous oubliez de le remplir votre ar8cle aura ce 8tre, ce qui le rendra anonyme car ce 8tre est à la fois u8lisé pour les noms des liens dans les menus et pour l’adresse (l’URL) ; il devient par conséquent le 8tre de la page. Dans le web, pour le référencement dans les moteurs de recherche, ce 8tre est essen8el et doit être rédigé avec aOen8on.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 10
Écrire un nouvel article
L’autre champ à indispensable à remplir est, bien entendu le texte de votre ar8cle, son contenu. Vous avez ensuite des champs op8onnels qui méritent votre aOen8on : • Le descrip9f rapide, u8lisé pour le référencement.
Google l’affiche parfois sous le 8tre comme résumé de la page. Il est important en une phrase de réussir à résumé votre ar8cle pour guider l’internaute vers le bon contenu recherché.
• Le chapeau, u8lisé généralement pour résumé en
quelques phrases (de 3 à 5 phrases maximum) votre ar8cle. Il est conseillé d’y présenter votre conclusion ou, du moins, d’y présenter le but de votre ar8cle.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 11
Enregistrement de l’article
Il est important en fin de rédac8on de ne pas oublier d’enregistrer votre ar8cle sinon les données seront perdues ! Ce bouton se trouve tout en bas de la page, soit en dessous de champ « Texte », soit en dessous du champ « Post-‐Scriptum » si ce dernier est ac8vé dans les configura8ons. Votre ar8cle est alors enregistré mais n’est pas encore en ligne. Il faudra pour cela le valider ou le proposer à la valida8on en fonc8on de votre statut (rédacteur, administrateur…).
Vous avez aussi un « fil d’Ariane » pour connaître l’emplacement de votre ar8cle. Dans l’exemple affiché, nous sommes dans l’ar8cle « Démarches en ligne » qui se trouve dans la rubrique « Accueil » qui est elle-‐même à la racine du site.
Module FCK Editor
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 12
La gestion des images
Le module FCK éditor se présente un peu comme dans un traitement de texte classique avec la possibilité de meOre en gras, de souligner du texte, de créer de liste…
Pour ajouter une image dans le contenu textuel d’un ar8cle, vous devez aller dans le mode « Modifier cet ar8cle ».
Vous devez ensuite cliquez à l’emplacement où devra se situer votre image puis vous cliquez sur le bouton image dans la barre d’ou8l :
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 13
Ajouter une image dans l’article
S’ouvre alors une fenêtre. Vous allez ensuite dans « explorer le serveur » pour soit chercher une image déjà chargée, soit télécharger une nouvelle image. Pour cet exemple, nous allons télécharger une nouvelle image.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 14
Ajouter une image dans l’article
Vous allez chercher votre image avec « Parcourir » puis vous télécharger. Une fois téléchargée, vous cliquez sur « U8liser le fichier : nomDeLImage.jpg ». Une nouvelle fenêtre apparaît qui vous permet de modifier certains paramètres de l’image. Vous pouvez ainsi ajouter un texte de remplacement (accessibilité). Il est normalement obligatoire. Vous pouvez aussi changer la taille de l’image en gardant ou non les propor8ons avec le cadenas. La largeur maximum est généralement autour de 500px.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 15
Portfolio
Nous allons voir comment insérer des images dans le porwolio et leur donner une vigneOe au format carré pour uniformiser le rendu et voir comment insérer des images dans le texte, les redimensionner pour que cela apparaisse correctement. Dans la par8e administra8ve de l’ar8cle, sans passer par le mode modifica8on où vous pouvez changer le texte, vous trouvez en bas du contenu le porwolio. À par8r de ceOe espace vous pouvez ajouter, supprimer, renseigner vos images qui seront incluses dans la par8e publique au diaporama d’images en bas de l’ar8cle.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 16
Portfolio
Pour ajouter une vigneCe, vous dépliez le cadre de la photographie en survolant la flèche grise à côté du nom de l’image, puis vous cliquez sur « parcourir » pour aller chercher la vigneOe du document que vous aurez préalablement préparé avec pixlr.com/editor par exemple. Pour l’exemple, la vigneOe est un carré de 600px par 600px.
Le rendu sur le site public donne bien des
vigneOes carrés et lorsque vous cliquez sur
les vigneOes s’affiche l’image dans les
dimensions d’origine.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 17
Les statuts des articles
Votre ar8cle, une fois enregistré, est présenté comme « en cours de rédac8on », ce qui signifie qu’il n’est encore visible que par vous ou toute personne se connectant avec le même login que vous. Vous pouvez ainsi revenir dessus, le terminer ou le modifier plus tard avant de le meOre en ligne ou en relecture auprès des autres contributeurs du site.
Les différents statuts sont : § Proposé à l’évalua9on (l’ar8cle est
visible dans l’espace privé par tous les contributeurs) ;
§ Publié en ligne (l’ar8cle est visible en ligne) ;
§ À la poubelle (l’ar8cle ne sera plus
visible dans l’espace privé ni en ligne ;; § Refusé poubelle (l’ar8cle ne sera plus
visible dans l’espace privé ni en ligne).
Vous pouvez changer le statut d’un ar8cle directement à par8r d’une
rubrique en posant la souris sur le carré puis en cliquant sur celui souhaité.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 18
Historique des modifications
Lorsqu’un site web est mis à jour par plusieurs contributeurs, le module des historiques des « modifica8ons des ar8cles » s’avère être un ou8l indispensable. Vous pouvez, à tout moment, revenir sur une ancienne version d’un ar8cle, vérifier quelles ont été les modifica8ons et par qui elles ont été faites. Les par8es en rouge et barrées ont été supprimées dans la dernière version de l’ar8cle.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 19
Historique des modifications
Pour cet exemple, il existe deux versions de l’ar8cle. Il est ainsi possible de revenir sur la première version, de comparer les différentes versions et de les modifier.
Voyelle – 40 rue du Bignon, forum de la rocade, bâ8ment Oméga à Chantepie -‐ [email protected] 20
Outils en ligne
Pour modifier des images : • Retrouver ceOe présenta8on en ligne :
hOp://www.slideshare.net/Voyelle/forma8on-‐rdacteuradministrateur-‐de-‐site-‐sous-‐spip
• La suite d’ou8ls sur www.pixlr.com
• Editor > hOp://pixlr.com/editor/ ressemble à Photoshop
voir le tutoriel sur notre blog >
hOp://blog.voyelle.me/webtools/pixlr-‐editor-‐le-‐photoshop-‐en-‐ligne
• O-‐ma8c > hOp://pixlr.com/o-‐ma8c/ système de filtres
• Express > hOp://pixlr.com/editor/ pour des modifica8ons simples