Rédiger un article avec SPIP

Sommaire

1. L’interface d’administration

La première étape consiste à se connecter sur la partie administration du site.

Pour ce faire, connectez vous à l’adresse suivante :

http://www.106xsi.net/ecrire/

Une fois connecté, vous observez que la partie administration du site se décompose en différentes parties. Je vous laisserais découvrir chacune d’entre elle par vous même (sans faire de bétises ;-) ) les noms parlent d’eux même.

Intéressons nous plutôt à notre fond de commerce : les tutoriaux, qui se présenteront sous forme d’article.

Libre à nous d’éditer un des articles que nous sommes entrain de rédiger, de participer à la rédaction ou de faire des remarques sur un article qui est proposé par un autre rédacteur, ou simplement de créer un nouvel article à l’aide des boutons suivants.

Comme vous pouvez le constater sur la page principale de l’administration, le site a été découpé en catégories, exactement comme pour le forum.

Ces catégories pourront recevoir des sous-catégories, et des articles. Il convient donc bien entendu de respecter convenablement le classement de vos articles, mais quoi qu’il en soit, pas d’inquiétudes ! Ils pourront être déplacés sans peine par la suite si d’aventure vous les aviez mal rangés.

2. Mon premier article

C’est quoi ?

D’une manière triviale, un article est composé de paragraphes, nommés par des titres et éventuellement des sous titres. Ces paragraphes peuvent recevoir des images, des vidéos ou n’importe quel type de fichier joint mais également comporter des liens, des caractères gras ou italiques.

Rien ne sert cependant de surcharger, il est surtout important de bien construire sa rédaction. Si ça n’est pas votre fort, rassurez-vous ! SPIP permet le travail communautaire. Ainsi, chaque article connaît plusieurs états : brouillon, proposé à l’évaluation, en ligne ou supprimé.

A l’état de brouillon, les autres rédacteurs et administrateurs peuvent lire et effectuer des remarques sur votre article (un mini forum en pied d’article le permet). Si vous invitez d’autres auteurs à rédiger sur votre article, ils pourront alors prendre la plume pour vous, corriger les fautes d’orthographe, remettre en forme des phrases hasardeuses, etc…

Le plus petit squelette demandé pour la rédaction d’un article devra donc être composé de titres, de quelques phrases avec quelques mots clefs, et des images placées dans l’ordre, afin de pouvoir les intégrer sans peine au corps de l’article.

Comment on fait ?

Mais revenons à la rédaction de notre premier article. Après avoir cliqué sur le bouton « Ecrire un nouvel article » (rappelez-vous, c’était quelques lignes plus haut…), nous voilà dans notre article.

Renseignez le titre,
Choisissez correctement la rubrique ou sous-rubrique dans laquelle vous souhaitez le ranger,
Ajoutez un descriptif rapide ainsi qu’un chapeau, un peu plus grand que le descriptif (mettez y du coeur, c’est important pour les recherches, et pour le référencement sur Google, même simple, ça a son importance),
Lancez vous dans la rédaction de l’article, votre premier tutorial… (putain c’est émouvant… J’en chiale de joie :’) )

Oui d’accord… Mais la mise en page dans tout ça ???

La mise en page

Pour les moins familiers d’entre nous, une petite palette regroupe des boutons qui vous permettent une mise en page simple.

Pour les plus aguerris, cliquer sur le petit « ? » vous donnera un aperçu complet des raccourcis typographiques disponibles. Pour les wariors, il est possible de coder du html directement dans l’article, à utiliser cependant avec parcimonie, à réserver à l’insertion de vidéo (par exemple depuis Youtube), au risque de ruiner la mise en page globale… Préférez les raccourcis typographiques.

Les petits boutons… et leurs équivalents typographiques

i / {italique} : mettre en italique
B / {{gras}} : mettre en gras
Intertitre / {{{mon titre}}} : un titre ! Créer un titre de chapitre
Bouton Triangle Attention / {2{Mon sous-titre}2} un sous titre, un sous chapitre donc.
Bouton Triangle Attention / {3{Mon sous-titre}3} un sous sous titre, un sous sous chapitre donc :p
Bouton « SPIP » / [Mon site->http://MonSite.Com] : créer un lien vers MonSite.com. Sélectionnez du texte, puis cliquez sur le bouton, laissez vous ensuite guider :

Voilà pour les boutons usuels, il reste cependant quelques petites règles typographiques importantes qui n’ont pas de bouton équivalent.

Créer une liste à pucePucePetit composant électronique faisant partie du calculateur. La puce peut être assimilée au cerveau des voitures à injection, elle contrôle en permanence blalablaba blablabla : - Ma liste à puce ; le simple fait de rajouter un tiret suivi d’un espace en début de ligne lance une liste à pucePucePetit composant électronique faisant partie du calculateur. La puce peut être assimilée au cerveau des voitures à injection, elle contrôle en permanence blalablaba blablabla.
Créer une liste numérotée : -# Ma liste numérotée ; ajouter un # après le tiret en début de ligne lance une liste numérotée.
Saut de paragraphe : pour aérer vos textes, n’oubliez pas de sauter des lignes entre les paragraphes, sinon votre texte sera tout dans le même bloc : une ligne vide = saut de paragraphe !

C’est déjà pas mal ! Et pour ceux qui râlent de ne pas avoir plus, rappelez-vous : rien ne sert de surcharger ! Utilisés intelligemment, ces raccourcis sont suffisants pour offrir une lisibilité parfaite. De plus, nous pourrons ainsi conserver une cohérence visuelle entre tous les articles, ne râlez pas, c’est pour le bien du site ! :)

