1. Spip – guide utilisateur
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
1

2. Spip – guide utilisateur
Votre
login
:
…………………………………..
Votre
mot
de
passe
:
………………………..
Votre
accès
:
urlDeVotreSite/ecrire
Si
vous
avez
des
problèmes,
vous
pouvez
nous
joindre
directement
par
mail
:
support@voyelle.fr.
Sta$s$ques
du
site
hOp://www.google.com/intl/fr/analy8cs/
Login/mail:
……………….……@gmail.com
Mot
de
passe
:
……………………………….
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
2

3. Spip – guide utilisateur
Un
site
créé
avec
SPIP
est
divisé
entre
deux
par8es
dis8nctes
:
-­‐ Le
site
public
est
l’ensemble
des
pages
accessibles
à
tout
visiteur.
Il
s’agit
de
l’affichage
des
ar8cles,
brèves,
rubriques
que
vous
avez
publiés,
ainsi
que
des
interven8ons
dans
les
forums
qui
y
sont
associés.
Il
est
généré
par
les
fichiers
«
squeleOes
».
-­‐ L’espace
privé
est
l’espace
à
accès
restreint
dans
lequel
les
administrateurs
et
rédacteurs
peuvent
écrire
des
ar8cles,
des
brèves,
modifier
la
structure
du
site,
suivre
et
modérer
les
contribu8ons
postées
dans
les
forums,
etc.
Il
est
nécessaire
d’être
enregistré
pour
accéder
à
cet
espace,
c’est-­‐à-­‐dire
d’avoir
un
login
et
un
mot
de
passe.
L’espace
privé
est
accessible
depuis
le
répertoire
"ecrire"
de
l’installa8on
SPIP
(il
s’agit
en
fait
de
la
même
adresse
que
celle
u8lisée
pour
installer
SPIP).
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
3

4. Accès à l'espace privé
Pour
accéder
à
l‘espace
privé
du
site,
il
vous
faudra
rajouter
/ecrire
à
la
fin
de
l’adresse
(l’URL)
de
votre
site.
Vous
arriverez
alors
sur
une
page
de
sécurité
qui
vous
demandera
votre
login
et
votre
mot
de
passe.
Pour
faciliter
votre
travail,
il
est
possible
d’ac8ver
un
cookie
qui
affichera
par
la
suite
des
boutons
d’administra8on
en
haut
à
droite
de
votre
site.
Cela
vous
permeOra
d’aller
directement
sur
l’espace
de
modifica8on
d’une
page
précise
par
exemple.
Si
vous
accédez
à
l’espace
privé
par
le
biais
d’un
ordinateur
sur
lequel
vous
ne
serez
plus
amené
à
Sur
la
plupart
des
sites,
le
cookie
travailler,
n’ac8vez
pas
le
cookie
est
ac8vé
par
défaut,
vous
n'avez
pour
éviter
qu’une
autre
personne
rien
à
faire.
y
accède.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
4

5. Accès à l'espace privé
Par
la
suite,
il
vous
suffira
de
cliquer
sur
le
bouton
«
Espace
privé
»
qui
se
trouve
en
haut
de
la
page
à
droite.
Ce
bouton
n’apparaît
que
pour
les
profils
reconnus.
Si
vous
ne
vous
êtes
jamais
connectés
sur
l’espace
privé
avec
un
ordinateur
ou
un
navigateur,
ce
bouton
n’apparaîtra
pas.
Une
fois
dans
l’espace
privé,
vous
aurez
accès
à
tous
vos
contenus
«
dynamiques
»,
aux
commentaires
des
internautes
(si
l’op8on
est
ac8vée),
aux
sta8s8ques
basiques
de
vos
pages
et
aux
comptes
des
autres
contributeurs.
Si
vous
avez
un
statut
d’administrateur,
vous
pourrez
modifier
certains
paramètres
des
autres
comptes
et
vous
pourrez
en
créer
de
nouveau.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
5

