Accueil > Le blog > Tutoriel rédacteur

Sommaire

Tutoriel rédacteur Tutoriel rédacteur

Niveau : rédacteur confirmé

dimanche 17 novembre 2013 par Jean-François

 

Principales fonctionnalités pour écrire un article, y insérer des photos etc.
Ce tutoriel présente surtout les fonctionnalités nouvelles (suite au passage à Spip 3) ou mal connues.

1- Préliminaires

1.1- Accéder à l’espace de travail

Pour écrire un article, il faut avoir le statut de rédacteur. 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 rédacteur, 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 procédure pour le retrouver).

Si vous êtes déjà connecté (vous voyez alors un message de bienvenue dans le bandeau) il suffit de cliquer sur « Espace privé » pour accéder à l’espace de travail.

1.2- Commencer l’écriture d’un article

Vous voila maintenant dans l’espace de travail, prêt à é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 numérotées.
- En bas de page, cliquez alors sur « Ecrire un nouvel article ».

- Saisissez le titre de l’article (et éventuellement un sous-titre).
- Vérifiez que vous êtes bien à l’intérieur de la bonne rubrique (sinon, changer en cliquant sur la petite loupe)
- Saisissez un descriptif rapide : ce descriptif sera repris comme résumé de l’article dans la page d’accueil (à défaut, les 600 premiers caractères de l’article constituent le résumé).
- Saisissez éventuellement un chapeau, qui figurera dans un encadré en tête 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 tête de la zone de saisie), avec une explication au survol. Vous trouverez toutefois en fin de cet article un guide des outils non documentés.

2- Insertions

2.1- Insérer des photos

- Télécharger une photo ou plutôt la "téléverser"

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 préalablement placé les photos voulues dans un répertoire adhoc. Il faut aussi les avoir traitées pour qu’elles ne soient ni trop petites, ni trop grandes : environ 800 à 1200 px de large.
- Cliquez sur « Téléverser »

En survolant le nouveau petit cadre de la photo, vous pouvez :
- Déposer la photo dans le portfolio (ou l’en détacher). Le portfolio, c’est en fait le diaporama qui apparaît 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 gérer l’ordre des photos dans le diaporama.
Le titre doit alors être de la forme suivante : « 10. Titre de ma photo »
Je précise : numéro, un point, un espace, le titre proprement dit.
Numérotez de dix en dix, pour pouvoir ré-insérer une photo sans devoir tout renuméroter (la photo "35", viendra entre la "30" et la "40").

- Insérer 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 versées dans le portfolio viendront constituer le diaporama, visible en fin d’article.

- Insérer des photos par lot

Il faut au préalable constituer un fichier zip regroupant toutes les photos voulues.
Il suffit ensuite de choisir et téléverser ce fichier zip, puis suivre les indications pour que le fichier téléversé soit dézippé.
Il ne reste plus qu’à donner un titre à chacune des photos.

2.2- Insérer 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 brève contenant le texte de l’encart (grosso-modo, une brève c’est comme un article, sauf qu’il faut choisir « Ecrire une nouvelle brève » à la place de « Ecrire un nouvel article » !
La brève étant faite et enregistrée (le mieux étant de l’enregistrer dans la rubrique de rattachement de l’article), il faut lui attribuer le mot clé « Insert », et repérer le numéro de la brève.
Enfin dans l’article, il faut insérer à l’endroit voulu :
<brevexx|insert|left> ou xx est le numéro de la brève.

3- Attribuer un logo à l’article

Par défaut, un article a pour logo celui de sa rubrique de rattachement.
Si on veut attribuer un logo spécifique il faut choisir un logo et le télécharger 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 carrée 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é régulièrement.

Il faut écrire une brève contenant le texte de l’édito.
La rubrique de rattachement de la brève n’est pas critique, mais il vaut mieux choisir la rubrique "Edito".
La brève étant faite et enregistrée, il faut lui attribuer le mot clé « Edito »

5- Référencer un site

Plusieurs solutions sont envisageables :
- Référencer un site directement rattaché à l’article (un seul site) : il faut renseigner la zone « Lien hypertexte » placée au dessus de la zone de saisie du texte de l’article.
Ce site apparaîtra dans la page d’un article, en haut et à droite derrière l’intitulé : "Voir en ligne".
- Saisir un nouveau site référencé : dans l’espace privé cliquer sur « Edition » puis sélectionner « Sites Référencés » et « Référencer un nouveau site ». Remplir alors les différentes zones, laisser cocher « Pas de syndication » (je n’ai pas testé cette partie).

Les sites référencés apparaîtront
- dans les différents encadrés marqués « 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 critère de boucle suivant :
{id_rubrique !IN 64,80,95}
- Par ailleurs, le webmestre peut créer un "espace collaboratif" (ou plusieurs), dans lequel les articles ne sont accessibles qu’à un ensemble précis de visiteurs (lesquels doivent évidemment être authentifiés avec login et mot de passe pour y accéder).

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 documentés dans Spip.
Vous les trouverez ci-après, avec le code en première ligne et le résultat en dessous.

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

Pour insérer du code sans qu’il soit interprété.

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 poésie </poesie>
Ce raccourci typographique existe mais je n’ai pas réussi à 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 début de ligne : _ texte à la ligne
J’utilise quand même cette exception pour mettre un tiret haut en début de ligne (sinon ça ferait le petit triangle) :
c’est à dire _ - Mon texte, ce qui donne
- Mon texte

---- (4 tirets hauts) donnent le séparateur suivant :


Le ~ (tiret cadratin, obtenu par AltGr 2) correspond à un espace insécable
Jean~François~David donne
Jean François David avec des espaces insécables
(je n’ai pas trouvé comment faire des tirets insécables)

Liste à puces.

-* première ligne
-* deuxième ligne
-** une première ligne de sous liste à puce
-** une deuxième ligne
-* de retour dans le niveau initial

Donne

  • première ligne
  • deuxième ligne
    • une sous liste à puce
    • une deuxième ligne
  • de retour dans le niveau initial

Liste numérotée (En fait je n’ai pas pu faire marcher ce type de liste)

-# première ligne numérotée

Lien externes et internes
Pour mémoire 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 brève [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 rédaction".

Si vous êtes rédacteur 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 général a ce pouvoir exorbitant !).

Si vous êtes rédacteur ET administrateur de la rubrique, vous pouvez mettre en ligne vous-même l’article, et y revenir pour le modifier si besoin.

Astuce  : si vous voulez passer du statut de rédacteur à 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 prt, cliquez sur "Prvisualiser".
    Puis, si le message vous convient, cliquez sur "Message dfinitif, envoyer au site".

Voir en ligne : Les intertitres hiérarchisés