1

Initiation et administration SPIP

Adapté du travail de Philippe Giron, webmaster de catholique-saint-brieuc.cef.fr/ et membre d'eklesia.net

2

Introduction

• Version de SPIP décrite : 2.0.3• Site de SPIP : http://www.spip.net/fr• Interface décrite : celle de l’administrateur qui

possède plus de droits que le rédacteur • Site de référence : votrenomdesite.com/-

formation

3

Sommaire

1. Connexion et accueil

2. Les pictogrammes de l'espace privé

3. Créer des rubriques et écrire des articles

4. Ajouter des documents et images

5. Trouver de l'aide

4

1. Connexion et accueil

A. Connexion

Pour se connecter à votre espace privé, aller sur : Votrenomdesite.com/ecrire

5

6

Le cookie de correspondance ?

Activer le cookie de correspondance provoque l’affichage d’informations supplémentaires lors de la visite du site public

• Recalculer la page : pour faire apparaître immédiatement les modifications en ligne

• Modifier : on arrive directement sur la page de l’article / rubrique à modifier sur l'espace privé (et non sur l’accueil)

• NB : quand vous êtes sur le site public connecté à l'espace privé, vous pouvez modifier chaque champs d'article en cliquant sur le crayon sur la droite, encore plus pratique !

• Nombre de visites

7

1ère connexion Votre login (identifiant) et mot de passe sont par défaut votre prénom et la

première lettre de votre nom, le tout attaché en minuscules sans accents. Vous pouvez les changer.

Problèmes de connexion • J’ai perdu mon mot de passe

− cliquer sur [mot de passe oublié ?] − Le système vous renverra un mot de passe à l’adresse e-mail

inscrite sur le site. Vous pourrez changer ce nouveau mot de passe à la prochaine connexion

• J’ai perdu mon login − Envoyer un e- mail à contact@bonnenouvelle.fr qui vous l’enverra

Astuce Cocher la case Rester identifié quelques jours vous évite de

saisir votre login et votre mot de passe à chaque connexionCocher cette case uniquement si vous êtes sur votre ordinateur

8

B. Accueil

9

Sommaire

1. Connexion et accueil

2. Les pictogrammes de l'espace privé

3. Créer des rubriques et écrire des articles

4. Documents et images

5. Se faire aider

10

• Votre identité est affichée dès que vous vous connectez

Ces informations personnelles sont modifiables• Vous voyez les autres personnes connectées

• Vous pouvez envoyer un message aux autres personnes connectées

1. Les icônes de l'espace privé

11

A. Le 1er niveau du menu

On arrive directement à la

page d’accueil de l’espace privé

Edition du site

Accès au forum interne du site

Statistiques : nombre de

visiteurs par jour / page,

etc.

Aide en ligne (bien faite et en français)

Liste des auteurs du site

Configuration des plugins

Retour au site public

12

• Page d’accueil par défaut de l’espace privé • Permet le retour à la page d’accueil par défaut

• En passant la souris sur cette icône, vous accédez aux plugin (services) gratuits comme : Don en ligne, Dans l’Eglise, Messagers, etc.

• En cliquant sur les icônes correspondantes, vous pouvez modifier les paramètres des plugin (contenus et couleurs), choisir de les afficher totalement, en partie, ou de ne pas les afficher

Description détaillée du 1er niveau de menu

13

Se déconnecter : en cliquant, vous annulez votre identification sur l’espace privé. SPIP vous propose alors de rentrer à nouveau votre identification et votre mot de passe ou de retourner au site public.

Si vous vous connectez depuis votre ordinateur, cette opération est superflue, sauf si quelqu’un d’autre est amené à se connecter à l’espace privé depuis votre ordinateur.

Ne pas oublier de vous déconnecter si vous travaillez sur un ordinateur public

14

• Forum interne, permet la communication entre les administrateurs, la gestion des forums, etc.

• En cliquant sur cette icône, la liste des auteurs (administrateurs et auteurs) du site s’affiche. Chaque auteur peut ainsi modifier ses informations personnelles et ajouter sa photo.

Seul l’administrateur ou le rédacteur lui-même peuvent changer les informations personnelles d’un rédacteur.

Un rédacteur ne doit pas modifier son identifiant et son adresse e-mail. Seul l’administrateur y est autorisé.

15

16

• En passant la souris sur cette icône, on peut aussi afficher les visiteurs connus (ceux inscrits à une liste de diffusion) et créer un nouvel auteur

Un administrateur a accès à tout le site et peut modifier ses paramètres, un administrateur restreint à une ou plusieurs rubriques, un rédacteur ne peut que proposer du contenu à la publication et modifier son propre contenu.