6. Présentation de l'espace privé
L’entrée
dans
l’espace
privé
est
assez
simple.
Vous
trouvez
plusieurs
groupe
de
données
et
un
Menu
principal
de
l’espace
privé
menu
horizontal
en
haut.
Le
bloc
en
haut
de
la
colonne
de
droite
présente
les
derniers
ar8cles
mis
en
ligne.
Vous
aurez
aussi
un
bloc
pour
les
ar8cles
en
cours
de
rédac8on
dont
vous
êtes
l’auteur
(vous
ne
pouvez
pas
accéder
aux
ar8cles
de
vos
collaborateurs
s’ils
sont
en
cours
de
rédac8on).
Vous
trouverez
enfin
un
bloc
pour
les
ar8cles
en
aOente
de
valida8on
–
ceux-­‐là
seront
visibles
par
tous
les
contributeurs.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
6

7. Présentation de l'espace privé
Ensuite
vous
avez
des
raccourcis
pour
créer
de
nouvelles
rubriques
et
de
nouveaux
ar8cles.
Il
est
assez
déconseillé
de
créer
de
nouvelles
rubriques
car
vous
risquez
de
modifier
les
menus
du
site.
Au-­‐dessous,
vous
pouvez
accéder
aux
différentes
rubriques
du
site.
En
cliquant
sur
les
flèches,
vous
déroulez
la
rubrique
et
pouvez
ainsi
accéder
directement
aux
sous-­‐rubriques.
Les
ar8cles
créés
sont
obligatoirement
dans
une
rubrique,
il
ne
peut
y
avoir
d’ar8cle
sans
rubrique.
Pour
simplifier,
chaque
rubrique
est
un
dossier
qui
peut
contenir
des
documents
et
des
sous-­‐dossiers
comme
dans
votre
ordinateur.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
7

8. Écrire un nouvel article
Nous
allons
voir
comment
créer
un
nouvel
ar8cle.
Pour
cela,
soit
nous
allons
sur
la
page
d’accueil
de
l’espace
privé
en
cliquant
sur
«
À
suivre
»
dans
le
menu
horizontal
en
haut
à
gauche,
soit
directement
à
par8r
de
la
rubrique
dans
laquelle
nous
voulons
meOre
cet
ar8cle,
ou
encore
en
u8lisant
le
menu
de
raccourcis
dans
la
barre
horizontale.
Vous
verrez
qu’il
est
toujours
possible
de
changer
la
rubrique
contenant
l’ar8cle
pendant
la
rédac8on
de
celui-­‐ci
et
même
plus
tard.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
8

9. Écrire un nouvel article
À
l’ouverture
de
cet
page
de
créa8on
d’ar8cle,
vous
trouverez
une
suite
de
champs
de
saisie
dont
certains
doivent
être
obligatoirement
remplis.
Il
est
impossible
par
exemple
de
valider
un
ar8cle
s’il
n’a
pas
de
8tre.
Par
défaut,
SPIP
remplit
ce
champ
par
«
Nouvel
ar8cle
».
Si
vous
oubliez
de
le
remplir
votre
ar8cle
aura
ce
8tre,
ce
qui
le
rendra
anonyme
car
ce
8tre
est
à
la
fois
u8lisé
pour
les
noms
des
liens
dans
les
menus
et
pour
l’adresse
(l’URL)
;
il
devient
par
conséquent
le
8tre
de
la
page.
Dans
le
web,
pour
le
référencement
dans
les
moteurs
de
recherche,
ce
8tre
est
essen8el
et
doit
être
rédigé
avec
aOen8on.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
9

10. Écrire un nouvel article
L’autre
champ
à
indispensable
à
remplir
est,
bien
entendu
le
texte
de
votre
ar8cle,
son
contenu.
Vous
avez
ensuite
des
champs
op8onnels
qui
méritent
votre
aOen8on
:
• Le
descrip9f
rapide,
u8lisé
pour
le
référencement.
Google
l’affiche
parfois
sous
le
8tre
comme
résumé
de
la
page.
Il
est
important
en
une
phrase
de
réussir
à
résumé
votre
ar8cle
pour
guider
l’internaute
vers
le
bon
contenu
recherché.
• Le
chapeau,
u8lisé
généralement
pour
résumé
en
quelques
phrases
(de
3
à
5
phrases
maximum)
votre
ar8cle.
Il
est
conseillé
d’y
présenter
votre
conclusion
ou,
du
moins,
d’y
présenter
le
but
de
votre
ar8cle.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
10