Enfin, pour les plus motivés d’entre vous, n’hésitez pas à lire cet article très complet de RealET sur Pyrat.net qui traite des raccourcis typographiques de SPIP.

Oui ok, super, c’est nul… Mais comment on rajoute les images et les documents ??

3. Mes ptites n’images et documents joints

Ha, c’est là qu’il va falloir changer vos habitudes… Fini les ImageShack à la con. « Mais pourquoi ? C’est bien ImageShack ! ». Oui… Sauf que 106XSi.net, c’est pas 106S16.net, on a dans l’idée de ne pas perdre nos articles tous les ans parce que les images ont été effacées… Si vous voyez ce que je veux dire… °_^

Les Medias ?? Ha non… Les medias c’est pour stocker vos photos, pas pour stocker les photos des articles… Pourquoi ? Simplement parce que si demain on décide de changer la hiérarchie des médias, ou si on les déplace, ou tout simplement si on les perds ou les stop, ça reviendra au même qu’avec ImageTruc… On aura perdu l’intérêt de nos articles.

Alors comment on fait ?? °_°

Et bien on les ajoute directement dans SPIP ! Et là, deux possibilités s’offrent à nous.

Une par une, pratique quand il s’agit de compléter un article, ou quand on gère peu d’images
Par lot, dans une archive Zip, lorsqu’il s’agit de mettre en ligne en une fois, toutes les images (ou presque) d’un article.

Quelques restrictions cependant !!

Comme vous l’avez compris, les photos seront donc stockées avec les articles, ce qui nous permettra de les sauvegarder en même temps que le site. De plus, pour préserver la mise en page (fait pas chier PHDM c’est comme ça :p), les photos, de même que sur le forum, sont retaillées et réduites, afin de respecter la largeur du site. Ca ne sert donc à rien d’envoyer en ligne des photos démesurément grandes. Les photos devront donc être réduites AVANT envoi, à une largeur maximale de 1000 pixels, elles seront réduites par SPIP à l’affichage dans l’article, mais clicables pour retrouver leur taille normale.

Et là, si vous ne savez pas faire, rien de plus simple, vous trouverez tout un tas de petits logiciels gratuits pour réaliser cette opération en une seule fois pour toutes vos images :

Je vous laisse trouver le votre, de toutes façons, j’aime pas les PC… :]

Une fois les images redimensionnées, sélectionnez les toutes, puis réalisez une archive Zip (Clic Droit sur les images sélectionnées, Envoyer vers > Archive).

Ce petit fichier n’a plus qu’à être envoyé comme s’il s’agissait d’une image.

Confirmez que vous voulez décompresser et installer les images.

Une fois l’opération terminée, vous voyez apparaître à la gauche de votre article, tout un bordel… Ce sont vos images !

Il ne vous reste plus qu’à les insérer en utilisant le numéro donné par spip en recopiant les raccourcis donnés sous l’image : <img103|center> où left|right|center définissent l’alignement de votre image. Vous pouvez également placer votre curseur dans le texte, et cliquer sur le nom et l’alignement de l’image, ça insérera le code ;-)

Enfin, sur chacune de vos images, vous pouvez rajouter un titre, ainsi qu’une description, qui pourront apparaître sous l’image.

Bien évidemment, tout type de document (.pdf, .zip, .doc, etc…) peut être joint à votre article, l’opération se réalisant de la même manière que pour les images, mais en utilisant le formulaire juste en dessous ;-)

4. Finaliser et proposer un article

Une fois cette lourde tâche de rédaction réalisée, ou pour reprendre le travail à un autre moment, enregistrez l’article en cliquant sur le bouton de bas de page, sous le post-scriptum.

Vous voilà avec la possibilité de visualiser votre article dans l’administration…

MAIS C’EST TOUT PAS EN FORME °_°

Oui c’est normal, calme toi Titi, Jeggad est là. La mise en forme s’applique au niveau du site public, l’administration a ses propres règles d’affichage. *OUF*

Bah oui… Mais j’aimerais quand même savoir à quoi ça ressemble… Allez fait pas la gueule, si tuTUL'architecture TU est une architecture de 4 cylindres en ligne:
- essence atmosphérique à simple ou double carburateur, à injection monopoint ou multiploint, allant d'une cylindrée de 954cc à 1587cc avec 8 soupapes ou 16 soupapes (seulement pour le 1587cc)
- diesel atmosphérique à injection mécanique allant d'une cylindrée de 1360cc à 1527cc avec 8 soupapes.

