Accueil > Le blog > Tutoriel rdacteur

Sommaire

Tutoriel rdacteur

Niveau : rdacteur confirm

dimanche 17 novembre 2013 par Jean-Franois

 

Principales fonctionnalits pour crire un article, y insrer des photos etc.
Ce tutoriel prsente surtout les fonctionnalits nouvelles (suite au passage Spip 3) ou mal connues.

1- Prliminaires

1.1- Accder l’espace de travail

Pour crire un article, il faut avoir le statut de rdacteur. Si vous n’avez pas ce statut, envoyez un message JF (cliquez sur Contact dans le menu en haut de page) en n’oubliant pas d’indiquer votre nom et votre adresse mail.

Si vous avez le statut de rdacteur, il faut aller dans l’espace priv du site : cliquez sur Se connecter , entrez votre identifiant (ou votre adresse mail) et votre mot de passe (si vous l’avez oubli, suivez la procdure pour le retrouver).

Si vous tes dj connect (vous voyez alors un message de bienvenue dans le bandeau) il suffit de cliquer sur Espace priv pour accder l’espace de travail.

1.2- Commencer l’criture d’un article

Vous voila maintenant dans l’espace de travail, prt crire un article !

- Placez-vous dans la page d’accueil (si vous n’y tes pas, cliquez sur Accueil )
- Choisissez la rubrique (et sous-rubrique) de rattachement pour votre futur article, en choisissant exclusivement une des rubriques numrotes.
- En bas de page, cliquez alors sur Ecrire un nouvel article .

- Saisissez le titre de l’article (et ventuellement un sous-titre).
- Vrifiez que vous tes bien l’intrieur de la bonne rubrique (sinon, changer en cliquant sur la petite loupe)
- Saisissez un descriptif rapide : ce descriptif sera repris comme rsum de l’article dans la page d’accueil ( dfaut, les 600 premiers caractres de l’article constituent le rsum).
- Saisissez ventuellement un chapeau, qui figurera dans un encadr en tte de l’article.
- Et enfin saisissez le texte de votre article.

Je n’explicite pas ici les outils de mise en forme du texte : ils figurent dans la barre d’outils (en tte de la zone de saisie), avec une explication au survol. Vous trouverez toutefois en fin de cet article un guide des outils non documents.

2- Insertions

2.1- Insrer des photos

- Tlcharger une photo ou plutt la "tlverser"

En haut et sur la gauche de la page, vous trouvez un cadre Ajouter une image ou un document
- Cliquez sur Choisissez un fichier (le plus souvent depuis : Mon ordinateur )
Il faut avoir pralablement plac les photos voulues dans un rpertoire adhoc. Il faut aussi les avoir traites pour qu’elles ne soient ni trop petites, ni trop grandes : environ 800 1200 px de large.
- Cliquez sur Tlverser

En survolant le nouveau petit cadre de la photo, vous pouvez :
- Dposer la photo dans le portfolio (ou l’en dtacher). Le portfolio, c’est en fait le diaporama qui apparat en fin d’article.
- Supprimer la photo (si vous n’en voulez plus).
- Cliquer sur Modifier , ce qui permet de saisir le titre de la photo et ventuellement un descriptif
Astuces : mettez un n avant le titre, ce qui permet de grer l’ordre des photos dans le diaporama.
Le titre doit alors tre de la forme suivante : 10. Titre de ma photo
Je prcise : numro, un point, un espace, le titre proprement dit.
Numrotez de dix en dix, pour pouvoir r-insrer une photo sans devoir tout renumroter (la photo "35", viendra entre la "30" et la "40").

- Insrer la photo dans l’article

Dans le petit cadre de la photo, copiez le lien <docxxx|left> (ou "center", ou "right" !)
Placez vous dans le texte l’endroit voulu et faites "coller"

- Faire un diaporama
En fait c’est automatique : toutes les photos verses dans le portfolio viendront constituer le diaporama, visible en fin d’article.

- Insrer des photos par lot

Il faut au pralable constituer un fichier zip regroupant toutes les photos voulues.
Il suffit ensuite de choisir et tlverser ce fichier zip, puis suivre les indications pour que le fichier tlvers soit dzipp.
Il ne reste plus qu’ donner un titre chacune des photos.

2.2- Insrer un Encart

On peut voir un exemple d’encart dans l’article Les canuts la Croix Rousse, vers le milieu de l’article.

