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.
#Préliminaires
##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.
##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.
#Insertions
##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 (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.
##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 :
ou xx est le numéro de la brève.
#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 80×80 px.
#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»
#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.
#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).
#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.
Ce texte est biffé
Ce texte est biffé
Pour insérer du code sans qu’il soit interprété.
Ceci est du , ou PHP, ou Spip...
Ceci est du code HTML, ou PHP, ou Spip...
(non testé)
Ce raccourci typographique existe mais je n'ai pas réussi à le faire marcher !
Le retour à la ligne et les retraits
sont pris en compte
Le retour à la ligne et les retraits
sont pris en compte
Ceci est une citation
Elle est sur deux lignes
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
ou vers une brève texte du lien
[Victor Hugo|bulle aide]
[Victor Hugo|Le plus grand poète de la langue française, Hélas ! (A. Gide)]
Liens ancre
Pour poser l'ancre :
Pour faire le lien de retour à l'ancre retour à l'ancre
#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 !