On retrouve cette architecture sur différents modèles PSA:
-AX
-saxo
-BX
-ZX
-106
-205
-306
-307
-309
-partner
-berlingo
(à finir de compléter) étais observateur, tuTUL'architecture TU est une architecture de 4 cylindres en ligne:
- essence atmosphérique à simple ou double carburateur, à injection monopoint ou multiploint, allant d'une cylindrée de 954cc à 1587cc avec 8 soupapes ou 16 soupapes (seulement pour le 1587cc)
- diesel atmosphérique à injection mécanique allant d'une cylindrée de 1360cc à 1527cc avec 8 soupapes.

On retrouve cette architecture sur différents modèles PSA:
-AX
-saxo
-BX
-ZX
-106
-205
-306
-307
-309
-partner
-berlingo
(à finir de compléter) aurais remarqué à gauche, sous le numéro de l’article, un bouton « Prévisualiser ». Clic dessus et tuTUL'architecture TU est une architecture de 4 cylindres en ligne:
- essence atmosphérique à simple ou double carburateur, à injection monopoint ou multiploint, allant d'une cylindrée de 954cc à 1587cc avec 8 soupapes ou 16 soupapes (seulement pour le 1587cc)
- diesel atmosphérique à injection mécanique allant d'une cylindrée de 1360cc à 1527cc avec 8 soupapes.

On retrouve cette architecture sur différents modèles PSA:
-AX
-saxo
-BX
-ZX
-106
-205
-306
-307
-309
-partner
-berlingo
(à finir de compléter) seras exaucé ! :]

Je remarque ici quelques nouveaux boutons.

Les auteurs : nous donne la possibilité d’ajouter des auteurs à nos articles, afin qu’eux aussi puissent effectuer des modifications dessus. ATTENTION ! en cas de travail collaboratif (plusieurs auteurs) pensez à vérifier que vous ne travaillez pas en même temps sur le fichier, et pensez à libérer le fichier (en cliquant sur la croix rouge, dans le cadre de gauche « Articles en cours de rédaction ») pour que les autres puissent travailler quand vous avez fini.

Les mots-clés : sont très importants afin de nous garantir un référencement optimal sur Google ! Choisissez les scrupuleusement, avec attention, et n’hésitez pas à rajouter ceux qui manquent dans le glossaire, ou à en faire la demande à un administrateur ! Du choix des mots clefs va dépendre notre fréquentation et donc la valorisation de notre travail !! _N.B. les mots clefs ne sont à ce jour pas encore définis, nous y travaillons tous ! :)

L’état de l’article
- en cours de rédaction : vous avez commencé à rédiger un article, c’est une ébauche.
- proposé à l’évaluation : vous souhaitez attirer l’attention des autres sur votre article qui est fini. Les auteurs/administrateurs viendront relire, émettre des commentaires, formuler des remarques, et les dernières modifications pourront être effectuées.
- publié en ligne : statut donné par un administrateur, publie votre article, qui devient dès lors visible depuis le site public.

5. Conclusions et remarques

Utilisez préférentiellement Firefox !!

Ecrire un article c’est simple. Long, mais simple. Ne perdez jamais de vue que l’écriture prend du temps, mais qu’une rédaction efficace et précise, vous fera gagner autant de temps sur le forum ! Si l’article est bien ficelé, c’est autant de questions redondantes en moins sur le forum.

N’hésitez pas à mettre à jour vos propres articles, suivant les remarques qui auraient pu être formulées, suivant les nouveaux petits trucs que vous avez découvert, les fautes que vous apercevez à tête reposée, etc…

Pensez toujours à qui vous adressez le tutoriel. Il y a toujours plusieurs niveaux de lecture, plusieurs degrés de compréhension, directement liés aux compétences de votre lecteur. Si votre lecteur est une buse, il faudra être très précis, même si ça vous semble débile et évident. Ca l’est peut être pour vous, pas pour lui ! Si au contraire vous abordez des articles pointus, qui nécessitent des bases préalables, mentionnez le au début de l’article, ou dans le descriptif rapide.

N’hésitez pas à indiquer dès le départ, les outils utilisés, les fournitures nécessaires, le temps de réalisation. Soyez très complet ! Ca évitera à vos lecteurs d’oublier le truc à deux balle qui bloque l’intervention.

Faites partager votre expérience, vos petits trucs, les problèmes que vous avez rencontré. Ca rassurera toujours le mec qui va s’y trouver confronter, il se sentira moins seul :]

Enfin, pensez à aérer vos articles, et à mettre des titres. C’est toujours plus simple de suivre un tutoriel propre avec des étapes numérotées. Essayez de toujours sauter une ligne avant et après une image ou un paragraphe de texte et deux lignes avant un intertitre ou un sous-titre !

Allez c’est parti ! Lancez vous !! :)

A titre d’exemple, vous pouvez télécharger la version texte de cet article, où vous pourrez voir comment il a été mis en forme !


Version Texte de l’Article

;-)