Créer un nouvel auteur : – La signature est obligatoire. On recommande d’écrire le prénom

suivi du nom. Seule la première lettre est en majuscule. Le titre éventuel (Père, Frère, Soeur, Mgr) est placé avant le prénom.

– Champs facultatifs : adresse e-mail, qui êtes-vous ? (responsabilité exercée, n° de téléphone, adresse), votre clé PDG (méthode d’identification : inutile), site web

– Choix du statut : rédacteur ; vous êtes par défaut le seul administrateur de votre site (avec l’équipe Bonnenouvelle.fr)

17

– Il est préférable que tous les rédacteurs apparaissent dans la liste des rédacteurs connectés. Vous pourrez ainsi échanger des messages en direct, et savoir à tout moment qui est connecté sur le site

– Chaque auteur peut ajouter sa photo en jpg (250 pixels de large ou moins) qu’il doit télécharger à partir de son disque dur ou d’une clé USB

– Une fois les informations remplies, cliquez sur Enregistrer

– Un numéro d’auteur unique est attribué automatiquement à chaque auteur. Par défaut, vous êtes l'auteur 3 et votre paroisse/diocèse ou communauté est l'auteur 4

18

19

• Permet de connaître l’évolution du nombre de visites et l’origine des visites

20

• Affiche également les statistiques par rubrique (répartition actuelle et depuis le début) ainsi que les liens entrants (sites faisant des liens menant vers votre site) depuis les 24 dernières heures

21

Contenu du site − Ajout d’un logo et du descriptif du site (lu par les moteurs de

recherche, être précis et exhaustif)

Modifier ces pages peut modifier notablement le fonctionnement du site Laisser les paramètres par défaut de votre site mis par Bonnenouvelle.fr

– Sélection des éléments des articles qui seront utilisés (surtitre, chapeau, Post-Scriptum, etc.)

– Publication des articles post-datés : ne pas publier les articles avant la date de publication fixée (recommandation)

– Articles virtuels : oui (recommandation) – Mots-clés : utiliser les mots-clés, configuration avancée

(recommandation) – Logos : les utiliser (recommandation). – Documents joints : les autoriser (recommandation)– Référencement : seuls les administrateurs peuvent proposer

des sites référencés (recommandation)

22

• Interactivité et fonctions avancées : ne pas modifier • Gestion des langues et maintenance du site : idem • Vider le cache : penser à le vider si vous ne voyez les

modifications effectuées sur l'espace privé sur le site public ou en cas de message d'erreur MySQL sur le site public

vider le cache (dans l’espace privé) = recalculer la page (dans le site public lorsque vous avez activé votre cookie de correspondance)

• Gestion des plugins : affiche la liste des plugins disponibles sur le site : à ne pas modifier

23

• Lien vers l’aide en ligne de SPIP − Conseils pour la rédaction d’articles, l’insertion d’images et

documents, l’utilisation de mots-clés, l’installation de SPIP, les sites référencés, etc. N’hésitez pas à vous en servir !

− A connaître par coeur !

• Retour au site public

24

B. Le 2e niveau du menu

Plan du

site

Navigation rapide pour écrire

Rechercher Messagerie personnelle

Couleur de l’interface

Agenda interne

Informations personnelles

Langue de l’interface

Suivre la vie du site

Déconnexion

25

Tout le site : équivalent de l’explorateur Windows, laisser la souris dessus sans cliquer pour que menu se déroule.

Ensemble des rubriques, sous-rubriques et articles du site

Il présente en plus l’état des articles (en ligne, proposé à la publication, en cours de rédaction, refusé, poubelle)

Description détaillée du 2e niveau de menu

26

Navigation rapide : ensemble de raccourcis permettant d’accéder rapidement à certaines fonctions

– Créer une rubrique

– Ecrire un nouvel article

– (Référencer un site)

