Vous êtes sur la page 1sur 18

Crer son weblog avec SPIP 1

Qui fait SPIP ?


Crer son weblog avec SPIP
Il a t conu par les auteurs de Uzine
Par David Bosman (http://www.uzine.net) pour faciliter la
publication en ligne de leurs articles.
Supplment au manuel Les Weblogs , paru
Les concepteurs ont choisi de mettre SPIP sous
chez Comptence Micro (rf. 4475).
licence GPL, permettant chacun de l'utiliser
http://www.competencemicro.com librement aussi bien pour un usage personnel
que professionnel. Ce quils nous offrent est un
outil drlement bien fichu, dont l'objectif est de
nous simplifier la vie.
SPIP Pour en savoir plus sur les origines et
SPIP est un systme de publication pour l'volution de SPIP, consultez L'histoire
Internet. Il permet de grer la rdaction et minuscule et anecdotique de SPIP, disponible
l'affichage d'articles par un ou plusieurs cette adresse :
auteurs sans que vous ayez vous occuper de http://www.spip.net/fr_article918.html
devoir coder quoi que ce soit.
SPIP n'est pas un moteur weblog comme
blogger.com, par exemple. Je veux dire quil
n'est pas que a. C'est un vritable outil de
publication professionnel, conu pour faciliter Ce petit supplment ne va pas vous prsenter
l'administration de journaux en ligne. toutes les facettes de SPIP, cest un guide
dinstallation et de dmarrage rapide qui vous
Si SPIP n'est pas qu'un outil de weblog, il
permettra de publier vos premiers billets.
permet pourtant de tenir un weblog, avec la
plupart des options dont vous pouvez rver.

http://www.uzine.net/, le journal du web indpendant

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 2

Tlcharger SPIP
Installer SPIP
Avant de pouvoir utiliser SPIP, vous devez
linstaller et le configurer. La configuration
consiste crer votre compte dadministrateur
et crer la structure de votre weblog : les
rubriques qui contiendront les articles, nous y
reviendrons.
Mais avant cela, occupons-nous de
linstallation. SPIP peut-tre tlcharg et
install automatiquement sur votre serveur
web via un script PHP, mais comme il ne
fonctionne pas toujours (cela dpend de votre
hbergeur), nous allons nous en passer.
Vous voulez quand mme essayer l'assistant ? A ce jour, c'est la version 1.7.1 de SPIP qui est disponible
Allez voir cette adresse : en tlchargement.
http://www.spip.net/fr_article402.html
Allez l'adresse http://www.spip.net/fr et cliquez
sur Tlcharger la dernire version. Dans la
Installation page qui s'affiche, cliquez sur le lien DISTRIB.
Dans le dossier, vous trouvez le fichier ZIP
Il n'y a pas d'hbergement cl en main pour
tlcharger. Enregistrez-le sur votre disque
SPIP. Ce qui veut dire quil ne suffit pas de
dur. Il contient tous les scripts de SPIP.
crer un compte comme sur Blogger.com ou
Dcompressez l'archive dans un dossier
TypePad. Vous devez rcuprer les fichiers de
provisoire et uploadez son contenu sur votre
SPIP, les installer sur votre propre serveur web
serveur web.
et le configurer.
Vous avez besoin d'un hbergeur offrant un Vous devez uploader les fichiers
accs FTP, PHP3 et une base de donnes dcompresss, pas l'archive .zip.
MySQL. Le tlchargement peut prendre un certain
Comment trouver un hbergeur ? Le plus temps selon la vitesse de votre connexion car il
efficace ce serait de chercher et de comparer les y a environ 12 Mo de fichiers. Quand tout a t
diffrentes offres, un trs gros travail si on veut tlcharg vous pouvez commencer la
le faire soigneusement. Vous allez voir que les configuration. Tout se fait depuis une page
concepteurs de SPIP et la communaut des web.
utilisateurs ne nous laissent pas tomber ! Vous
trouverez une liste des hbergeurs compatibles Configuration
cette adresse : Vous aurez besoin des informations de
http://www.spip- connexion votre base de donnes : son nom,
contrib.net/spikini/index.php?wiki=ListeDesHeberge l'adresse, le nom d'utilisateur et le mot de
urs passe. Ces informations vous ont t fournies
Je peux vous dire que a fonctionne chez mon par votre hbergeur.
hbergeur personnel (NFrance). Tapez l'adresse de votre site SPIP, la plupart
du temps ce sera celle de votre site web et
ajoutez /ecrire. Comme ceci :
http://www.monsite.net/ecrire

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 3

Quand vous avez termin, revenez sur la page


web et cliquez sur Recharger cette page.

La premire page vous demande choisir votre


langue. Cliquez sur Suivant. Si vous voyez cet
avertissement :

La configuration peut commencer !

Vous revenez encore la page d'erreur ? J'ai


constat que les changements de droits taient
plus ou moins bien grs selon le programme
FTP utilis. C'est tonnant... Mais sur le mme
serveur, les modifications de droits passaient
mal avec WS-FTP LE, par exemple, et trs bien
avec le FTP de Internet Explorer ou FileZilla.
FileZilla est un programme FTP gratuit et trs
efficace. Si vous avez un problme essayez de
Lancez votre programme FTP et modifiez les travailler avec lui.
droits des dossiers qui sont lists en faisant un Remplissez les champs avec les informations
CHMOD 777, ou cochez toutes les options, fournies par votre hbergeur, les explications
comme ceci : sont assez claires. Cliquez sur Suivant, SPIP
vrifie la connexion.
Si vous recevez ce message d'erreur

Vrifiez les informations. Faites attention


l'utilisation des majuscules et des minuscules,
par exemple. Quand tout fonctionne, SPIP
vous l'annonce :

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 4

Les tables sont cres. Cliquez sur Suivant.

Cliquez sur Suivant. Si plusieurs bases sont


disponibles, SPIP va vous demander de
choisir.

Indiquez d'abord votre nom d'utilisateur (celui


qui apparatra comme signature de vos billet)
et votre adresse email.

Choisissez bien votre base, pas celles d'un autre abonn !


SPIP ne fonctionnerait pas.
Cliquez sur Suivant, SPIP cre les tables dans
votre base de donnes.

Indiquez ensuite votre identifiant et votre mot


de passe. Ne perdez pas ces deux l car ils
sont indispensables pour pouvoir se connecter
comme rdacteur ou administrateur et grer
votre site ! Cliquez sur Suivant.

Les tables cres par SPIP commencent toutes


par le nom spip_ :

C'est termin ! Vous tes l'heureux propritaire


d'un site sous SPIP Il ne vous reste plus qu'
lui donner un contenu !
Si vous cliquez sur Suivant vous devrez vous
identifier avant de pouvoir accder la page
d'administration du site.

Les tables utilises par SPIP sont toutes nommes


spip_quelque chose, cela facilite grandement le travail de
maintenance, ou la suppression des tables si vous dcidez
de ne plus utiliser SPIP ! Les quatre premires tables
(_palm_quelque chose) sont utilises dans une autre
partie de mon site web.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 5

Configurer SPIP
Il y a, en gros, deux faon diffrentes d'utiliser
SPIP : comme auteur ou comme
administrateur. Ladministrateur a tout les
pouvoirs : il gre le site, donne les droits et votre mot de passe.
daccs aux auteurs et autorise la publication
des articles. Lauteur, quant lui, peut
proposer des articles. La page d'administration
Souvenez-vous que SPIP est conu pour
permettre le travail collaboratif de plusieurs
personnes.
Si vous tes comme moi, le seul utilisateur de
votre blog, vous serez la fois administrateur
et auteur. Cest de cette faon que je travaille
dans la suite du supplment.

Ouvrir une session


La page d'administration de SPIP.
Si vous venez d'installer et de configurer SPIP
au chapitre prcdent, vous tes devant cette Si la page d'accueil ressemble ceci, c'est que
page web : SPIP est affich en mode Interface simplifie.
Dans la suite de ce tutorial, je considre que
vous utilisez l'Interface complte.
Pour l'activer, cliquez sur le bouton Interface
complte en haut gauche, dans la barre bleu
horizontale :

Cliquez sur Suivant pour vous identifier et


entrer dans la page d'administration.
Si vous avez dj install et configur SPIP,
tapez l'adresse : http://www.votre
siteweb/emplacement de spip/ecrire
et appuyez sur Entre.
Cette fois ce n'est pas la page d'installation qui
est dmarre :

Vous devriez afficher quelque chose de ce


genre :

Tapez votre identifiant

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 6

La principale diffrence pour le moment est


l'apparition d'une colonne de raccourcis : Depuis la page d'administration, cliquez sur
Visiter le site en haut droite de la page.

Le site, n'affiche rien part un menu rudimentaire.


Ca peut surprendre mais c'est assez logique et
facile accepter si vous considrez que la
rubrique remplace la page web statique d'un
site traditionnel. Si vous ne crez pas de page,
il n'y a rien afficher.
Quelles pages aviez-vous sur votre vieux
Votre premier travail en tant qu'administrateur site web statique ? Une page d'accueil, sans
consiste crer la structure de votre blog. Vous doute une page par thme que vous abordiez,
devez crer des rubriques. une page de liens et une autre de contact ? Etc.
Cest un peu la mme chose avec SPIP, sauf
que cest lui qui rdige les pages votre place
Les rubriques vous vous contentez de lui indiquer leur noms.

Tout ce que vous allez publier dans SPIP sera


considr comme un article, et chaque article
Crer une rubrique
doit appartenir une rubrique. Impossible de Revenez la page d'administration.
publier quoi que ce soit sans d'abord crer une De combien de rubriques avez-vous besoin ?
rubrique pour le contenir. Vrifions le ! Vous seuls le savez. Au minium, vous
utiliserez une qui contiendra tout ce que vous
voulez afficher, mais vous pouvez en crer
plusieurs.
Prenons comme exemple mon blog :
Articles : les billets que je publie.
Ebooks : les livres lectroniques dont je
parle ou que je propose en tlchargement
Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 7

Liens 3. Le champ A l'intrieur de la rubrique ne


nous servira pas, sachez qu'il permet de
A propos : une page propos du
crer une rubrique au sein d'une autre
weblog : pourquoi, comment, etc.
rubrique. Seul le champ Titres est
Contact : une page qui affiche les obligatoire.
diffrentes faons de me joindre.
4. Cliquez sur Valider pour crer la rubrique.
Une rubrique peut contenir un seul article, par SPIP affiche sa page d'administration :
exemple ma rubrique contact affiche la liste des
adresses emails et autres moyens de me
joindre, je n'y ai plus touch depuis. Mais elle
peut aussi contenir une longue liste d'articles
et tre mise jour aussi souvent que vous le
souhaitez. La rubrique articles est mise jour
plusieurs fois par semaine :
Pour l'instant, la page ne contient que le titre de la
rubrique et des boutons.

C'est ce qui m'a le plus dstabilis dans


l'interface d'administration : la faon dont SPIP
passe d'une page l'autre et modifie les menus
plus ou moins discrtement pour mon il
novice Mais c'est vite pass ;-)
Notez gauche :

Prenez le temps de rflchir aux rubriques


dont vous avez besoin. Pour cet exercice, nous
allons en crer deux : articles et liens.
Les noms des rubriques seront utiliss pour Vous tes dans la rubrique numro 1. Chaque
crer l'interface de navigation du site. rubrique est dfinie par un numro unique. Si
Choisissez des noms explicites. vous cliquez sur Racine du site, vous quittez la
page d'administration de cette rubrique et
1. Dans la fentre des raccourcis, gauche,
revenez la page principale.
cliquez sur :
Observez les icnes sur la droite de la page :
Pour modifier le nom
ou les autres
informations
2. Remplissez au minimum le champ Titre du
formulaire, tapez Articles : Crer une rubrique
dans la rubrique

Pour crire un article


dans cette rubrique

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 8

Pour crire une brve

Rfrencer un site.

Supprimer la rubrique
et tout les articles
qu'elle contient.

Vous aurez remarqu que le bouton Ecrire un


article est disponible dans le menu de droite et
dans les raccourcis de gauche. Ca peut prter
confusion, mais ils ont la mme fonction.
Avant de rdiger notre premier article,
terminons de crer les rubriques !
1. Cliquez sur Racine du site :

2. La racine liste toutes les rubriques


disponibles. Pour le moment il n'y en a
qu'une seule :

3. Cliquez sur le bouton Crer une rubrique


pour crer la rubrique Liens comme nous
venons de le faire. Revenez ensuite la
racine :

Vous avez vos deux rubriques.


Tout en haut de la page web,
cliquez sur le bouton Visiter le
site.
Le site n'a pas chang d'un poil,
pourquoi ? SPIP naffiche les
rubriques que si elles
contiennent quelque chose.
Rdigeons notre premier article.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 9

Cest OK ? Alors cliquez sur Valider en bas de


Ecrire dans SPIP la page.
Vous vous demandez peut-tre quoi servent
Vous avez cr vos rubriques, vous pouvez les champs sur-titre, sous-titre, descriptif rapide,
publier votre premier article. chapeau et post-scriptum ?
Comme je lai crit plus haut, SPIP permet de
raliser une publication en ligne
Rdiger larticle professionnelle, comme un journal. Ces
Affichez la page dadministration si ce nest champs sont utiliss dans de telles
dj fait. publications.
Nhsitez pas exprimenter !

Valider larticle
Dans les raccourcis gauche, cliquez sur Ecrire
un nouvel article. Une nouvelle page sest affiche :

Elle indique, en caractre gras, le titre et juste


Le formulaire est assez clair, chaque champ est en dessous la date de rdaction. Vous notez
accompagn dune explication. Au minimum, aussi une zone listant les auteurs, vous seul
vous devez indiquer un Titre et crire quelque jimagine.
chose dans Texte. Le reste est optionnel. Juste en dessous vous trouvez ce qui nous
Ecrivez Mon premier article ! comme intresse le plus :
titre, dans Texte crivez :
Bonjour les amis !
Voici mon premier article. Vous
n'imaginez pas quel point je A ce stade, si vous affichez votre weblog, vous
suis mu ! ne verrez toujours rien ! En effet, larticle nest
Soyez les bienvenus dans sur mon pas encore valid, il est en cours de rdaction.
weblog.
Cliquez sur la flche pour afficher les
A bientt. diffrentes options :
Vrifiez que le champ A lintrieur de la
rubrique indique bien Articles :

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 10

Vous tes votre propre administrateur, vous Notez tout en bas de la page, le bouton
allez accepter larticle. Cliquez sur publi en Recalculer cette page. Cliquez dessus.
ligne. Notez que lampoule chang de
couleur :

Vous avez not le point dinterrogation


droite ?
Il apparat presque partout. Cest laide en
ligne. Je ne vais pas rpter ici les explications
quelle donne sur les diffrents stades de
publication : consultez la documentation.
Prenez lhabitude dutiliser cette aide. Les Et voil !
dveloppeurs ont fait un gros effort Pourquoi la page n'est-elle pas mise jour
dexplication, cest rare et en plus cest immdiatement ? A cause du cache.
vraiment trs bien fait !
Cliquez sur Modifier. Cette fois larticle est Le cache
publi ! Je ne vais pas entrer dans des dtails
techniques, que je ne matrise de toute faon
Afficher le site pas. Retenez que SPIP utilise un systme de
Si vous affichez le site Vous ne voyez cache pour stocker les pages de votre blog.
probablement pas larticle. Vous savez, aprs avoir lu le manuel Les
Pas de panique ;-) Weblogs, que les weblogs affichent des pages
dynamiques, c'est--dire qu'elles nexistent pas
avant quun visiteur les demande. Cette
mthode un gros dfaut : si de nombreux
visiteurs demandent des pages, cela exige
beaucoup de ressources du serveur qui doit
chaque fois les crer, ce qui a pour
consquence de le ralentir et de ralentir
laffiche de tout le site web.
La solution utilise par SPIP permet de stocker
pour une dure provisoire les pages dj
cres dans un cache. Lorsquun visiteur clique
sur un lien, SPIP vrifie que la page nexiste
pas dans le cache. Si cest le cas cest elle qui
est affiche. Autrement le serveur la cre.
C'est pour cela que la page n'est pas mise
jour immdiatement une version plus
ancienne existe dj dans le cache car nous
avons dj demand laffichage de cette page.
Notez que les fichiers du cache ont une dure
de vie limite et qu'alors la page est mise jour
quand un visiteur l'affiche. Dans notre cas,
nous navons pas attendu assez longtemps.
Cliquer sur Recalculer cette page oblige SPIP a
recrer la page mme si elle existe dans le
cache. Seuls les administrateurs peuvent voir
ce bouton, pas les visiteurs normaux.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 11

