Paroisses de Roanne Saint-Paul en Roannais Saint-Pierre des Mariniers
http://eglise-roanne.fr/Aide-pour-les-contributeurs
      Aide pour les contributeurs

Aide pour les contributeurs

Pour préciser la source, l’auteur ou une autre précision sur le contexte de l’article

Tout ce que vous devez savoir pour pouvoir animer votre site. A lire en état "modifié" pour reprendre le code.

Le chapeau résume l’article et éveille la curiosité pour donner envie de cliquer et lire l’article en entier. Il apparaît sur les pages d’accueil et de rubrique. La taille recommandée du chapeau espaces compris est de 400 à 500 signes. Voici un aide-mémoire des raccourcis typographiques de Spip.
Jamais de lien, ni de note dans un chapeau.


Supports de formation pour bien démarrer

- Communiquer sur le web
- Gérer son site de A à Z


Préparer ses photos pour illustrer son site

Les formats de photos à préparer lire http://bonnenouvelle.fr/spip.php?ar... :
- logos d’auteur : hauteur 250 pixels. Poids maximum par photo : 50 Ko.
- logos d’articles (se voient sur l’accueil et les pages de rubrique en taille réduite et sur les pages d’articles en taille réelle : largeur ou hauteur 250 pixels.
Si vous avez publié un logo sur la rubrique, celui-ci s’affichera par défaut sur l’article si l’article n’a pas de logo propre.
- Si votre site dispose de l’option Galerie-photos, il est activé par l’ajout de photos jpg de 800 à 600 pixels de large en documents joints à l’article, visible ci-dessous. Poids maxi 100 Ko par photo.

  • Vous pouvez ajouter une légende par photo dans le champs descriptif.
  • Pour ordonner l’affichage des photos, précéder le titre du document d’un chiffre suivi d’un point et d’une espace : 01. bandeau apparaîtra en 1er, 02. bandeau en 2e, etc..
    - bandeau-photo : 950 x 180 pixels comme sur http://saintmichelnantua.com/

Structurer le contenu

- Les titres, sous-titres, intertitres doivent toujours pouvoir être lus de façon indépendante du reste du texte et ne font jamais de références implicites au contenu de l’article. Contre-exemple de titre : "Il y était.".
- La titraille (titres et intertitres) n’est jamais ponctuée sauf avec un point d’exclamation ou d’interrogation. Le chapeau se termine par un point.

- Listes à puces

Un tiret du 6 - donne une puce :
- 
Un tiret du 6 - suivi d’une étoîle* : -* donne :

  • une sous-puce
    • ou -*** créent deux autres sous-niveaux de hiérarchie. La mise en forme :
      - "Ton cheval est :
      -* alezan ;
      -* bai ;
      -* noir ;
      - mais mon lapin est :
      -* blanc ;
      -** angora ;
      -** ou à poil ras
      -*** à oreilles courtes ;
      -*** à oreilles pointues ;
      -* gris."

      donne :
      - Ton cheval est :

  • alezan ;
  • bai ;
  • noir ;
    - mais mon lapin est :
  • blanc ;
    • angora ;
    • ou à poil ras
      • à oreilles courtes ;
      • à oreilles pointues ;
  • gris.

- Puces numérotées

Un tiret du 6 suivi d’un dièse -# donne une liste numérotée. Un tiret du 6 - suivi de deux dièses -## crée un deuxième niveau de hiérarchie dans la liste numérotée. Le code

-# premier
-# deuxième
-# troisième

va apparaître ainsi :

  1. premier
  2. deuxième
  3. troisième

- Tableau

Pour réaliser des tableaux, faire des lignes dont les "cases" sont séparées par le symbole "|" (pipe, un trait vertical), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau.
Le code

| {{Nom}} | {{Prénom}} | {{Age}} |
| Marso | Ben | 23 ans |
| Capitaine | | non connu |
| Philant | Philippe | 46 ans |
| Cadoc | Bébé | 4 mois |

va apparaître ainsi :

Nom Prénom Age
MarsoBen23 ans
Capitainenon connu
PhilantPhilippe46 ans
CadocBébé4 mois

- Soutenir la lecture à l’écran avec des images

Les images utilisées comme logos de rubrique et d’article ont une valeur sémantique, c’est-à-dire qu’elles doivent révéler le sens du contenu et motiver la lecture.
- La première image ajoutée dans le texte se trouvera du côté opposé du logo de l’article. Si le logo est à gauche, la première image ajoutée apparaîtra à droite<img|right>, puis la deuxième image à gauche <img|left>.

- Lire avant l’article pour connaître les dimensions des photos de votre site

Préparation des rubriques et des articles

Si vous désirez ordonner l’affichage dans le menu des articles ou sous-rubriques, précéder le titre d’un n° suivi d’un point et d’un espace, exemple : 01. Actualités apparaît en 1ère position dans le menu. Un filtre permet de cacher le numéro sur le web.
Le centre des pages d’accueil et de rubrique affiche les articles du plus récent au plus ancien, donc changer les dates de publication des articles si besoin.

Raccourcis typographiques de Spip

Pour mettre en forme le contenu, créer un texte en gras, en italique, faire une note de bas de page, Spip propose des raccourcis typographiques, assez simples à mémoriser.

- Sur l’espace privé, vous pouvez à tout moment accéder à ces raccourcis dans l’aide de Spip en cliquant sur le pictogramme ?

FonctionRaccourciAperçu
Intertitre{{{Intertitre}}}Intertitre
Texte en gras{{Texte en gras}}Texte en gras
Texte en italique{Texte en italique}Texte en italique
Insérer une image
<img2020>
_ <imgxxx|center>
_ <imgxxx|left>
_ <imgxxx|right>
L’image doit avoir été précédemment téléchargée sur le site par la fonction « télécharger une nouvelle image » dans la colonne de gauche affichée quand on rédige un article. Le système indique alors sous quel numéro l’image est disponible (ici 2020), et c’est ce nom qui doit être utilisé. Trois commandes sont disponibles : gauche (left), centre (center) ou droite (right)
Lien vers un site[Sites pour les paroisses->http://bonnenouvelle.fr] ou [->http://bonnenouvelle.fr]Sites pour les paroisses ou http://bonnenouvelle.fr

(rédiger l’intitulé du lien choisi avec les mots clés que vous saisiriez sur un moteur de recherche)

Lien vers un article[->4] ou [texte->4] ou [texte->art4]Aide pour les contributeurs
Lien vers une rubrique[->rub12] ou [texte->rub12]Infos paroissiales
Lien sur une image[<img2020>->adresse du lien] Titre : Si nécessaire, donner un titre le plus objectif possible qui permettrait de trouver l’image ou le document sur un moteur de recherche, le nom des personnes ou des oeuvres. Description : Si nécessaire, indiquer le copyright précédé du symbôle © et suivi du nom de photographe ou de l’artiste. La description peut être un commentaire humoristique
Lien vers un document[->doc2040]document 2040
Lien vers un formulaire de contact d’auteur[->aut2] ou [Contacter Mathilde Henry->aut2]Mathilde Henry ou Contacter Mathilde Henry

Ne jamais mettre une adresse e-mail en clair sur un site web, ni faire un lien "mailto" vers une adresse e-mail car elle sera scannée et revendue aux spammeurs

Lien dans une page[#signet<-] à mettre à l'endroit à atteindre  [4.  Structurer le contenu->#signet] pour faire un lien vers le 4e point dans l'article4. Structurer le contenu

Pour créer un sommaire dans les articles longs.

Ce type de signet est utilisé soit, à l’intérieur d’une page web, soit à l’intérieur d’un même site web.

Note de bas de page[[texte de la note]]Le texte entre doubles crochets apparaît en bas de la page, doit être placé au niveau de l’appel de note, dans le texte [1]
Trait de séparation----Entrer une ligne contenant au moins quatre petits tirets
Encadré<quote>Texte à encadrer.. </quote>

Texte à encadrer...

Citation<q>Une balise Q encadre automatiquement la citation avec des guillemets </q>Une balise Q encadre automatiquement la citation avec des guillemets

Les guillemets l’encadrent automatiquement.

Texte à encadrer...

Une balise Q encadre automatiquement la citation avec des guillemets

Codes images de pictogrammes à insérer pour illustrer les infos pratiques, en particulier dans le champs P.S.

-  icone_fax <img3> Code à insérer avant un n° de téléphone fixe qui s’écrit toujours +334 94 00 00 00
-  icone_mail <img4> Code à insérer avant un n° de fax qui s’écrit toujours +334 94 00 00 00
- <img5> Code à insérer avant une adresse postale
-  <img6> Code à insérer avant un lien vers une carte Google maps
-  ds_eglise_fr <img7> Code à insérer avant un n° de téléphone mobile qui s’écrit toujours +336 00 00 00 00
-  bonnenouvelle_fr <img8> Code à insérer avant un courriel

Un article avec date et lieu d’évènement cliquable dans le calendrier

- Quand vous êtes sur un article (statut non modifié), vous pouvez créer un évènement, la date et le lieu d’évènement apparaîtront au-dessus du chapeau sur l’accueil et la rubrique. Un évenement peut être répétitif grâce à des occurences. Les 5 prochaines occurrences de l’évènement apparaîtront sur l’article. Cette fonction rend la date cliquable dans le calendrier.

Insérer une vidéo dans un article

- Dans le champs texte de l’article¡¡, penser à mettre le titre de la vidéo en intertitre pour que son contenu soit référencé par Google.

Choisir des dimensions lisibles, par exemple : width="500" height="350") comme ci-dessous :

<object width="500" height="350"><param name="movie" value="http://www.youtube.com/v/fWVqIRl9UYo&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fWVqIRl9UYo&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="350"</embed></object>

- Dans le champs descriptif de l’article, penser à réduire la taille de la largeur et de la hauteur du lecteur, changer deux fois les valeurs dans le code par width="250" height="180") ou utiliser la fonction Personnaliser du site de partage de vidéo.

Ce code fera apparaître un mini-lecteur vidéo sur la page d’accueil et de rubrique à la place du logo de l’article en petite taille. Le champs descriptif ne s’affiche pas sur l’article pour éviter de doubler le contenu.

- Lire :
Publier de la vidéo pour Internet sur un site sous Spip

Lecteur audio

Le lecteur audio se déclenche dès que vous ajoutez des documents joints MP3 (moins de 2 MO par fichier) à votre article. Vous pouvez ajouter une légende dans le champs descriptif et titre du document.

Sélection du contenu sur l’accueil

Pour faire apparaître un article sur la page d’accueil, aller dans l’espace privé sur l’article, puis ajouter le mot-clé sur le mot-clé accueil_une ou accueil Sélection contenu accueil selon la position désirée sur la page d’accueil à visualiser ci-dessous :

accueil_unedeux
accueilaccueil
accueilaccueil
accueilaccueil

C’est le dernier articles publié avec ce mot-clé qui s’affiche sur la page d’accueil. Si vous souhaitez changer l’ordre d’affichage de ces articles, modifier leurs dates de publication.

Mots-clés de recherche

- Quand vous êtes sur un article (statut non modifié), vous pouvez ajouter un mot-clé à un article, ce qui fera grossir le mot dans le nuage de mots-clés, un clic sur ce mot proposera un lien vers l’article.

A utiliser pour créer des thématiques transversales : évangélisation, formation, prêtre, médias ou par cibles : jeunes, couples, non-pratiquant ou par contenus : vidéo, photo, MP3.

Integer vitae dolor massa. Aliquam accumsan nibh nulla, sit amet semper orci sollicitudin sed. Donec sagittis commodo dui ac venenatis. Vivamus sed sem ultrices, lobortis nibh nec ; hendrerit lacus. Morbi eu arcu dapibus, porta nibh sed, gravida purus. In condimentum lacus tortor, sit amet feugiat turpis rutrum sit amet. Donec urna magna, cursus a ligula eget, luctus cursus magna ! Etiam bibendum cursus risus, ac congue est ultrices ac.

Nullam in bibendum quam. Sed erat mi, adipiscing id felis ac, fringilla semper tellus. Donec commodo placerat ligula et congue. In dictum magna non commodo congue. Suspendisse sit amet lobortis elit ; quis pharetra nibh. Proin sem turpis, accumsan a magna eu, condimentum mollis mauris. Pellentesque cursus magna nec metus congue, a bibendum diam hendrerit. Vestibulum condimentum erat eu molestie dignissim. Mauris faucibus purus ut turpis mollis ; vitae sollicitudin sem venenatis. Phasellus varius vitae ipsum vel molestie. Nunc quis nisi dapibus, commodo dolor non, consectetur elit. Integer aliquet, risus et iaculis tempor ; odio augue iaculis arcu, ac cursus eros turpis non lacus. Nam a nisi diam.

En savoir plus

Renseignements pratiques, adresses utiles, bibliographie
- Liens pour en savoir plus

Notes

[1Ceci est un exemple de note de bas de page

Réagir à cet articleRéagir à cet article

Un message, un commentaire ?

modération a priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

JPEG - 8.9 ko