– (Créer un nouveau courrier : seulement si vous avec l'option newsletter)

– (Créer une nouvelle liste de diffusion : idem)

27

Rechercher : pour chercher un article, une rubrique, un auteur par son numéro automatique ou avec des mots-clés

28

C. Autres fonctions Activer le cookie de correspondance provoque l’affichage d’informations supplémentaires lors de la visite du site public

– Recalculer la page : pour faire apparaître immédiatement les modifications en ligne

– Modifier : pour qu’en ouvrant l’espace privé, on arrive directement à la page de l’article / rubrique à modifier (et non sur l’accueil)

– Nombre de visites

29

Couleurs de l’interface : vous permet de modifier la couleur de l’interface de l’espace privé de votre site.

En passant la souris sur ces carrés couleur, d’autres icônes apparaissent, vous permettant de personnaliser encore plus l’interface :

– petit ou grand écran : évite de scroller avec la souris

– affichage texte et icônes / icônes seulement / texte seulement

30

Langue de l’interface : vous pouvez choisir votre langue parmi plus de 30 langues

Ne concerne que l'espace privé du site et non le site public !

31

Depuis la page d’accueil de l’espace privé, des raccourcis vous permettent :

- de créer une rubrique- d’écrire un nouvel article - de référencer des sites

Quand vous aurez commencé à écrire du contenu, vous verrez également sur la page d’accueil les articles les plus récents et les articles proposés à la publication

32

Sommaire

1. Connexion et accueil

2. Les icônes du site privé

3. Créer des rubriques et écrire des articles

4. Documents et images

5. Se faire aider

33

3. Créer des rubriques et écrire des articles

Comment créer des rubriques ou écrire des articles ?

• Directement depuis la page d’accueil de l’espace privé• En cliquant sur Navigation rapide (2e niveau de menu)• En cliquant sur Tout le site et en sélectionnant la rubrique

dans laquelle vous voulez écrire un article

34

A. Créer des rubriques

• Dans le champs Titre, inscrire avant le titre de la rubrique un numéro suivi d’un point et d’un espace (ex. 01. Actualités) pour qu’elle apparaisse dans l’ordre souhaité dans le menu

• Une rubrique est par défaut créée à la racine du site. Vous pouvez la déplacer à l'intérieur d'une autre pour en faire une « sous-rubrique »

• Chaque rubrique dispose d’un numéro unique qui l’identifie, exemple : rub5

35

• Vous pouvez associer à chaque rubrique :– Un logo

– Un descriptif

– Un texte explicatif

• Dans chaque rubrique, vous pouvez : – Créer une sous-rubrique

– Écrire un nouvel article

– Joindre un document

– (Référencer un site)

36

37

38

B. Ecrire des articles

Les éléments d’un article : • Le système signera l’article de votre nom. Il est possible

ultérieurement d’ajouter et modifier les auteurs

• Le titre et le corps du texte sont obligatoires

• Le chapeau : introduction à l’article, qui apparaît en gras sur le site public. C’est l’accroche, ne pas le négliger.

• Surtitre, sous-titre sont facultatifs

• Descriptif : il est affiché comme présentation du texte − on peut copier-coller le code du lecteur vidéo (250*180 pixels)− Si le descriptif est vide, c’est le chapeau qui s’affiche

39

• Lien hypertexte : il n’est pas utilisé, sauf si on a un lien

hypertexte associé à l’article • Post-scriptum : on y affiche généralement des informations

pratiques, des liens externes, les contacts, etc. • Rubrique : vérifier que l’article se trouve bien dans la bonne

rubrique. Si ce n’est pas le cas, le repositionner correctement• Une fois le texte écrit, cliquer sur Enregistrer

40

41

42

Astuces typographiques : • La barre d’outils permet de mettre en forme le texte

Texte en italique

Texte en gras

Intertitre

Lien hypertexte

Notes de bas de page

Majuscules accentuées

GuillemetsInsérer un E

dans l’O

Symbole €

43

Autres astuces typographiques

• Pour aller à la ligne sans sauter de ligne : aller à la ligne et insérer un « tiret du 8 » suivi d’un espace : _

• Listes non numérotées : − 1er niveau : « tiret du 6 » suivi d’un espace : - − 2e niveau : « tiret du 6 » suivi d’une * puis d’un espace : -*− 3e niveau : « tiret du 6 » suivi de ** puis d’un espace : -**

• Listes numérotées : − 1er niveau : « tiret du 6 » suivi de # puis d’un espace : -#− 2e niveau : « tiret du 6 » suivi de ## puis d’un espace : -##− 3e niveau : « tiret du 6 » suivi de ### puis d’un espace

44

• Ligne horizontale : 4 signes moins sur une ligne (précédés et suivis d’une ligne vide) donneront un trait de séparation horizontal. ----

• Espace insécable~ : (Alt-Gr 2) correspond au blanc insécable de Word (ou au   du HTML) il empêche les deux mots d’être séparés par un retour à la ligne malvenu. S’utilise en particulier entre le prénom et le nom propre.

• Citation : Mettre votre texte entre <quote> et </quote>• Autres liens

– Vers une rubrique : [->rub7]– Vers un article : [->7]– Vers un auteur : [->auteur7]

Ne pas mettre des adresses e-mail en clair, elles risquent de se faire spammer !

45

• Intertitre de 2e niveau : {2{intertitre de 2e niveau}2}• Intertitre de 3e niveau : {3{intertitre de 3e niveau}3}• Centrer du texte : [|texte centré|]• Aligner du texte à droite : [/texte aligné à droite/]• Texte encadré : [(texte encadré)]• Insérer un tableau : copier-coller le code, c'est plus simple

un deux trois quatre

jaune rouge vert bleu

noir blanc gris violet

|{{un}}|{{deux}}|{{trois}}|{{quatre}}|

|jaune|rouge|vert|bleu|

|noir|blanc|gris|violet|

46

• Après un intertitre, SPIP renvoie automatiquement à la ligne, contrairement au gras

• Utiliser au maximum les puces pour faciliter la lecture à l’écran • Ne pas hésiter à consulter l’article « Modèles de mise en page »

dans l’espace privé qui récapitule tous les codes typographiques sous SPIP

47

Une fois l’article écrit : • Cliquez sur Enregistrer • Proposer l’article à la publication

− Seul l’administrateur peut publier les articles et en changer l’état

− Possibilité de prévisualiser l’article quand il est proposé à la publication

• Un code couleur indique l’état de l’article

Refusé

Proposé à l’évaluation

En cours de rédaction

En ligne A la poubelle : il disparaît

au bout de 24h

48

• Vidéo : dans le champ descriptif, la taille est de 250*180 pixels• Logo : 445 pixels de large • Nuage de mots-clés : vous pouvez associer à

chaque article un ou plusieurs mots-clés. Dans le nuage, la taille du mot-clé est proportionnelle à son utilisation sur le site

• Les derniers articles se mettent par défaut sur la page d’accueil (= contenu de la newsletter). Pour faire apparaître un article plus ancien sur la page d’accueil de votre site, sélectionner le mot-clé : accueil ou accueil : article en haut à la une

• Pour placer un article dans une autre rubrique, cliquez sur « modifier l’article », puis sur la loupe

49

Articles d'agenda• Vous pouvez associer une date et un lieu d'évènement à un

article, qui sera automatiquement dépublié dès sa date passée. Il suffit pour cela de remplir le titre de l’évènement (le même que celui de l’article), les dates, l’heure et éventuellement le lieu

• Les évènements vont paraître dans l’agenda• On peut créer des évènements répétitifs • Ne pas oublier de cliquer sur enregistrer ! • Les évènements vont ainsi paraître dans l’agenda

50

51

Sommaire

1. Connexion et accueil

2. Les icônes du site privé

3. Créer des rubriques et écrire des articles

4. Ajouter des documents et images

5. Se faire aider

52

1. Ajouter des documents et images

Articles et rubriques peuvent être illustrés par des logos, des images et des documents joints

Logos • l’image doit être téléchargée à partir de l’ordinateur (pas de

lien possible) une fois l’article enregistré

53

•On utilise généralement des logos de 225 pixels de large •Logo de survol : un logo pour survol remplacera l’image au

moment où la souris passe dessus. Les 2 logos doivent avoir la même taille

Images •Elle apparaît dans le corps du texte •La télécharger à partir de l’ordinateur

54

• Après avoir téléchargé l’image, on place le code généré dans le texte :

− Image placée à gauche : <imgxxx|left>− Image placée au centre : <imgxxx|center>− Image placée à droite : <imgxxx|right>

• Deux modes d’affichage : − <imgxxx|XXX> : Image seule, le texte ajouté apparaît en infobulle− <docxxx|XXX> : L’image apparaît avec le texte en légende

Documents • Dans le corps du texte, en document joint ou en vignette • Toutes les formes de documents sont possibles (gif, jpg, zip,

pdf, doc, xls, ppt, avi…)

55

• 2 façons d’insérer des documents :

Colonne de gauche : l’article est en cours de

modification

Colonne de droite : l’article a déjà été

enregistré

56

Sommaire

1. Connexion et accueil

2. Les icônes du site privé

3. Créer des rubriques et écrire des articles

4. Documents et images

5. Trouver de l'aide

57

1. Se faire aider

• Bonnenouvelle.fr : http://www.bonnenouvelle.fr • Le rédacteur SPIP

– Le site de SPIP http://www.spip.net/ – Présentation et premiers pas

http://www.spip.net/fr_rubrique124.html – Le Guide de l'utilisateur http://www.spip.net/fr_rubrique136.html

• Pour aller plus loin http://www.spip-contrib.net/-Outils-redacteurs-