En voil assez pour la thorie Revenez la


page dadministration, vous allez crer un
nouvel article, cette fois dans la rubrique Liens.

Afficher la page de rdaction


Comment crer un nouvel article ? Dans la
barre de menus en haut, cliquez Edition du site Dans le champ A lintrieur de la rubrique,
et puis sur Articles : slectionnez Liens.
Dans le champ Texte, crivez : Le site de
Comptence Micro.

Les raccourcis typographiques


Une des forces de SPIP rside dans ses
raccourcis typographiques qui permettent
dappliquer rapidement des styles de mise en
forme.
Je ne peux pas tous vous les prsenter. Vous
pouvez les dcouvrir en consultant laide en
Dans la page qui saffiche, cliquez sur Ecrire un ligne. Nous allons en utiliser quelques uns.
nouvel article. Nous retrouvons le formulaire
de rdaction.
Crer un lien
Comme titre, crivez : Un site trs Vous voulez que le lecteur puisse cliquer sur
intressant. les mots Comptence Micro et afficher son site
web.
Dans le champ texte, modifiez le message
comme ceci :

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 12

Notez le crochet ([) douverture, suivi du texte Modifier un article


du lien et dune flche (->), de lURL et dun Revenez la page dadministration et cliquez
crochet de fermeture (]). Cest de cette faon sur Articles pour afficher la liste de vos articles.
que vous crerez des liens dans vos articles. Cliquez sur Mon premier article !
Cest un peu fastidieux, nous verrons plus loin
qu'il y une mthode un peu plus simple.
Cliquez sur Valider puis autorisez la
publication de votre article comme nous
l'avons fait un peu plus haut.
Affichez votre blog, si ncessaire cliquez sur
Recalculer cette page pour la mettre jour :

