REDIGER ET PUBLIER DES ARTICLES

Transcription

1 REDIGER ET PUBLIER DES ARTICLES Introduction... 2 Publier avec Spip + EVA... 2 Ecrire un article... 3 Règles de saisie d un texte... 4 Placer une image dans un article... 7 Joindre un document à un article... 8 Référencer un site Référencer un site Créer un album photo Créer un diaporama... 13

2 Introduction Nos sites utilisent le système de publication SPIP ; des fonctionnalités supplémentaires ont été ajoutées grâce à un ensemble appelé EVA. Publier avec Spip La publication se fait à partir du site en cliquant sur la commande <Ecrire> ou le bouton en haut à droite de l écran. Le rédacteur, l'administrateur de la rubrique ou l'administrateur général rentre dans l interface de publication après s'être identifiés (login + mot de passe). Rédacteur Il peut : écrire un nouvel article, réaliser des albums photo, continuer et corriger ses articles "en cours de rédaction" ou "proposés à la publication", consulter et donner son avis pour les articles des autres rédacteurs, proposés à la publication, référencer un site web. Administrateur de rubrique Outre les possibilités du rédacteur, il peut pour la (ou les) rubrique(s) qu'il administre : créer des sous-rubriques, créer des diaporamas, corriger et valider les articles proposés à la publication, publier un article "à valider", proposer un nouveau rédacteur, référencer un site web. Administrateur général Outre les possibilités abordées ci-dessus, étendues à toutes les rubriques, il peut : valider les sites web référencés, configurer le site, maintenir le site (sauvegarde, cache,...), gerer les auteurs, personnaliser EVA.

3 Ecrire un article 1. Entrez dans l'interface d'administration de Spip. Il vaut mieux activer tout de suite l interface complète. 2. Cliquez sur 3. Sélectionnez la rubrique dans laquelle vous voulez placer votre article. C'est aussi par ce même procédé que l'on peut changer (plus tard) un article de rubrique. 4. Dans la page d'édition de l'article, remplissez les différents champs : Titre (obligatoire) Descriptif (facultatif) : Le descriptif est pour des textes très courts (une ou deux phrases), qui figureront dans les listes d articles (sommaires, listes des articles de tel auteur, tri d articles par mot-clé, réponses du moteur de recherche, etc.). Texte de l article : voir le chapitre suivant pour les quelques règles de mise en forme. 5. Lorsque votre article est prêt, cliquez sur [Valider] (en bas de page). 6. Maintenant que votre article est créé vous pouvez : o Joindre un document à un article o Placer une image dans un article 7. Si votre article est fini, cliquez sur [Demander la publication de cet article], ou si vous êtes administrateur vous pouvez le publier directement. N oubliez pas de cliquer sur <Modifier>. Remarques : Vous pouvez aussi rédiger un article en plusieurs fois (revenir le compléter plus tard, le modifier, le corriger), tant que l'article n'a pas été publié par les administrateurs. Seul l'administatreur (ou l administrateur de rubrique) peut corriger un article publié. Pour qu'un rédacteur puisse revenir sur son article (déjà publié), l'administrateur devra le remettre "en cours de rédaction".

4 Règles de saisie d un texte Typographie française automatique SPIP respecte automatiquement les principales règles d espacement de la typographie française - ainsi des espaces insécables sont ajoutées devant les caractères «:», «;», «!», «?» -, et place des espaces insécables avant et après les guillemets «à la française». (Note : cette fonctionnalité n est activée que sur les sites dont la langue principale est le français.) Créer des paragraphes Pour créer des paragraphes, il suffit de laisser une ligne vide, un peu comme on sépare les paragraphes dans un (on «saute» une ligne). Le fait de simplement «revenir à la ligne» (retour-chariot) sans séparer les deux paragraphes par une ligne vide ne suffit pas pour provoquer un changement de paragraphe (cela ne provoque même pas un retour à la ligne). Vous pouvez laisser plusieurs lignes vides à la suite sans que cela modifie la présentation. Gras, italique, intertitres, liens hypertextes On indique simplement du texte en italique en sélectionnant le texte et en cliquant sur le bouton correspondant : Spip rajoute des codes typographiques. Trait de séparation horizontal Il est très simple d insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu une succession d au moins quatre tirets, ainsi : Tableaux Pour réaliser des tableaux très simples dans SPIP, il suffit de faire des lignes dont les «cases» sont séparées par le symbole (Alt Gr + 6), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau. Par exemple, : {{Nom}} {{Prénom}} {{Age}} Marso Ben 23 ans Capitaine non connu Philant Philippe 46 ans Cadoc Bébé 4 mois Remarquez que toutes les entrées de la première ligne sont placées en gras. SPIP identifie ainsi qu il s agit d une page d entête, et lui attribue une présentation différente des autres lignes (fond de couleur différente). La présence d une telle ligne n est pas obligatoire.

