Initiation et administration SPIP Adapt du travail de Philippe Giron, webmaster de catholiquesaintbr

1
Initiation et administration SPIPAdapté 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 ladministrateur qui
  possède plus de droits que le rédacteur
• Site de référence votrenomdesite.com/-formation

3
Sommaire

• Connexion et accueil
• Les pictogrammes de l'espace privé
• Créer des rubriques et écrire des articles
• Ajouter des documents et images
• Trouver de l'aide

4
Connexion et accueil

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

5
(No Transcript)
6

• Le cookie de correspondance ?
• Activer le cookie de correspondance provoque
  laffichage dinformations 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
  larticle / rubrique à modifier sur l'espace
  privé (et non sur laccueil)
• 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
• Jai perdu mon mot de passe
• cliquer sur mot de passe oublié ?
• Le système vous renverra un mot de passe à
  ladresse e-mail inscrite sur le site. Vous
  pourrez changer ce nouveau mot de passe à la
  prochaine connexion
• Jai perdu mon login
• Envoyer un e- mail à contact_at_bonnenouvelle.fr qui
  vous lenverra
• Astuce
• Cocher la case Rester identifié quelques jours
  vous évite de saisir votre login et votre mot
  de passe à chaque connexion
• Cocher cette case uniquement si vous êtes sur
  votre ordinateur

8

• B. Accueil

9
Sommaire

• Connexion et accueil
• Les pictogrammes de l'espace privé
• Créer des rubriques et écrire des articles
• Documents et images
• Se faire aider

10
Les icônes de l'espace privé

• 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

11

• Le 1er niveau du menu

On arrive directement à la page daccueil de
lespace privé
Accès au forum interne du site
Statistiques nombre de visiteurs par jour /
page, etc.
Aide en ligne (bien faite et en français)
Edition du site
Liste des auteurs du site
Configuration des plugins
Retour au site public
12
Description détaillée du 1er niveau de menu

• Page daccueil par défaut de lespace privé
• Permet le retour à la page daccueil par défaut
• En passant la souris sur cette icône, vous
  accédez aux plugin (services) gratuits comme
  Don en ligne, Dans lEglise, 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

13

• Se déconnecter en cliquant, vous annulez votre
  identification sur lespace 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 quelquun
  dautre est amené à se connecter à lespace privé
  depuis votre ordinateur.
• Ne pas oublier de vous déconnecter si vous
  travaillez sur un ordinateur public

14

• Faire un don

15

• Bloc Dans lEglise

16

• Bloc Messagers.net

17

• 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 saffiche.
  Chaque auteur peut ainsi modifier ses
  informations personnelles et ajouter sa photo.
• Seul ladministrateur ou le rédacteur lui-même
  peuvent changer les informations personnelles
  dun rédacteur.
• Un rédacteur ne doit pas modifier son
  identifiant et son adresse e-mail. Seul
  ladministrateur y est autorisé.

18
(No Transcript)
19

• 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
  didentification inutile), site web
• Choix du statut rédacteur vous êtes par
  défaut le seul administrateur de votre site (avec
  léquipe Bonnenouvelle.fr)

20

• 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) quil doit télécharger
  à partir de son disque dur ou dune clé USB
• Une fois les informations remplies, cliquez sur
  Enregistrer
• Un numéro dauteur 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

21
(No Transcript)
22

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

23

• 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

24

• Contenu du site
• Ajout dun 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)

25

• 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 lespace 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

26

• Lien vers laide en ligne de SPIP
• Conseils pour la rédaction darticles,
  linsertion dimages et documents, lutilisation
  de mots-clés, linstallation de SPIP, les sites
  référencés, etc. Nhésitez pas à vous en servir !
  
• A connaître par coeur !
• Retour au site public

27

• B. Le 2e niveau du menu

Plan du site
Rechercher
Couleur de linterface
Déconnexion
Messagerie personnelle
Navigation rapide pour écrire
Informations personnelles
Langue de linterface
Suivre la vie du site
Agenda interne
28
Description détaillée du 2e niveau de menu

• Tout le site équivalent de lexplorateur
  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)

29

• Navigation rapide ensemble de raccourcis
  permettant daccé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)

30

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

31

• C. Autres fonctions
• Activer le cookie de correspondance provoque
  laffichage dinformations supplémentaires
  lors de la visite du site public
• Recalculer la page pour faire apparaître
  immédiatement les modifications en ligne
• Modifier pour quen ouvrant lespace privé, on
  arrive directement à la page de larticle /
  rubrique à modifier (et non sur laccueil)
• Nombre de visites

32

• Couleurs de linterface vous permet de
  modifier la couleur de linterface de lespace
  privé de votre site.
• En passant la souris sur ces carrés couleur,
  dautres icônes apparaissent, vous permettant de
  personnaliser encore plus linterface
• petit ou grand écran évite de scroller avec la
  souris
• affichage texte et icônes / icônes seulement /
  texte seulement

33

• Langue de linterface vous pouvez choisir
  votre langue parmi plus de 30 langues
• Ne concerne que l'espace privé du site et non
  le site public !

34

• Depuis la page daccueil de lespace 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 daccueil les
  articles les plus récents et les articles
  proposés à la publication

35
Sommaire

• Connexion et accueil
• Les icônes du site privé
• Créer des rubriques et écrire des articles
• Documents et images
• Se faire aider

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

• Comment créer des rubriques ou écrire des
  articles ?