Dans la page qui saffiche, droite du titre de


larticle, cliquez sur Modifier cet article. Faites
dfiler le formulaire pour afficher le champ
Texte.

Un second article est affich.


Notez gauche, vos deux rubriques sont
affiches :

D'autres raccourcis typographiques


Les boutons au-dessous du texte vous sont
familiers : I pour italique, B pour gras (Bold en
anglais) et le troisime bouton permet de crer
un intertitre. Le quatrime permet de crer des
liens.
Exprimentons un peu. Slectionnez Bonjour
les amis et cliquez sur B.
Cliquez sur le titre de larticle, pour l'afficher
sur sa propre page : Notez les accolades qui sont apparues autour
de la phrase :

Si vous placez la souris sur Comptence


Micro, vous voyez qu'il s'agit d'un lien :

Deux paires indiquent le gras. Essayons


litalique. Slectionnez Voici mon premier
article et cliquez sur i.

Si vous prfrez que vos liens soient plus


visibles, par exemple en bleu et souligns, Une paire correspond litalique.
vous devez modifier la feuille de style de SPIP.
Essayez avec lintertitre, sur la phrase Vous
Essayons dautres raccourcis. Cette fois nous nimaginez pas
allons modifier un article existant.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 13

Vous lavez compris, vous pouvez taper vous- [billet->3].