Il faut crire une brve contenant le texte de l’encart (grosso-modo, une brve c’est comme un article, sauf qu’il faut choisir Ecrire une nouvelle brve la place de Ecrire un nouvel article  !
La brve tant faite et enregistre (le mieux tant de l’enregistrer dans la rubrique de rattachement de l’article), il faut lui attribuer le mot cl Insert, et reprer le numro de la brve.
Enfin dans l’article, il faut insrer l’endroit voulu :
<brevexx|insert|left> ou xx est le numro de la brve.

3- Attribuer un logo l’article

Par dfaut, un article a pour logo celui de sa rubrique de rattachement.
Si on veut attribuer un logo spcifique il faut choisir un logo et le tlcharger dan le petit cadre "Logo de l’article", situ dans la colonne de gauche en haut de la page de saisie de l’article.
Il est souhaitable de choisir une petite photo carre de 80x80 px.

4- Faire un Edito

L’dito est un court texte visible droite dans la page d’accueil. Ce texte a vocation a tre chang rgulirement.

Il faut crire une brve contenant le texte de l’dito.
La rubrique de rattachement de la brve n’est pas critique, mais il vaut mieux choisir la rubrique "Edito".
La brve tant faite et enregistre, il faut lui attribuer le mot cl Edito

5- Rfrencer un site

Plusieurs solutions sont envisageables :
- Rfrencer un site directement rattach l’article (un seul site) : il faut renseigner la zone Lien hypertexte place au dessus de la zone de saisie du texte de l’article.
Ce site apparatra dans la page d’un article, en haut et droite derrire l’intitul : "Voir en ligne".
- Saisir un nouveau site rfrenc : dans l’espace priv cliquer sur Edition puis slectionner Sites Rfrencs et Rfrencer un nouveau site. Remplir alors les diffrentes zones, laisser cocher Pas de syndication (je n’ai pas test cette partie).

Les sites rfrencs apparatront
- dans les diffrents encadrs marqus Sur le web dans la colonne de droite,
- en cliquant sur le lien Sur le web dans le menu du haut de page.

6- Affichage conditionnel d’un article ou rubrique

- Pour ne pas afficher un article dans la page d’accueil, lui mettre pour mot cl "PasUne"
- Pour ne pas afficher une rubrique dans une page, il faut modifier le code de cette page (en FTP) et mettre le n de la rubrique dans le critre de boucle suivant :
{id_rubrique !IN 64,80,95}
- Par ailleurs, le webmestre peut crer un "espace collaboratif" (ou plusieurs), dans lequel les articles ne sont accessibles qu’ un ensemble prcis de visiteurs (lesquels doivent videmment tre authentifis avec login et mot de passe pour y accder).

7- Raccourcis typographiques

Outre les raccourcis disponibles dans la barre d’outil de la zone de saisie du texte, beaucoup d’autres raccourcis sont disponibles, peu documents dans Spip.
Vous les trouverez ci-aprs, avec le code en premire ligne et le rsultat en dessous.

<del>Ce texte est biff</del>
Ce texte est biff

Pour insrer du code sans qu’il soit interprt.

Ceci est du code HTML, ou PHP, ou Spip...

<math>Ceci est une formule math TeX A+B/C</math> (non test)
Ceci est une formule math TeX A+B/C

<poesie> vers de la posie </poesie>
Ce raccourci typographique existe mais je n’ai pas russi le faire marcher !

<cadre>Ceci est un texte plac dans un cadre
  Le retour la ligne et les retraits
      sont pris en compte</cadre>
<quote>Ceci est une citation
Elle est sur deux lignes</quote>

Ceci est une citation
Elle est sur deux lignes

Gestion des retours ligne
Un retour la ligne simple est maintenant pris en compte par Spip 3
Sauf exception, il n’est plus besoin de faire tiret bas espace en dbut de ligne : _ texte la ligne
J’utilise quand mme cette exception pour mettre un tiret haut en dbut de ligne (sinon a ferait le petit triangle) :
c’est dire _ - Mon texte, ce qui donne
- Mon texte

---- (4 tirets hauts) donnent le sparateur suivant :


Le ~ (tiret cadratin, obtenu par AltGr 2) correspond un espace inscable
Jean~Franois~David donne
Jean Franois David avec des espaces inscables
(je n’ai pas trouv comment faire des tirets inscables)

Liste puces.

-* premire ligne
-* deuxime ligne
-** une premire ligne de sous liste puce
-** une deuxime ligne
-* de retour dans le niveau initial

Donne

  • premire ligne
  • deuxime ligne
    • une sous liste puce
    • une deuxime ligne
  • de retour dans le niveau initial

Liste numrote (En fait je n’ai pas pu faire marcher ce type de liste)

-# premire ligne numrote

Lien externes et internes
Pour mmoire voir dans la barre d’outil des styles.
Je signale qu’on peut aussi faire un lien vers un auteur [texte du lien->aut3]
ou vers une brve [texte du lien->bre3]

[Victor Hugo|bulle aide]
Victor Hugo

Liens ancre
Pour poser l’ancre : [definition_ancre<-]
Pour faire le lien de retour l’ancre [retour l'ancre->#definition_ancre]

8- Enregistrement et mise en ligne

Votre article tant termin cliquez en bas de l’article sur le bouton " Enregistrer ".
L’article prend alors le statut "En cours de rdaction".

Si vous tes rdacteur sans avoir le statut d’administrateur de la rubrique, vous pouvez changer le statut de l’article en " Propos l’valuation ".
(Attention, dans ce cas vous ne pourrez plus modifier l’article !)
L’administrateur de la rubrique sera alors averti par mail et pourra mettre l’article en ligne (mais il ne pourra pas le modifier ! Seul l’administrateur gnral a ce pouvoir exorbitant !).

Si vous tes rdacteur ET administrateur de la rubrique, vous pouvez mettre en ligne vous-mme l’article, et y revenir pour le modifier si besoin.

Astuce  : si vous voulez passer du statut de rdacteur celui d’administrateur d’une (ou plusieurs) rubrique(s), passez un coup de fil JF ou cliquez sur " Contact " : JF ne manquera pas de convoquer au plus vite le comit directeur du blog !


Ecrire un commentaire sur l'article

modération a priori

Votre message n'apparaîtra qu'après avoir été validé par un administrateur du site, mais il sera bien pris en compte.

Qui êtes-vous ?
Votre message
  • Pour créer des paragraphes, laissez simplement des lignes vides.

  • Quand votre message est prêt, cliquez sur "Prévisualiser".
    Puis, si le message vous convient, cliquez sur "Message définitif, envoyer au site".

Voir en ligne : Les intertitres hirarchiss