11. Enregistrement de l’article
Il
est
important
en
fin
de
rédac8on
de
ne
pas
oublier
d’enregistrer
votre
ar8cle
sinon
les
données
seront
perdues
!
Ce
bouton
se
trouve
tout
en
bas
de
la
page,
soit
en
dessous
de
champ
«
Texte
»,
soit
en
dessous
du
champ
«
Post-­‐Scriptum
»
si
ce
dernier
est
ac8vé
dans
les
configura8ons.
Votre
ar8cle
est
alors
enregistré
mais
n’est
pas
encore
en
ligne.
Vous
avez
aussi
un
«
fil
d’Ariane
»
pour
connaître
Il
faudra
pour
cela
le
valider
ou
le
l’emplacement
de
votre
ar8cle.
Dans
l’exemple
affiché,
proposer
à
la
valida8on
en
fonc8on
de
nous
sommes
dans
l’ar8cle
«
Démarches
en
ligne
»
qui
se
trouve
dans
la
rubrique
«
Accueil
»
qui
est
elle-­‐même
à
la
votre
statut
(rédacteur,
racine
du
site.
administrateur…).
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
11

12. La gestion des images
Le
module
FCK
éditor
se
présente
un
peu
comme
dans
un
traitement
de
texte
classique
avec
la
possibilité
de
meOre
en
gras,
de
souligner
du
texte,
de
créer
de
liste…
Module
FCK
Editor
Vous
devez
ensuite
cliquez
à
l’emplacement
où
Pour
ajouter
une
image
dans
le
contenu
textuel
d’un
devra
se
situer
votre
image
puis
vous
cliquez
sur
le
ar8cle,
vous
devez
aller
dans
le
mode
«
Modifier
cet
bouton
image
dans
la
barre
d’ou8l
:
ar8cle
».
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
12

13. Ajouter une image dans l’article
S’ouvre
alors
une
fenêtre.
Vous
allez
ensuite
dans
«
explorer
le
serveur
»
pour
soit
chercher
une
image
déjà
chargée,
soit
télécharger
une
nouvelle
image.
Pour
cet
exemple,
nous
allons
télécharger
une
nouvelle
image.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
13

14. Ajouter une image dans l’article
Vous
allez
chercher
votre
image
avec
«
Parcourir
»
puis
vous
télécharger.
Une
fois
téléchargée,
vous
cliquez
sur
«
U8liser
le
fichier
:
nomDeLImage.jpg
».
Une
nouvelle
fenêtre
apparaît
qui
vous
permet
de
modifier
certains
paramètres
de
l’image.
Vous
pouvez
ainsi
ajouter
un
texte
de
remplacement
(accessibilité).
Il
est
normalement
obligatoire.
Vous
pouvez
aussi
changer
la
taille
de
l’image
en
gardant
ou
non
les
propor8ons
avec
le
cadenas.
La
largeur
maximum
est
généralement
autour
de
500px.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
14

15. Portfolio
Nous
allons
voir
comment
insérer
des
images
dans
le
porwolio
et
leur
donner
une
vigneOe
au
format
carré
pour
uniformiser
le
rendu
et
voir
comment
insérer
des
images
dans
le
texte,
les
redimensionner
pour
que
cela
apparaisse
correctement.
Dans
la
par8e
administra8ve
de
l’ar8cle,
sans
passer
par
le
mode
modifica8on
où
vous
pouvez
changer
le
texte,
vous
trouvez
en
bas
du
contenu
le
porwolio.
À
par8r
de
ceOe
espace
vous
pouvez
ajouter,
supprimer,
renseigner
vos
images
qui
seront
incluses
dans
la
par8e
publique
au
diaporama
d’images
en
bas
de
l’ar8cle.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
15