mme ces raccourcis sans cliquer sur les Cliquez sur Valider. Comme l'article tait dj
boutons. publi, il n'y a plus besoin de le valider.
Avant de visualiser le rsultat essayons encore Affichez votre blog et affichez cet article :
un raccourci pour crer un lien, mais cette fois
nous allons tirer un lien vers un autre article
de votre blog !
Ajoutez une phrase votre article, avant la
dernire ligne : Si vous voulez en
savoir plus sur moi, je vous
conseille de lire cet autre billet.
Pour faire un lien vers un article, vous devez
en connatre le numro.

Trouver le numro d'un article


Ouvrez une seconde fentre de votre
navigateur ou un nouvel Onglet si, comme
moi, vous utilisez Mozilla.
Dans cet onglet, tapez l'adresse de votre page
d'administration SPIP. J'ai fortement rduit la largeur de la page pour la faire
tenir sur une colonne, a sera plus joli chez vous
Cliquez sur Edition du site, puis cliquez sur la
rubrique Liens pour afficher la liste des articles Les diffrents raccourcis ont bien modifis la
qu'elle contient. Il n'y en a qu'un cliquez mise en page. Si vous cliquez sur billet, vous
dessus. Sa page s'affiche. affichez votre second article.
Notez en haut gauche : La page n'affiche pas vos modifications ?
N'oubliez pas de la rafrachir.
Vous avez not que le lien s'affiche autrement
que le premier que nous avons cr ? SPIP
distingue les liens internes (dans votre site) des
liens externes (vers les autres sites). Vous
pouvez modifier cela via les CSS.

