Spip

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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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 :
FAQ Technique :
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

Spip

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Spip

Enviado por

Direitos autorais:

Formatos disponíveis

Crer son weblog avec SPIP 1

Qui fait SPIP ?

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

Quand vous avez termin, revenez sur la page

La premire page vous demande choisir votre

La configuration peut commencer !

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

Vrifiez les informations. Faites attention

Les tables sont cres. Cliquez sur Suivant.

Cliquez sur Suivant. Si plusieurs bases sont

Indiquez d'abord votre nom d'utilisateur (celui

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

Indiquez ensuite votre identifiant et votre mot

Les tables cres par SPIP commencent toutes

C'est termin ! Vous tes l'heureux propritaire

Les tables utilises par SPIP sont toutes nommes

Ouvrir une session

Cliquez sur Suivant pour vous identifier et

Vous devriez afficher quelque chose de ce

Tapez votre identifiant

La principale diffrence pour le moment est

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

Tout ce que vous allez publier dans SPIP sera

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

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

Prenez le temps de rflchir aux rubriques

Pour crire un article

Pour crire une brve

Vous aurez remarqu que le bouton Ecrire un

2. La racine liste toutes les rubriques

3. Cliquez sur le bouton Crer une rubrique

Vous avez vos deux rubriques.

Cest OK ? Alors cliquez sur Valider en bas de

Elle indique, en caractre gras, le titre et juste

Vous avez not le point dinterrogation

En voil assez pour la thorie Revenez la

Afficher la page de rdaction

Les raccourcis typographiques

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

Dans la page qui saffiche, droite du titre de

Un second article est affich.

D'autres raccourcis typographiques

Si vous placez la souris sur Comptence

Deux paires indiquent le gras. Essayons

Si vous prfrez que vos liens soient plus

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

Trouver le numro d'un article

Crer un lien vers un autre article

En bas de la page, cliquez sur Voir le message

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

Les commentaires existants sont prservs,

Exhumer les squelettes !

C'est sans doute la partie la plus ardue de

Si vous avez des difficults vous y retrouver,

Mise en page et CSS

Pour en savoir plus sur SPIP

Você também pode gostar