5 Fabriquer des listes ou des énumérations On peut fabriquer des listes dans SPIP de la même manière que dans un il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret («-»). Notez : ici un simple retour à la ligne suffit (on peut faire des énumérations dans le même paragraphe) ; mais si l on «saute» une ligne avant la ligne commençant par un tiret, une ligne vide est affichée avant l énumération. Gestion affinée des listes et des énumérations Un simple retour à la ligne s obtient en tapant _ (le trait de soulignement ou underscore) au début de la ligne, suivi d une espace. N.B. En typographie classique, le simple retour à la ligne est très rare (limité essentiellement à la poésie). On le confond souvent avec le changement de paragraphe tel qu il est affiché sur les documents imprimés (sans espacement vertical entre les paragraphes), alors que, par défaut, les butineurs Web insèrent un espacement entre les paragraphes. Beaucoup d utilisateurs cherchent à reproduire cette caractéristique de l imprimé (pas d espacement vertical) en insérant de simples retours à la ligne entre ce qu ils considèrent être des paragraphes ; cela est un erreur qui risque de nuire à la facilité de maintenance et d évolution de leur site. La solution consiste à définir, dans les squelettes, une feuille de style (CSS) décrivant le comportement des paragraphes (c est-à-dire, selon les choix, pas d espacement vertical entre les paragraphes, indentation de la première ligne...). On peut faire des énumérations imbriquées en ajoutant des étoiles après le tiret d énumération. Ainsi : -* Ton cheval est: -** alezan; -** bai; -** noir; -* mais mon lapin est -** blanc: -*** angora -*** ou à poil ras. donne : Ton cheval est : o alezan ; o bai ; o noir ; mais mon lapin est o blanc : angora ou à poil ras. Enfin, on peut faire des listes numérotées en utilisant le # à la place de l étoile :

6 -# premier -# deuxieme -# troisieme donnera : 1. premier 2. deuxième 3. troisième

7 Placer une image dans un article Pour joindre une image à un article, il est impératif que l'article ait déjà été créé. Attention, à ne pas placer des images trop lourdes ; dans ce cas choisissez plutôt de la joindre en tant que document, et dans l'article, placez la vignette à l'endroit désiré (le lien vers le "grand" format sera fait automatiquement). 1. Dans l'interface d'administration, naviguez dans l'arborescence jusqu'à l'article auquel vous voulez joindre une image. 2. Cliquez sur 3. Dans la page d'édition de l'article, sur le coté gauche : Cliquez d'abord sur le triangle noir pour développer (cicontre). Cliquez sur [Parcourir], puis allez selectionner l'image que vous souhaitez attacher à l'article. Cliquez ensuite sur [Télécharger], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long. Une fois le fichier joint, la page se rafraichit. 4. Pour faire apparaître l'image dans l'article il vous suffira d'y copier les "petits" codes (dans le champs "texte" et/ou "descriptif") : o <img5 left> : pour aligner l'image à gauche, par rapport à un paragraphe, une ligne de texte, etc... o <img5 center>: pour centrer l'image o <img5 right>: pour aligner l'image à droite, par rapport à un paragraphe, une ligne de texte, etc Dans les paramètres de l'image que vous avez ajoutée, vous pouvez : Changer le titre de l'image et le descriptif si vous le souhaitez. Vous pouvez également supprimer l'image tant que l'article est toujours "en cours de rédaction". Ensuite

8 Joindre un document à un article Pour joindre un document à un article, il est impératif que l'article ait déjà été créé. 1. Dans l'interface d'administration, naviguez dans l'arborescence jusqu'à l'article ou la rubrique auxquels vous voulez joindre un document. Si c'est pour un article cliquez sur coté gauche :, puis dans la page d'édition de l'article, sur le Cliquez d'abord sur le triangle noir pour développer (cicontre). Cliquez sur [Naviguer...], puis allez selectionner le document que vous souhaitez attacher à l'article. Cliquez ensuite sur [Télécharger], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long. Une fois le fichier joint, la page se rafraichit. 2. Pour faire apparaitre la vignette document à un endroit précis de l'article il vous suffira d'y copier les "petits" codes (dans le champs "texte" et/ou "descriptif") : o <doc15 left> : pour aligner la vignette du document à gauche, par rapport à un paragraphe, une ligne de texte, etc... o <doc15 center> : pour centrer la vignette du document o <doc15 right> : pour aligner la vignette du document à droite, par rapport à un paragraphe, une ligne de texte, etc... Si vous ne placez pas l'un de ces codes, la vignette du document apparaîtra toute seule en bas de votre article. 3. Dans les paramètres du document que vous avez joint, vous pouvez : Remplacer la vignette par défaut en mettant celle de votre choix. Cliquez sur [Parcourir...], puis allez selectionner l'image souhaitée et cliquez ensuite sur [Télécharger]. Attention à ne pas mettre une image trop volumineuse, il est recommandé de se limiter à 120 pixels (largeur et hauteur) afin de ne pas alourdir les pages web.

9 Changer le titre du document. Ceci ne changera en aucun cas le nom du fichier que les visiteurs vont télécharger. Vous pouvez également supprimer le document tant que l'article est toujours "en cours de rédaction". Ensuite seuls les administrateurs pouront supprimer/modifier le document.