Les commentaires
Par dfaut, SPIP permet aux lecteurs de poster
des commentaires, c'est le lien Rpondre cet
article que vous trouvez la fin de chaque
article.
Affichez votre blog et cliquez sur un article
Le numro de l'article est 3. Ce numro pourrait tre pour l'afficher :
diffrent chez vous.
Comme les rubriques, chaque article dispose
d'un numro unique.

Crer un lien vers un autre article


Revenez la page de rdaction du premier
billet et slectionnez le mot billet.
Cliquez sur le bouton Lien, tapez le chiffre que
vous avez trouv dans la fentre et cliquez
sur OK. Notez que billet est modifi en

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 14

Cliquez sur le lien. La page qui s'affiche Un vritable dialogue peut commencer.
ressemble un peu la page de rdaction de
l'article : Interdire les commentaires ?
Si vous ne voulez pas de commentaires pour
un article, ou pour tous les articles, c'est
possible.
Dans l'interface d'administration, cliquez sur
Administration du site. Dans la page qui
s'affiche vous voyez un sous menu sous le titre
Configuration du site.

En bas de la page, cliquez sur Voir le message


avant de le poster. Si vous tes satisfait, cliquez Cliquez sur interactivit.
sur Message dfinitif envoyer au site.
Le commentaire est affich :

