Manuel de survie

Bienvenue

Merci de nous avoir rejoints.
Le projet Rictus s’inscrit dans la recherche de nouveaux modes de fonctionnement liés à l’Internet.

C’est un projet expérimental et gratuit, sans financement public et sans publicité.

Nous avons choisi de nous rattacher au monde du logiciel Libre (logiciels libres, contributions volontaires, travail en communauté…) pour explorer ce qui est possible d’atteindre avec ce modèle.

Utilisation de SPIP

SPIP est un gestionnaire de contenu [1] ; c’est avec ce logiciel que tout le site est developpé depuis ses débuts. Libre, fiable et porté par une communauté soucieuse de ne pas centrer son modèle sur le commerce, cet outil s’est avéré bien efficace.

Consultez la documentation à l’intention des nouveaux rédacteurs, ci-dessous pour faire connaissance avec ce logiciel.

Cours SPIP rédacteur

Aide mémoire pour les plus pressés

Pas le temps de lire la doc ? Voici en vrac quelques indications :
 La ponctuation de référence est la norme française
 Titre de morceau entre « » (guillemets chevron), Titre d’album en Italique
 Citation de texte de chanson entre balises <poesie> et </poesie>
 Citation d’exergue entre <quote> et </quote> (pour une citation d’interview qui accroche l’oeil)
 Pour les notes de bas de page, il suffit de mettre un texte entre [[double crochets]] à l’endroit de l’insertion, tout est géré automatiquement
 le modèle à privilegier pour les insertion d’images en pleine largeur est <img123>, car s’adapte à la largeur de page (ce qui n’est pas le cas avec le modèle doc)

Ajouter du son et de la vidéo

Intégrer un média externe
Lors de la rédaction d’un article un cartouche est présent dans la marge Ajouter une vidéo.
Cet outil permet d’ajouter une vidéo externe en fonction de son adresse sur le net, qui apparaît sous la forme d’un document dans la marge.

Ce document pourra être intégré à l’emplacement souhaité dans l’article en utilisant une syntaxe du genre <docXX|right>. Si aucune balise n’est insérée ce media sera affiché en pied d’article.

Intégrer une vidéo ou mp3 en local

Il est aussi possible de placer vos fichiers directement sur le Spip sans passer par une plateforme externe à la youtube. Dans ce cas, il faut prépare r vos fichiers.

Les formats habituels sont le mp3 (son) et pour la vidéo : mp4 / h264
Ensuite il faut déposer le fichier dans l’article et utiliser la balise
<docXX|player> pour placer un lecteur de son/video à l’emplacement.

Plusieurs porfolios, à placer où l’on veut

Le portfolio marche bien automatiquement. Cependant, dans certain cas, on peut vouloir avoir plusieurs albums distincts et les placer dans le texte (exemple cet article)

Il convient alors de laisser les images qu’on veut utiliser de la sorte hors du porfolio d’article (donc de les laisser en tant qu’illustration). L’insertion de l’album se fait à l’endroit du texte où on pose la balise suivante :

<album|id=4771,4772,4773>

(les numéros sont les identifiant des images)

Créer des liens entre articles

Il est possible de lier des articles entre eux. sur la page de visualisation d’un article (dans la rédac) en cliquant sur Articles liés.

Pour localiser l’article que vous voulez lier avec celui en cours, vous pouvez faire une recherche texte sur le titre, mais si vous connaissez le numéro de l’article (disons 123) en cherchant art123, vous le localiserez efficacement.

Les liens peuvent être à double sens (lier des deux côtés) dans le cas de deux articles ayant un rapport direct.
Ils peuvent être dans un seul sens (on clique alors sur lier). Par exemple, depuis la page de présentation d’un gros festival, on crée un lien vers chaque nouvel article qui s’y rattache.
Cela crée une notion de Dossier.
Les liens symétriques et asymétriques peuvent cohabiter dans un même article (ex ici).

Attention. Pour lier un article, il faut qu’il soit au préalable publié.

Ajouter un player bandcamp

En l’absence de support par bandcamp de la norme oEmbed, l’inclusion de module bandcamp ne peut se faire que manuellement au travers d’un iFrame, un vieux système super mal vu.
Dans le texte, copiez ce code pour un album

<iframe width="400" height="100" style="position: relative; display: block; width: 400px; height: 100px;float:left;" src="https://bandcamp.com/EmbeddedPlayer/v=2/album=xxxxxxxx/size=venti/bgcol=FFFFFF/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="https://domaine.ext' >titre de l'album</a></iframe>

