Enseignement catholique de Marseille
http://ecole-catholique13.com/A-lire-avant-de-commencer,2
    A lire avant de commencer

A lire avant de commencer

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
et télécharger ces deux documents :
- Gérer son site de A à Z

Formats de photos

Les formats de photos à préparer lire http://bonnenouvelle.fr/spip.php?ar... :
- bandeau-photo : 950 x 180 pixels comme sur http://saintmichelnantua.com/
- 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. Poids maximum par photo : 50 Ko.
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 500 pixels de large x 350 px en documents joints à l’article, visible ci-dessous. Poids maxi 100 Ko par photo

  • Pour un résultat esthétique, ne publier que des photos horizontales ou que verticales sur un diaporama de même largeur ou hauteur. 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..

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="450" height="300") comme ci-dessous : <object width="450" height="300"><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="450" height="300"></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="320" height="250").

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.

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

- <img43> Code à insérer avant une adresse postale
-  <img44> Code à insérer avant un n° de téléphone fixe qui s’écrit toujours +334 94 00 00 00
-  <img45> Code à insérer avant un n° de fax qui s’écrit toujours +334 94 00 00 00
-  <img47> Code à insérer avant un n° de téléphone mobile qui s’écrit toujours +336 00 00 00 00
-  <img48> Code à insérer avant un courriel
-  <img47> Code à insérer avant un lien vers une carte Google maps

Raccourcis typographiques de Spip

- Lire cet article plus documenté et illustré Comment mettre en forme un article sous Spip ?

Ceci est du texte en caractères gras encadré par deux accolades

{{Ceci est du texte en caractères gras}}

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

Une balise <quote> met automatiquement le texte dans un encadré.

Code de tableau à copier-coller

|{{un}}|{{deux}}|{{trois}}|{{quatre}}|
|jaune|rouge|vert|bleue|
|noir|blanc|gris|violet|

donne :

undeuxtroisquatre
jaune rouge vert bleue
noir blanc gris violet

Puces et compagnie


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

- un
- deux
- trois

-* un
-** deux
-*** trois
-** quatre
-* cinq

donne :

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

- un
- deux
- trois

  • un
    • deux
      • trois
    • quatre
  • cinq

Tirer un trait avec 4 tirets du 6


donne :
Tirer un trait avec 4 tirets du 6


Sélection du contenu sur l’accueil

  • Position de l’article en 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é Sélection contenu accueil selon la position désirée sur la page d’accueil à visualiser ci-dessous :

accueil_une
accueil accueil
accueil accueil
accueil accueil

Si vous souhaitez changer l’ordre d’affichage de ces deux 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.

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.


Exemple de formulaire d’inscription

Insérer ce code suivi du n° de formulaire, exemple <formidable1> donne le formulaire n° 1 ci-dessous :

* champ obligatoire

En savoir plus

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

Liste d’établissements


Agenda
décembre 2016 :

Rien pour ce mois

novembre 2016 | janvier 2017

newsletter