La fentre affiche plusieurs zones de rglages, c'est la


premire qui nous intresse.
Cliquez sur Rpondre ce message et postez Si vous souhaiter empcher tous les
une rponse. Rptez lexercice pour rpondre commentaires, cochez la premire option. Par
ce commentaire : dfaut il n'y aura pas de commentaires, mais
vous avez la possibilit de les autoriser pour
chaque article individuellement.
Notez que si vous interdisez les commentaires,
cela ne s'applique normalement qu'aux articles
venir. Si vous souhaitez l'appliquer tous les
articles, affichez les Options avances et cochez
tous les articles sans exception :

Les commentaires existants sont prservs,


mais il n'est plus possible d'en ajouter.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 15

Exhumer les squelettes !


Si vous observez le contenu du dossier SPIP
Comment sur votre serveur FTP, vous trouvez des
fichiers qui vont par paires, par exemple :
fonctionne SPIP ?
Ca y est, votre site web sous SPIP fonctionne.
Peut-tre avez-vous envie de le personnaliser ?
Pour cela, vous allez devoir faire un petit effort le fichier site.php3 et le fichier site-dist.html.
d'apprentissage. Ce qui suit est juste un Les fichiers untel-dist.html sont les
aperu. Vous trouverez d'excellentes squelettes par dfaut livrs avec SPIP.
explications dans la documentation en ligne et
sur le site web de SPIP. Vous pouvez les modifier, en crer de toute
pice ou en tlcharger, ici par exemple :
En quelques mots : une srie de scripts PHP http://www.spip-contrib.net/rubrique5.html
vont gnrer automatiquement les diffrentes
Regardons le squelette site-dist.html de plus
pages. Ils vont aller pcher les donnes dans
prs. C'est lui qui est utilis sur la page
votre base de donnes. Les pages qui sont
d'accueil du site.
gnres sont bases sur des squelettes.
Vous pouvez utiliser n'importe quel diteur de
Les squelettes texte, le Bloc-notes de Windows ou SimpleText
Le squelette, comme son nom le laisse sous Mac. Sous Windows, je vous
entendre, constitue une ossature : il indique ce recommande un freeware (en anglais
qui doit tre affich et, dans une certaine seulement) : HTML-Kit que vous trouverez
mesure, l'ordre d'affichage. Le squelette ne l'adresse http://www.chami.com.
contient pas de donnes, juste du code HTML
et le code propre SPIP pour organiser les
donnes qu'il aura rcupres dans la base.