• Directement depuis la page daccueil de lespace
  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

37

• Créer des rubriques
• Dans le champs Titre, inscrire avant le titre de
  la rubrique un numéro suivi dun point et dun
  espace (ex. 01. Actualités) pour quelle
  apparaisse dans lordre 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 dun numéro unique qui
  lidentifie, exemple rub5

38

• 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)

39
(No Transcript)
40
(No Transcript)
41

• B. Ecrire des articles
• Les éléments dun article
• Le système signera larticle de votre nom. Il est
  possible ultérieurement dajouter et modifier les
  auteurs
• Le titre et le corps du texte sont obligatoires
• Le chapeau introduction à larticle, qui
  apparaît en gras sur le site public. Cest
  laccroche, 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
  (250180 pixels)
• Si le descriptif est vide, cest le chapeau qui
  saffiche

42

• Lien hypertexte il nest pas utilisé, sauf si
  on a un lien hypertexte associé à larticle
• Post-scriptum on y affiche généralement des
  informations pratiques, des liens externes, les
  contacts, etc.
• Rubrique vérifier que larticle se trouve bien
  dans la bonne rubrique. Si ce nest pas le cas,
  le repositionner correctement
• Une fois le texte écrit, cliquer sur Enregistrer

43
(No Transcript)
44
(No Transcript)
45

• Astuces typographiques
• La barre doutils permet de mettre en forme le
  texte

Texte en italique
Intertitre
Guillemets
Symbole
Insérer un E dans lO
Lien hypertexte
Texte en gras
Majuscules accentuées
Notes de bas de page
46

• Autres astuces typographiques
• Pour aller à la ligne sans sauter de ligne
  aller à la ligne et insérer un  tiret du 8 
  suivi dun espace _
• Listes non numérotées
• 1er niveau  tiret du 6  suivi dun espace -
  
• 2e niveau  tiret du 6  suivi dune puis
  dun espace -
• 3e niveau  tiret du 6  suivi de puis dun
  espace -
• Listes numérotées
• 1er niveau  tiret du 6  suivi de puis dun
  espace -
• 2e niveau  tiret du 6  suivi de puis dun
  espace -
• 3e niveau  tiret du 6  suivi de puis dun
  espace

47

• Ligne horizontale 4 signes moins sur une ligne
  (précédés et suivis dune ligne vide) donneront
  un trait de séparation horizontal. ----
• Espace insécable (Alt-Gr 2) correspond au
  blanc insécable de Word (ou au nbsp du HTML) il
  empêche les deux mots dêtre séparés par un
  retour à la ligne malvenu. Sutilise en
  particulier entre le prénom et le nom propre.
• Citation Mettre votre texte entre ltquotegt et
  lt/quotegt
• Autres liens
• Vers une rubrique -gtrub7
• Vers un article -gt7
• Vers un auteur -gtauteur7
• Ne pas mettre des adresses e-mail en clair,
  elles risquent de se faire spammer !

48

• Intertitre de 2e niveau 2intertitre de 2e
  niveau2
• Intertitre de 3e niveau 3intertitre de 3e
  niveau3
• 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

undeuxtroisquatre jauner
ougevertbleu noirblancgrisviolet
49

• 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 larticle  Modèles de
  mise en page  dans lespace privé qui récapitule
  tous les codes typographiques sous SPIP

50

• Une fois larticle écrit
• Cliquez sur Enregistrer
• Proposer larticle à la publication
• Seul ladministrateur peut publier les articles
  et en changer létat
• Possibilité de prévisualiser larticle quand il
  est proposé à la publication
• Un code couleur indique létat de larticle

En cours de rédaction
Proposé à lévaluation
En ligne
A la poubelle il disparaît au bout de 24h
Refusé
51

• Vidéo dans le champ descriptif, la taille est
  de 250180 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 daccueil ( contenu de la newsletter).
  Pour faire apparaître un article plus ancien sur
  la page daccueil 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 larticle , puis sur la
  loupe

52

• 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 larticle), les
  dates, lheure et éventuellement le lieu
• Les évènements vont paraître dans lagenda
• 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 lagenda

53
(No Transcript)
54
Sommaire

• Connexion et accueil
• Les icônes du site privé
• Créer des rubriques et écrire des articles
• Ajouter des documents et images
• Se faire aider

55
Ajouter des documents et images

• Articles et rubriques peuvent être illustrés par
  des logos, des images et des documents joints
• Logos
• limage doit être téléchargée à partir de
  lordinateur (pas de lien possible) une fois
  larticle enregistré

56

• On utilise généralement des logos de 225 pixels
  de large
• Logo de survol un logo pour survol remplacera
  limage 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 lordinateur

57

• Après avoir téléchargé limage, on place le code
  généré dans le texte
• Image placée à gauche ltimgxxxleftgt
• Image placée au centre ltimgxxxcentergt
• Image placée à droite ltimgxxxrightgt
• Deux modes daffichage
• ltimgxxxXXXgt Image seule, le texte ajouté
  apparaît en infobulle
• ltdocxxxXXXgt Limage 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)

58

• 2 façons dinsérer des documents

Colonne de gauche larticle est en cours de
modification
Colonne de droite larticle a déjà été
enregistré
59
Sommaire

• Connexion et accueil
• Les icônes du site privé
• Créer des rubriques et écrire des articles
• Documents et images
• Trouver de l'aide

60
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-