et ce code pour une piste

<iframe width="400" height="100" style="position: relative; display: block; width: 400px; height: 100px;float:left;" src="https://bandcamp.com/EmbeddedPlayer/v=2/track=xxxxxxxx/size=venti/bgcol=FFFFFF/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="https://domaine.ext">Titre de la piste</a></iframe>

Une balise est prévue pour simplifier l’inclusion de BC, pas encore réalisé.

Des balises supplémentaires

Des ajouts maison sont mis à la disposition de tous les rédacteur pour agrémenter leur articles. En cas de doute, consulter Olivier Dutertre.

Reprendre un article
Quand un article précédemment publié dans le mag trouve une nouvelle actualité, il peut êtret judicieux de le reprendre, mais en l’actualisant avec le nouveau contexte.
La balise reprise a été créée à cet usage. Placez dans le corps du texte d’un nouvel article cette balise

<reprise5555>

et vous aurez automatiquement le texte, les illustration, les références, le portfolio de l’ancien article. Vous devrez personnaliser le titre, le chapeau, le logo, et pourrez ajouter de nouveau éléments au porfolio.
créer un encadré

taper dans le texte d’un articles le code suivant, va créer un encadré calé à gauche au niveau où ce code est inséré :

<ul class='encadre-gauche'>
ici la partie de l'article que je souhaite voir en tant qu'encadré
</ul>

en mettant comme classe ’encadre-droite’ on crèe un encadré à droite, qui est le plus couramment utilisé

forcer un saut de paragraphe

Il est parfois utile de pouvoir forcer un saut de paragraphe, pour repartir sur un début de ligne. Cela s’obtient en mettant sur un ligne ce code.

<paragraphe|>

Ajouter un événement à l’article

L’évenement créé depuis un article ne sera publié que lorsque l’article sera publié lui-même.
Un type parmi cinq doit être choisi.

L’ajout d’un point géolocalisé est possible (et recommandé) seulement une fois l’événement créé.

Il est également possible de créer des événements non rattachés à un article du mag. Dans ce cas, les créer depuis l’agenda sur la partie publique est la façon la plus efficace.

Foire aux questions

Comment gérer les forums ?

Les commentaires sont par défaut prévus pour se constituer en un seul fil, et surtout ne peuvent y participer que les internautes inscrits sur le site.
Les visiteurs peuvent donc réagir à vos articles... Vous serez prévenu par mail à chaque fois qu’un message est posté sur un de vos articles. Petit revers de médaille : les spams qui ne sont pas toujours évidents à repérer et que vous devrez parfois gérer manuellement. Pour traiter un message de forum (le supprimer s’il ne vous plait pas ou le signaler comme spam si c’en est un) :

Dans le site public, sur la page de l’article, si vous êtes identifiés, il y a 2 boutons "Supprimer ce Message" ou "SPAM"
Dans l’espace privé, via le menu Activité / Suivre les Forums

Quelle taille doit faire ma photo ?

Il n’y a pas de « bonne » taille pour afficher une image dans un article. En tout cas, inutile d’envoyer une image de 3000 pixels de large, aucun écran ne pourra l’afficher dans son intégralité ! Sauf si le document est destiné à l’impression.

Si l’image doit être intégrée au texte d’un article, vous pouvez spécifier la largeur ou la hauteur de l’image affichée en passant le paramètre à la balise doc ex :<docxxx|right|largeur=600> ou <docxxx|hauteur=300>
Si l’image est prévue pour le portfolio d’un article, 1500px pour le grand côté des image est une norme très qualitative. Compression de 5% acceptée, mais

Attention, les images très lourdes seront refusées (par un mécanisme ou par l’admin du site.

Comment remplir facilement un portfolio ?

ou  ?

La balise <imgXX|center> insère l’image en l’état, mais sans titre, légende, et sans possibilité de spécifier la taille d’affichage. Privilégiez la balise<docXX|center>.

Comment gérer l’ordre d’affichage des articles / rubriques / documents ?

Comment définir ma rubrique préférée ?

Astuces diverses

 Pour indiqer une césure optionnelle, utiliser la balise ­
 Pour ajouter un tiret d’incise utiliser deux tirets --
 Pour ajouter un filet utiliser quatres tirets ----
 Pour forcer un saut de ligne