La coloration syntaxique est une des qualits de HTML-kit, elle rend le code plus facilement lisible.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 16

Le squelette est un mlange de HTML et de fois). Puis elle s'arrtera. Le compteur (i)
code propre SPIP, typiquement les mots commence zro (i=0) et augmente de 1 (i++)
prcds de #, entre () ou entre []. chaque fois que la boucle est excute. La
Le code spcifique permet SPIP de savoir boucle sera excute tant que i sera plus petit
quelle information aller chercher dans la base que 10 (i>10). Donc 10 fois. Cest une boucle
de donnes. Le code HTML permet, lui, de et cest le mme mcanisme que SPIP utilise
structurer la page et, grce aux CSS, de grer la dans son langage lui.
mise en page. Observez les lignes 59 61 du fichier (page
suivante). C'est une boucle en langage SPIP.
Les boucles Essayons de la comprendre.
Pour emplir les squelettes, SPIP repose sur le La boucle est numrote BOUCLE4 (chaque
principe des boucles. boucle doit tre identifie de faon unique, par
un numro ou par un nom). Elle affiche les
C'est quoi une boucle ?
noms des rubriques (RUBRIQUES) en les
Si vous n'y connaissez rien en programmation,
classant par numro de rubrique {id_rubrique}
ce qui est peu prs mon cas, retenez quune
souvenez-vous : les deux rubriques que nous
boucle est une opration excute de faon
avons cres ont chacune un numro unique.
rptitive jusqu' ce qu'une condition soit
Pour chaque rubrique que SPIP va trouver
remplie ou ne soit plus remplie ou encore
dans la base de donnes, il va afficher son titre
qu'on lui dise d'arrter. Par exemple, une
en majuscule. Notez les balises HTML qui
boucle en langage PHP pourrait ressembler
permettent de crer chaque fois une puce, un
ceci :
lien et dafficher lensemble en caractres gras,
<? comme elles sont incluses dans la boucle, elles
For (i=0;i<10;i++){ sont rptes chaque fois :
echo "J'cris cette boucle 10
fois";
}
?>.
La boucle (ici le FOR) va crire (echo) 10 fois la
mme ligne (J'cris cette boucle 10

C'est sans doute la partie la plus ardue de


SPIP : se familiariser avec les balises. Du moins
a la t pour moi .
Lisez le Guide de l'utilisateur, le Manuel de
rfrence et Squelettes : Guide du webmestre que
vous pouvez tlcharger cette adresse :
http://www.spip-contrib.net/article32.html

Si vous avez des difficults vous y retrouver,


voici un truc qui marche bien en gnral :
lorsque vous tudiez la documentation, prenez
des notes dans un petit carnet que vous
garderez porte de main lorsque vous
modifierez les squelettes. Vous y trouvez
Ca ne doit pas tre quelque chose de trs soign, juste un
lessentiel rsum en quelques lignes : cest aide-mmoire usage personnel !
plus facile que de reprendre la documentation
complte pour y chercher linformation :
Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 17

Personnaliser
l'affichage
Nous allons faire une trs brve incursion du
ct de la mise en page de SPIP.
SPIP est livr avec une mise en page
relativement basique. Il est assez facile de la
modifier condition, encore une fois, de faire
preuve dun peu de patience et dattention.

Mise en page et CSS


La mise en page repose entirement sur la
combinaison des squelettes dont nous venons
de parler et des CSS, Cascading Style Sheets en
anglais, ou Feuilles de Style en Cascade. Les
squelettes indiquent quelles informations
afficher et les CSS vont soccuper de leur mise
en page.
Je suppose que vous connaissez dj un peu
Les dclarations de styles
les CSS. Si ce n'est pas le cas, je vous
recommande la lecture de CSS : le web avec du Au dbut du fichier, avant la ligne a {, ajoutez
style de mon ami John Maxwell, paru chez les deux lignes suivantes :
Comptence Micro (rf. 0487).
Nous n'allons pas modifier la structure du
squelette ce serait un peu trop long
expliquer. Nous allons juste modifier son Elles dfinissent deux styles pour l'ensemble
apparence, via les feuilles de style, en affichant des pages. Le corps des pages (body) aura une
le site sur un fond noir et la police en blanc. Ce couleur d'arrire plan noir (background-
ne sera pas forcment trs joli, mais c'est un color :black) et la couleur d'avant plan sera
bon exercice. blanche (color :white), ce sera la couleur du
texte.
Les feuilles de styles sont enregistres dans le
mme dossier que les squelettes : L'expression !important indique qu'il est
obligatoire d'utiliser la dclaration de style qui
prcde. La mise en page de SPIP est
sophistique et demanderait plus
d'explications pour vous faire raliser
proprement ce changement. Ce que je fais avec
Ouvrez le fichier spip_style.css, par exemple !important est un bricolage hum
dans HTML-Kit ou dans le Bloc-notes de disgracieux. C'est uniquement par souci de
Windows : simplicit et pour vous donner une rapide ide
de ce que vous pouvez faire.
Justement, qu'avez-vous fait ? Affichez votre
site et rafrachissez-le :

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.
Crer son weblog avec SPIP 18

Le mot de la fin
J'espre que ce tour d'horizon vous aura donn
envie d'utiliser SPIP et de dcouvrir tous ce
qu'il peut faire. Nous l'avons vu, il suffit
d'installer quelques fichiers sur votre serveur,
de remplir quelques formulaires HTML et
votre blog est oprationnel.
C'est dj trs bien, mais il y a encore
normment de choses que SPIP peut faire que
nous n'avons pas du tout mentionnes. Sans
compter les normes possibilits de
personnalisation que vous donnent les CSS et
la structure de SPIP.
Avec un petit temps d'apprentissage, si vous le
souhaitez, vous pouvez disposer d'un des
meilleurs outils de publication sur le web.

Pour en savoir plus sur SPIP


Affichez la page d'un article :
Au cas o j'aurais oubli de vous le signaler, SPIP
dispose d'une trs bonne documentation. Vous
la trouverez cette adresse :
http://www.spip-contrib.net/article32.html
Prenez le temps de la lire pour tirer le
maximum de votre SPIP. Vous trouverez aussi
des FAQ et des forums, cette adresse :
http://www.spip.net/fr_rubrique116.html
Il y a de fortes chances que d'autres aient dj
pos les mmes questions avant vous : lisez les
FAQ et les archives des forums avant de poser
votre question. N'oubliez pas que les
participants sont des utilisateurs comme vous
et moi. Ce n'est ni une hotline, ni un support
technique commercial mis notre disposition.
FAQ Premiers Pas :
http://www.spip.net/fr_rubrique169.html
FAQ Technique :
http://www.spip.net/fr_rubrique170.html
Je vous avait dit que ce ne serait pas forcment trs joli !
Forums :
En ajoutant une ligne de code, vous avez http://www.spip.net/fr_rubrique193.html
modifiez l'apparence de tout votre blog.
Avouez que c'est rapide.
Avec un peu de pratique vous apprendrez Bon travail et bon amusement avec SPIP !
appliquer des styles diffrents selon les pages. David Bosman, mai 2004.
Il n'y a presque aucune limite aux possibilits
de mise en page des CSS, mais vous devrez le
dcouvrir par vous-mme.
Pour revenir l'affichage par dfaut,
supprimez la ligne que vous avez ajoute.

Ne peut-tre vendu
http://www.competencemicro.com. KnowWare, tous droits rservs 2004.