16. Portfolio
Pour
ajouter
une
vigneCe,
vous
dépliez
le
cadre
de
la
photographie
en
survolant
la
flèche
grise
à
côté
du
nom
de
l’image,
puis
vous
cliquez
sur
«
parcourir
»
pour
aller
chercher
la
vigneOe
du
document
que
vous
aurez
préalablement
préparé
avec
pixlr.com/
editor
par
exemple.
Pour
l’exemple,
la
vigneOe
est
un
carré
de
600px
par
600px.
Le
rendu
sur
le
site
public
donne
bien
des
vigneOes
carrés
et
lorsque
vous
cliquez
sur
les
vigneOes
s’affiche
l’image
dans
les
dimensions
d’origine.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
16

17. Les statuts des articles
Votre
ar8cle,
une
fois
enregistré,
est
présenté
comme
«
en
cours
de
rédac8on
»,
ce
qui
signifie
qu’il
n’est
encore
visible
que
par
vous
ou
toute
personne
se
connectant
avec
le
même
login
que
vous.
Vous
pouvez
ainsi
revenir
dessus,
le
terminer
ou
le
modifier
plus
tard
avant
de
le
meOre
en
ligne
ou
en
relecture
auprès
des
autres
contributeurs
du
site.
Les
différents
statuts
sont
:
§ Proposé
à
l’évalua9on
(l’ar8cle
est
visible
dans
l’espace
privé
par
tous
les
contributeurs)
;
§ Publié
en
ligne
(l’ar8cle
est
visible
en
ligne)
;
§ À
la
poubelle
(l’ar8cle
ne
sera
plus
visible
dans
l’espace
privé
ni
en
ligne
;;
Vous
pouvez
changer
le
statut
d’un
§ Refusé
poubelle
(l’ar8cle
ne
sera
plus
ar8cle
directement
à
par8r
d’une
visible
dans
l’espace
privé
ni
en
ligne).
rubrique
en
posant
la
souris
sur
le
carré
puis
en
cliquant
sur
celui
souhaité.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
17

18. Historique des modifications
Lorsqu’un
site
web
est
mis
à
jour
par
plusieurs
contributeurs,
le
module
des
historiques
des
«
modifica8ons
des
ar8cles
»
s’avère
être
un
ou8l
indispensable.
Vous
pouvez,
à
tout
moment,
revenir
sur
une
ancienne
version
d’un
ar8cle,
vérifier
quelles
ont
été
les
modifica8ons
et
par
qui
elles
ont
été
faites.
Les
par8es
en
rouge
et
barrées
ont
été
supprimées
dans
la
dernière
version
de
l’ar8cle.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
18

19. Historique des modifications
Pour
cet
exemple,
il
existe
deux
versions
de
l’ar8cle.
Il
est
ainsi
possible
de
revenir
sur
la
première
version,
de
comparer
les
différentes
versions
et
de
les
modifier.
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
19

20. Outils en ligne
Pour
modifier
des
images
:
• Retrouver
ceOe
présenta8on
en
ligne
:
hOp://www.slideshare.net/Voyelle/forma8on-­‐rdacteuradministrateur-­‐de-­‐site-­‐sous-­‐spip
• La
suite
d’ou8ls
sur
www.pixlr.com
• Editor
>
hOp://pixlr.com/editor/
ressemble
à
Photoshop
voir
le
tutoriel
sur
notre
blog
>
hOp://blog.voyelle.me/webtools/pixlr-­‐editor-­‐le-­‐photoshop-­‐en-­‐ligne
• O-­‐ma8c
>
hOp://pixlr.com/o-­‐ma8c/
système
de
filtres
• Express
>
hOp://pixlr.com/editor/
pour
des
modifica8ons
simples
Voyelle
–
40
rue
du
Bignon,
forum
de
la
rocade,
bâ8ment
Oméga
à
Chantepie
-­‐
contact@voyelle.fr
20