10 Référencer un site 1. Entrez dans l'interface d'administration 2. Allez dans 3. Naviguez dans l'arborescence, en descendant dans les rubriques jusqu'à ce que vous arriviez dans la rubrique où vous souhaitez réferencer le site. 4. Cliquez sur 5. Dans la page d'édition du site réferencé, remplissez les différents champs : nom du site, adresse, descriptif. Le "Référencement automatisé d'un site" va, à partir de l'adresse du site (ou d'une page), prendre automatiquement le titre de la page de ce lien en nom du site, mais ne remplira pas le descriptif. 6. Si vous vous êtes trompé de rubrique, vous pouvez directement mettre votre site réferencé dans une autre rubrique, avec : Sélectionnez la rubrique dans laquelle vous voulez placer votre site réferencé. C'est aussi par ce même procédé que l'on peut changer (plus tard) un site réferencé de rubrique, si vous êtes administrateur. 7. Puis lorsque votre site réferencé est prêt, cliquez sur [Valider] (en bas de page)

11 Créer un album photo Les squelettes EVA ont été pensés afin de permettre la création d'albums photos, le plus simplement possible. Un album photo est un article, dont le squelette (l'affichage sur le site public), est spécifique et se présente sous la forme d'une mosaïque d'images. 1. Créer votre article "normalement". Le titre de l'article sera alors le titre de l'album photo, et le texte (et chapeau, post-scriptum,...) en sera une présentation détaillée. Une fois votre article créé, vous pouvez alors y attacher des documents, en l'occurence des photos, dessins, Attachez vos images en tant que documents : Cliquez d'abord sur le triangle noir pour développer (ci-contre). Cliquez sur [Naviguer...], puis allez sélectionner l'image que vous souhaitez attacher à l'article. Cliquez ensuite sur [Télécharger], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long. La largeur recommandée pour un affichage optimal est d'environ 500 pixels. Une fois le fichier joint, la page se rafraichit.

12 3. Dans les paramètres de l'image que vous avez jointe, vous pouvez : Remplacer la vignette par défaut en mettant une version plus petite de l'image (environ 100 pixels de largeur). Cliquez sur [Naviguer...], puis allez selectionner l'image souhaitée et cliquez ensuite sur [Télécharger]. Attention à ne pas mettre une image trop volumineuse, il est recommandé de choisir des vignettes de 100 pixels de largeur environ. Il s'agit de l'apperçu qui permettra d'afficher la photo quand on clique dessus. Personnaliser le titre et descriptif du document, soit le commentaire de la photo. Vous pouvez également supprimer le document tant que l'article est toujours "en cours de rédaction". Ensuite seuls les administrateurs pourront supprimer/modifier le document. 4. Pour définir l'ordre dans lequel les photos vont défiler et apparaître, il vous suffira de numéroter le titre des documents, en rajoutant : <numéro><point><espace> devant le titre de chaque document. Par exemple : 1. Première photo 2. Seconde photo 30. Troisième photo 5. Une fois votre album photo fini, n'oubliez pas d'attacher le mot-clé "album" à votre article, afin que sur le site public votre article prenne la mise en page propre à un album photo. remarque : pour voir apparaitre la zone "mots-clés", il faut être en "interface complète".

13 Créer un diaporama Les squelettes EVA ont été pensés afin de permettre la création de diaporamas, le plus simplement possible. Un diaporama est constitué de l'ensemble des articles d'une rubrique. Le diaporama est donc la rubrique elle même, ses articles étant les différentes diapositives. Dans une rubrique diaporama, les articles auront un affichage spécifique, notamment l'intégration automatique des boutons "Suivant", "Précédent" permettant de passer d'une diapo à l'autre... Note : le texte des articles (+ chapeau, post-scriptum,...), ou son contenu, est ensuite tout à fait "classique" et peut donc contenir du texte des images, documents joints,... Pour ce faire il suffit d'attacher le mot-clé "diaporama" à la rubrique concernée. Ainsi tous les articles de cette rubrique prendront l'aspect d'un diaporama. Ensuite créez autant d'articles dans la rubrique que de pages pour votre diaporama. Remarque : pour voir apparaitre la zone "mots-clés", il faut être en "interface complète". Cliquez sur le triangle noir pour développer, puis sur le groupe "Type d'affichage", sélectionnez "diaporama" et cliquez sur lr bouton [Choisir]. Pour définir l'ordre dans lequel les articles vont défiler, il vous suffira de numéroter vos articles, en rajoutant : <numéro><point><espace> devant le titre de chaque article. Par exemple : 1. Première diapo 2. Seconde diapo 30. Troisième diapo Remarque : Seuls les administrateurs peuvent créer et modifier les rubriques d'un site sous SPIP ; donc seul un administrateur pourra créer la rubrique correspondante et y attacher le mot-clé "diaporama". Si l'on attache le mot-clé "diaporama" à une rubrique aucun de ses articles ne pourra être présenté comme un album photo (même s'il contient le mot-clé album).

14

15