SPIP

Localisations et multilinguisme

ARNO* — 2011-12-13T09:06:33Z

Sommaire

SPIP est multilingue : il peut être utilisé dans une grande variété de langues et les sites réalisés peuvent eux-mêmes contenir des articles dans différentes langues.

Voici quelques éclaircissements sur les fonctions de multilinguisme liées à SPIP. Il convient avant tout de faire très nettement la différence entre :

la « localisation » de l'interface (traduction de l'interface de SPIP dans différentes langues) : c'est le fait, tout simple, de pouvoir utiliser une version du logiciel « localisée » dont l'interface est entièrement en français (langue d'origine), en anglais, en allemand, en espagnol, en arabe...
la réalisation de sites multilingues : c'est le fait de pouvoir publier, sur un même site, des articles dans différentes langues. C'est aussi, dans SPIP, la possibilité d'indiquer qu'un article est la traduction de tel autre article.

Cette différenciation entre localisation et multilinguisme permet d'expliciter une autre caractéristique très importante : les langues utilisées pour travailler dans l'interface privée ne sont pas obligatoirement les langues des articles publiés avec le système. De cette manière :
— on peut utiliser une version localisée en une seule langue (par exemple, SPIP en français) pour réaliser un site multilingue (par exemple, travailler avec l'interface française pour publier des articles en français et en anglais) ;
— on peut parfaitement publier des articles dans une langue pour laquelle il n'existe pas de localisation du logiciel lui-même (par exemple : il n'y a pas pour l'instant de version de SPIP en arménien ; rien n'empêche de réaliser un site en arménien avec SPIP, en travaillant avec une interface dans une autre langue).

La localisation

SPIP peut être utilisé en plusieurs langues :

L'interface de SPIP en arabe

L'interface de SPIP en français

L'interface de SPIP en anglais

Pour faciliter le travail des traducteurs, un outil spécifique a été développé pour traduire l'intégralité du logiciel directement à partir d'une interface Web. Cet outil, https://trad.spip.net/, permet non seulement de traduire SPIP, mais aussi les plugins qui lui ont été déclarés...

trad.spip.net

La traduction de la chaine de langue forum_message_definitif du français vers l'anglais

Vous souhaitez participer à la traduction de SPIP ? N'hésitez pas à rejoindre la communauté des traducteurs, vous y serez chaleureusement reçu, et vous obtiendrez des autres participants toutes les informations nécessaires, ainsi qu'un partage d'expérience sur les difficultés rencontrées lors du processus de traduction (difficultés liées au sens des termes à traduire, mais aussi explications sur les petites difficultés techniques).

La traduction de l'interface de SPIP s'accompagne, pour ceux qui le désirent, de la traduction de la documentation officielle (le présent site). Il s'agit d'un travail de longue haleine, mais là encore, la participation aux discussions des traducteurs permet de réaliser cette tâche petit à petit, et de se partager le travail.

La localisation des guillemets

Le travail de localisation va se nicher dans les petits détails : ainsi la barre des raccourcis typographiques encourage à utiliser les guillemets selon les règles typographiques de chaque langue. On obtient par exemple en français les « deux “niveaux” de guillemets », en anglais les “deux ‘niveaux' de guillemets” et en allemand les „deux ‚niveaux‘ de guillemets“...

Publier des sites multilingues

Ce chapitre est désormais traité dans l'article « Publier des sites multilingues ».

Conclusion

Nous espérons que ces explications vous permettront de mieux comprendre les choix effectués dans le développement et les évolutions de SPIP, et vous permettront de choisir le système de publication le plus adapté à vos besoins.

Terminons avec une remarque sur l'usage induit par la présence permanente de plusieurs langues pour l'interface du système de publication au sein d'un même site : la participation à un tel site (dans notre cas, la présente documentation et son espace privé, à laquelle de nombreux rédacteurs contribuent, chacun avec une interface dans sa propre langue) est une expérience tout à fait réjouissante. En effet, on se découvre en train de travailler, collaborer, développer un contenu commun, avec une multitude de participants qui parlent tous des langues différentes - sans que cela se résolve par une adoption complète de l'anglais comme langue d'échange, mais par un curieux mélange de conversations entières dans une langue et de discussions qui commencent dans une langue et se poursuivent dans une autre, des participants auxquels on s'adresse une fois dans une langue mais en privé dans une autre... C'est là une situation que nous souhaitons au plus grand nombre.

Structure HTML des formulaires de SPIP

ARNO*, cerdic, Matthieu Marcillaud, tetue — 2009-06-27T10:48:14Z

Document de références précisant comment les formulaires dans SPIP doivent être structurés.

Sommaire

Structure HTML

Un formulaire de base est ainsi structuré :

    Une légende Un texte d'explication
   Courriel #AIDER{arttitre}  Explication du label
 Message d'erreur

Le div englobant porte la classe générique formulaire_spip. Les formulaires d'édition de l'espace privé portent de plus la classe formulaire_editer indiquant qu'on a affaire à un formulaire d'édition de données d'une base.

Chaque champ de saisie est encapsulé dans un élément de classe .editer, qui doivent être regroupés dans un élement de classe .editer-groupe. Jusqu'à SPIP 3.0 ces classes étaient portées respectivement par des balises html li et ul. A partir de SPIP 3.1 on prend pour convention d'utiliser de simples div pour réduire la verbosité de la synthèse vocale et améliorer l'accessibilité des formulaires.

Le premier fieldset étant optionnel, on peut aussi écrire, sans le fieldset et sans les paragraphes optionnels :

     Courriel

Les classes spéciales

« explication » : pour indiquer un message d'explication (qui porte soit pour l'ensemble des champs, soit sur une étape). Exemple :
.
« attention » : pour afficher un message concernant un champ d'édition critique. Exemple : <:texte_login_precaution:>.
« obligatoire » : pour signaler un champ obligatoire, à appliquer à l'élément de liste parent. Exemple :
.
« erreur » : pour signaler une étape en erreur, à appliquer à l'élément de liste parent. Exemple :
. chaque erreur bénéficie d'un message explicatif, portant la class « erreur_message » : .

Cadre englobant

Ce formulaire peut optionnellement être inclus dans un cadre-formulaire-editer, et peut alors contenir un entete-formulaire :

Gestion des messages réussite/erreur

Messages globaux

Un formulaire comporte obligatoirement deux paragraphes permettant d'afficher les réussites et erreurs globales qui ont pu apparaître à la soumission. Les variables d'environnements message_ok et message_erreur sont des retours envoyés par SPIP (formulaires CVT).

 [(#ENV*{message_ok})
] [(#ENV*{message_erreur})
]

Messages spécifiques

Chaque champ de formulaire, encapsulé dans un .editer peut recevoir un message d'erreur spécifique. Celui-ci est contenu dans le tableau d'environnement 'erreurs' et peut être obtenu de la sorte :

[(#ENV**{erreurs}|table_valeur{nom_du_champ})]

On peut attribuer la classe 'erreur' à .editer et afficher une erreur spécifique si elle existe de la sorte :

 <:texte_descriptif_rapide:> [(#ENV**{erreurs}|table_valeur{desctiptif})] [(#ENV**{descriptif})]

Particularités pour les styles css

Champs input

Chaque différent de hidden doit posséder une classe identique à son type (afin de palier à un déficience du navigateur Internet Explorer) :

Boutons de soumission

Les boutons de soumissions sont inclus dans une boîte .boutons (qui peut recevoir plusieurs boutons) :

" />

radio/checkbox

Dans le cas de bouton radio ou checkbox, on peut ne pas reprendre tout a fait la même structure, par exemple pour avoir le bouton avant le label, ou pour avoir la liste radio en horizontal.

Chaque entrée (radio + label) peut alors être encadrée par un bloc .choix

   <:bouton_radio_non_syndication:> 
   <:bouton_radio_syndication:>#AIDER{rubsyn}

Par défaut, la liste est verticale. Pour rendre la liste horizontale,
il suffit de spécifier que .champ en question est de type inline :

.formulaire_editer .editer_syndication .choix {display:inline;}

Principes généraux de ces formulaires pour avoir les labels alignés à gauche

On se retrouve dans un cas où l'on a :

1) on applique un padding gauche au .editer supérieur à la taille du label (ex:120px)

.formulaire_spip .editer { margin: 0; padding: 10px 10px 10px 130px; clear:both; border-top: 1px solid #eee; }

2) on demande au label d'être flottant et décalé sur la gauche (via un margin négatif)

.formulaire_spip .editer label { width: 120px; float:left; margin-left:-125px; text-align: left; vertical-align: top; }

3) lorsqu'un fieldset suit un .editer, on le décale aussi vers la gauche
(seul IE n'en tient pas compte) pour que le fieldset prenne toute la
largeur aussi

.formulaire_spip .editer fieldset { border:1px solid #888; background:white; margin-left:-125px; /* redecalage vers la gauche... IE < 8 ne le prend pas en compte */ }

Essayer SPIP

ARNO*, tetue — 2007-12-04T09:14:37Z

Pour tester SPIP en conditions réelles sans à avoir à l'installer techniquement, le site SPIP Démo, propose la dernière version stable de SPIP : https://demo.spip.net

Parcourez le site public déjà riche d'exemples et découvrez l'espace privé sous les différents statuts existants :

Pour plus de précisions, commencez par la page « Comment ça marche ».

Images typographiques

ARNO* — 2006-03-06T13:02:42Z

Sommaire
police
taille
couleur
largeur
align
hauteur_ligne
padding
Filtrer l'image
Voir aussi
Avec GD2 installé sur votre site, SPIP peut fabriquer, de lui-même, des images à partir de titres (ou tout élément de la base de donnée) en utilisant une police de caractères de votre choix.

La fonction qui réalise cet effet est image_typo. La présente page va vous présenter les différentes variables que l'on peut utiliser avec cette fonction.

[(#TITRE|image_typo)]

Attention : à partir de SPIP4.4, cette fonction n'est plus fournie par défaut dans SPIP. Pour en bénéficier, il faut installer le plugin image_typo

police

Si vous ne précisez aucune variable, image_typo va utiliser la police par défaut fournie avec SPIP : Dustismo, une police GPL de Dustin Norlander.
Elle figure dans le sous-dossier polices du dossier
dist ou squelettes-dist pour SPIP 2 (dans les versions précédentes de SPIP, il s'agissait du dossier ecrire).

Vous pouvez toutefois préciser le nom d'une autre police, que vous aurez pris soin d'installer sur votre site.

[(#TITRE|image_typo{police=dustismo_bold.ttf})]

(Dustismo-bold est également livré avec SPIP.)

En théorie, vous pouvez utiliser de nombreux formats de police : TrueType, PostScript Type 1, OpenType... Selon la configuration de votre site, il est possible que certains formats ne soient pas acceptés.

Les polices doivent être installées dans un sous-dossier /polices du dossier contenant vos squelettes.

Si nous installons, par exemple, un fichier TrueType ainsi :
polices/stencil.ttf
il est possible d'utiliser cette nouvelle police [1].

[(#TITRE|image_typo{police=stencil.ttf})]
taille

On peut préciser la taille d'affichage de la police. Cela s'utilise avec la variable taille.

[(#TITRE|image_typo{police=stencil.ttf,taille=36})]

Note : on ne précise pas « 36pt », on indique seulement « 36 », sans indication de l'unité.

couleur

Cette variable permet d'indiquer la couleur. Par défaut, le rendu est noir. Cette variable est une couleur RVB hexadécimale, toujours de la forme « 3399BB ». Notez : on omet le « # » qui précède habituellement ce type de code couleur.

[(#TITRE|image_typo{police=stencil.ttf,taille=36,couleur=4433bb})]
largeur

La variable largeur permet de fixer la largeur maximale de l'image. Notez bien : c'est une valeur maximale ; l'image réelle est « recadrée » automatiquement, ensuite, pour adopter les dimensions du texte réellement composé.

Le premier pavé ci-dessous est composé avec une largeur maximale de 300 pixels, le second avec une largeur de 400 pixels.

[(#TITRE|image_typo{police=stencil.ttf,largeur=300})] [(#TITRE|image_typo{police=stencil.ttf,largeur=400})]

align

La variable align permet de forcer l'alignement de plusieurs lignes de texte (lorsque c'est le cas) à gauche, droite, ou au centre. Exceptionnellement, on utilise ici une syntaxe anglaise, proche de ce qui se fait pour les feuilles de style.

[(#TITRE|image_typo{police=stencil.ttf,align=left})] [(#TITRE|image_typo{police=stencil.ttf,align=center})] [(#TITRE|image_typo{police=stencil.ttf,align=right})]

hauteur_ligne

hauteur_ligne permet de fixer la hauteur entre chaque ligne de texte (dans le cas où l'image comporte plusieurs lignes).

[(#TITRE|image_typo{police=stencil.ttf,taille=36,hauteur_ligne=80})]
padding

Certaines polices « dépassent » de leur boîte de rendu, et on obtient un effet désastreux (polices « coupées »). La variable padding permet, exceptionnellement, de forcer un espace supplémentaire autour du rendu typographique.

[(#TITRE|image_typo{police=stencil.ttf,padding=5})]
Filtrer l'image

Le résultat de image_typo étant une image, il est tout à fait possible de lui appliquer des filtres d'images. Par exemple, ci-après, on rend l'image semi-transparente, ou on lui applique une texture.

[(#TITRE|image_typo{police=stencil.ttf,couleur=aa2244}|image_alpha{60})] [(#TITRE|image_typo{police=stencil.ttf,couleur=aa2244}|image_masque{carre-mur.png})]

Voir aussi

Les filtres

|image_reduire
|image_reduire_par
|image_recadre
|image_passe_partout

L'article sur le Traitement automatisé des images, détaillant également de nombreux autres filtres image.

[1] Attention : si vous ne protégez pas ce dossier (avec un htaccess par exemple), votre fichier de police sera accessible par le Web. Si vous utilisez des polices commerciales, faites attention à ne pas vous retrouver, ainsi, à diffuser des polices pour lesquelles cela n'est pas autorisé.

N.B.1. L'image créée par image_typo est au format PNG 24 avec une couche alpha pour réaliser la transparence. Pour forcer Microsoft Explorer à afficher correctement cette transparence, SPIP utilise une classe de feuille de style spécifique, format_png, définie dans spip_style.css ; celle-ci appelle un « comportement » (behavior) rendant l'affichage possible sous MSIE. On a donc, encore une fois, tout intérêt à intégrer le spip_style.css standard dans ses propres squelettes, quitte à le surcharger avec ses propres styles.

N.B.2. L'affichage de certaines polices (notamment les anglaises et certaines italiques) est problématique. Les techniques de rendu typographique dans GD2 sont, visiblement, encore en développement (nous rencontrons bugs sur bugs de ce côté). Espérons que les fonctions GD2 progresseront rapidement.

N.B.3. De l'arabe, du farsi, de l'hébreu ?
Depuis SPIP 2.0 c'est possible !

Couleurs automatiques

ARNO* — 2006-03-06T13:02:40Z

Sommaire
couleur_extraire
Modifier la couleur
SPIP permet d'extraire automatiquement une couleur d'une image, afin de l'appliquer à d'autres éléments d'interface.

Par exemple, à côté du logo d'un article, nous allons afficher le titre du même article dans une couleur tirée de ce logo. De cette façon, tout en rendant l'affichage plus varié (d'un article à l'autre, la couleur utilisée change en fonction du logo), le fait que la couleur soit extraite de l'image assure une certaine cohérence graphique.

Cette fonction consistant à récupérer une couleur dans une image est complétée par toute une série de fonctions permettant de manipuler cette couleur, principalement éclaircir et foncer la couleur. La liste de fonctions est longue, de façon à permettre un nombre très important d'effets.

couleur_extraire

À partir d'une image (logo d'article, logo de rubrique..., mais aussi images de portfolio), on demande à SPIP de tirer une couleur.

[(#LOGO_RUBRIQUE|couleur_extraire)]

Attention : il ne s'agit pas pour SPIP de déterminer la couleur dominante de l'image, mais d'extraire une couleur de l'image. Pour que cette couleur soit réellement « représentative », l'image est réduite à une taille de 20 pixels maximum ; ainsi les différentes couleurs de l'image sont relativement « moyennées ». Cette valeur de 20 pixels est expérimentale : elle est suffisamment basse pour éviter d'extraire une couleur très peu présente dans l'image ; elle est suffisamment élevée pour éviter que la couleur soit systématiquement grisâtre.

Utilisée sans paramètres, la fonction couleur_extraire retourne une couleur située légèrement au-dessus du centre de l'image. Il est possible d'indiquer un point préféré pour le sondage, en passant deux valeurs (x et y) comprises entre 0 et 20 (conseil : entre 1 et 19 pour éviter les effets de marges).

Par exemple :

[(#LOGO_RUBRIQUE|couleur_extraire{15,5})]

retourne une couleur située en haut à droite du centre de l'image.

Pour bien comprendre le principe, appliquons ce filtre sur un logo de couleur uniforme :

Le résultat est : ff9200.

Notez bien : les valeurs retournées sont systématiquement en codage RVB hexadécimal, en omettant le « # » qui précède habituellement ces codes. On pensera donc à insérer ce dièse quand on utilise ces valeurs.

On peut, par exemple, appliquer cette couleur au fond d'un pavé :

Appliquons ce filtre à une photographie :

En bas à gauche, la couleur extraire sans paramètres, c'est-à-dire présente un peu au dessus du centre de l'image (marron clair de la pierre du bâtiment). En bas à droite, on force une couleur située en haut à droite de l'image (bleu clair du ciel).

[(#LOGO_RUBRIQUE|couleur_extraire)] [(#LOGO_RUBRIQUE|couleur_extraire{15,5})]

L'utilisation de ce filtre est, techniquement, très simple. En revanche, créativité et inventivité seront nécessaires pour l'exploiter... Voici quelques utilisations :
— couleur de texte ;
— couleur de fond d'un pavé ;
— couleur d'une image typographique ;
— modifier la couleur d'une image (image_sepia)...

Modifier la couleur

Une fois la couleur extraite, il est utile de la manipuler, afin de jouer avec différentes variantes de la couleur, tout en respectant la cohérence graphique.

- couleur_foncer, couleur_eclaircir

À partir de la couleur extraite d'une image, nous souhaitons afficher des couleurs plus foncées et plus claires.

[(#LOGO_RUBRIQUE|couleur_extraire)] [(#LOGO_RUBRIQUE|couleur_extraire|couleur_foncer)] [(#LOGO_RUBRIQUE|couleur_extraire|couleur_eclaircir)]

Appliqué aux couleurs extraites des exemples précédents, cela donne :

On constate qu'on a ainsi des camaïeux de couleurs faciles à obtenir, l'ensemble étant très cohérent.

- couleur_foncer_si_claire, couleur_eclaircir_si_foncee

Si nous appliquons la couleur extraite au fond d'un pavé de texte, il faut déterminer dans quelle couleur nous voulons écrire ce texte (par exemple : noir sur orange ou blanc sur orange ?) ; c'est ce que nous verrons avec les fonctions suivantes.

Pour l'instant, nous décidons que le texte sera d'une certaine couleur. Nous voulons par exemple que le texte soit noir. Il faut donc choisir la couleur du fond en fonction de ce texte noir : il faut que la couleur du fond soit claire (donc : texte noir sur fond clair).

Si nous appliquons le filtre couleur_eclaircir à notre couleur extraite, nous avons deux cas :
— si la couleur est foncée, alors elle est éclaircie et nous obtenons l'effet voulu ;
— si la couleur est déjà claire, alors nous l'éclaircissons encore, et nous obtenons un fond qui peut devenir quasiment blanc. Or, la couleur étant déjà claire , nous aurions voulu l'utiliser telle quelle.

C'est ici que nous appliquons le filtre couleur_eclaircir_si_foncee :
— si la couleur est foncée, nous l'éclaircissons ;
— si la couleur est claire, nous l'utilisons telle quelle.

Le filtre couleur_foncer_si_claire a la logique exactement inverse. Il est très utile, par exemple, pour écrire en blanc sur un fond systématiquement foncé, mais en évitant de rendre ce fond quasiment noir quand la couleur d'origine est déjà foncée.

- couleur_extreme, couleur_inverser

Le filtre couleur_extreme passe une couleur foncée en noir, et une couleur claire en blanc. Cela est utile pour écrire en noir ou blanc sur un fond coloré.

En réalité, récupérer la couleur « extrême » est habituellement utilisé avec couleur_inverser, il inverse la couleur RVB. Elle transforme notamment du noir en blanc, et du blanc en noir.

En pratique, cela permet d'assurer un bon contraste, quelle que soit la couleur du fond du bloc (alors que, dans l'exemple précédent, nous choisissions la couleur du fond du bloc en fonction d'une couleur de texte).

Appliquons, en couleur de fond, la couleur extraite de l'image :

...

On obtient donc, selon le logo de l'article, soit un fond foncé, soit un fond clair.

Appliquons, pour la couleur du texte, la couleur extraite, rendue « extrême » :

[(#LOGO_ARTICLE|couleur_extraire|couleur_extreme)]

— Si la couleur est foncée, la couleur extrême est noire ; nous écrivons en noir sur fond foncé.
— Si la couleur est claire, la couleur extrême est blanche ; nous écrivons en blanc sur fond clair.

Dans les deux cas, c'est peu lisible. On pourra utiliser cette couleur pour un autre effet (par exemple : une bordure autour du div).

Il nous reste à inverser cette couleur pour l'appliquer au texte ;

...

— Si la couleur extraite est foncée, la couleur extrême est noire, et l'inverse est alors blanche. On écrit en blanc sur fond foncé.
— Si la couleur extraite est claire, la couleur extrême est blanche, et l'inverse est alors noire. On écrit en noir sur fond clair.

Dans les deux cas, le contraste assure une bonne lisibilité.

Le filtre couleur_extreme admet une variable optionnelle, entre 0 et 1 (par défaut : 0.5), pour régler le seuil de luminosité à partir duquel on bascule en noir ou en blanc.

- couleur_saturation (SPIP 2.0), couleur_luminance (SPIP 2.1)

Les deux filtres suivants sont destinés à créer des camaïeux de couleurs dont on contrôle totalement la subtilité, et en forçant le résultat sur une échelle absolue (alors que les filtres précédents donnent un résultat relatif à la valeur d'origine).

Le filtre couleur_saturation parcourt la saturation de la couleur :
— |couleur_saturation{0} retourne le blanc,
— |couleur_saturation{1} retourne la couleur avec sa saturation au maximum (qui n'est pas le noir, sauf si l'on part d'un gris pur),
— entre les valeurs 0 et 1, toute la déclinaison de la saturation de cette couleur.

Jouer sur la saturation permet d'obtenir des déclinaisons extrêmement fines à partir d'une couleur, sans introduire dans cette couleur d'effets de « grisé » (un orange de ne vient jamais marron, un vert de devient jamais grisâtre...). En revanche, la valeur maximale est une couleur « pure », dont la luminance est très variable (le bleu porté à la luminance maximale est très sombre ; le jaune porté à sa luminance maximale reste une couleur claire).

Le filtre couleur_luminance parcourt la luminance de la couleur :
— |couleur_luminance{0} retourne le blanc,
— |couleur_luminance{1} retourne le noir,
— |couleur_luminance{0.5} retourne une variante de la couleur d'origine avec une luminance moyenne.

Avec cette fonction, on joue sur gamme de 0 à 1 facile à utiliser : on va toujours du 0 au 1 en passant par la couleur d'origine. Le résultat final est donc beaucoup plus prévisible : avec une variable de 0 à 0.5, on obtiendra toujours une couleur claire, et de 0.5 à 1 une couleur foncée.

Traitement automatisé des images

ARNO* — 2006-03-06T13:02:39Z

Sommaire
Avertissement lenteur
Transparences
L'image d'origine
Réduire les dimensions d'une image
Recadrer une image
Changer le format de l'image
Supprimer la transparence et forcer le format de l'image
image_nb
image_sepia
image_gamma
image_alpha
image_flou
image_rotation
image_flip_vertical et image_flip_horizontal
image_masque
Voir aussi
SPIP permet de faire subir aux images des effets automatisés. Ces effets ont deux vocations :

tout simplement assurer la cohérence graphique du site, en fabriquant automatiquement des éléments de navigation qui seront toujours réalisés selon les désirs du graphiste ;
créer des effets relativement spectaculaires, sans pour autant demander aux auteurs des articles de traiter les images eux-mêmes, et sans non plus interdire les évolutions graphiques du site par la suite.

Par exemple : on veut, dans l'interface graphique du site public, que les logos de navigation des articles aient deux aspects :

dans tous les cas, ils sont « posés sur le sol », avec un reflet sous eux ;
au repos, ils sont en noir et blanc, assez foncés ; survolés, ils sont en couleur.

Sans les automatismes qui suivent, les webmestres ont pris l'habitude de créer, à la main, deux versions de ces images, et d'installer deux logos sur le site. Deux inconvénients (particulièrement gênants) :

la manipulation est longue ; par ailleurs elle ne peut pas être confiée à un tiers, qui serait de toute façon incapable de la réaliser correctement ;
lorsqu'on voudra faire évoluer l'interface graphique du site, on sera bloqué avec ces logos très typés.

Avec les automatismes qui suivent, on peut travailler autrement : les auteurs installent un simple logo d'article (par exemple, une photographie), sans aucun traitement spécifique ; et, automatiquement, les squelettes de SPIP fabriquent :

une vignette à la bonne taille ;
la même vignette en noir et blanc, légèrement foncée ;
les reflets de l'image sur le sol.

Certains des filtres présentés utilisent les fonctions de redimensionnement des images. Il est impératif, après l'installation, de se rendre dans l'espace privé, « Configuration », puis dans l'onglet « Fonctions avancées » : là, sélectionnez « GD2 » pour la « Méthode de fabrication des vignettes ».

Avertissement lenteur

Avant de commencer, signalons que ces fonctions sont lourdes. Voire très lourdes si vous utilisez de grosses images. Le calcul d'une image est relativement long, et s'il faut calculer, dans vos squelettes, plusieurs images, voire plusieurs effets pour chaque image, vous risquez d'obtenir des erreurs de timeout (temps maximum d'exécution des scripts dépassé).

Cela dit, il est important de noter que les filtres de traitement des images ont leur propre système de cache : une fois calculée, une image « filtrée » est sauvegardée, et ne sera plus recalculée. La charge sur le serveur est donc limitée au premier calcul.

Cet avertissement concerne, en priorité, les hébergeurs mutualisés.

La page « Vider le cache » de l'espace privé affiche la taille utilisée par SPIP pour stocker ces images calculées. On peut ainsi vider ce cache indépendamment du cache des squelettes et des pages HTML.

Transparences

Si l'on utilise GD2, outre les fonctions exposées dans cet article, vous constaterez que les réductions d'image (image_reduire) respectent la transparence des fichiers GIF et PNG 24 (transparence par couche alpha).

Dans la configuration du site, pensez à sélectionner GD2 comme méthode de réduction d'image.

L'image d'origine

Toute image gérée par SPIP peut se voir appliquer les filtres suivants. Sont donc concernés les logos (d'articles, de rubriques...), mais aussi les images de portfolio (images en tant que fichiers joints aux articles), sans oublier les nouvelles images typographiques.

Voici, pour nos exemples, une image à traiter.

Réduire les dimensions d'une image

La fonction image_reduire est complétée par une image_reduire_par, qui permet de réduire une image selon une certaine échelle. Là où image_reduire réduit une image à des dimensions fixées à l'avance, image_reduire_par réduit l'image proportionnellement.

Par exemple :

[(#TITRE|image_typo{taille=24}|image_reduire_par{2})]

réduit l'image typographique d'un facteur 2 (l'image devient deux fois plus petite).

Recadrer une image

La fonction image_recadre{largeur,hauteur,position} permet de recadrer une image (équivalent du crop des logiciels de traitement d'image) avec les combinaisons de left/center/right et top/center/bottom pour la position (ex 'left center').

Voir |image_recadre

Par exemple :

[(#FICHIER|image_recadre{90,90,center})]

recadre l'image originale en un carré de 90 px de largeur et hauteur ne gardant en se basant sur le centre de l'image

image_recadre permet également d'agrandir un fichier image, le fond est alors spécifié par une couleur ou 'transparent' en 4eme argument :

[(#FICHIER|image_recadre{300,500,'top left','transparent'})]

Changer le format de l'image

Le filtre |image_format permet de forcer le format d'une image ou des images présentes dans un texte. Par exemple

[(#TEXTE|image_format{webp})]

permet de mettre toutes les images bitmap au format webp. Les images svg (vectorielles) restent dans leur format d'origine.

Supprimer la transparence et forcer le format de l'image

La fonction image_aplatir réalise deux opérations :
— elle sauvegarde une image dans un format prédéfini (par exemple, transformer une image PNG en une image GIF) ;
— elle supprime les informations de transparence, et remplace les zones transparentes par une couleur.

Par exemple :

[(#TITRE |image_typo{police=stencil.ttf,couleur=000000,taille=40} |image_aplatir{gif,ff0000})]

Le titre transformé en image typographique est un fichier PNG avec des zones transparentes. En passant cette image par le filtre image_aplatir, on la transforme en GIF, en remplaçant les zones transparentes par du rouge (ff0000).

La fonction accepte en paramètres, dans l'ordre : le format, la couleur de fond, mais aussi la qualité de compression (32, 64, 128) et l'opacité (0 ou 1). Par exemple : |image_aplatir{gif,ffffff,128,1} convertira l'image en gif de bonne qualité en forçant la transparence du fond.

Les images svg (vectorielles) restent dans leur format d'origine.

image_nb

Le filtre image_nb passe une image en niveaux de gris (ce qu'on appelle « noir et blanc » lorsqu'on évoque des photographies).

Sans paramètres (image de gauche), le filtre calcule les niveaux de gris en pondérant les composantes de l'image d'origine ainsi :
luminosité = 0,299 × rouge + 0,587 × vert + 0,114 × bleu.

On peut forcer la pondération des trois composantes RVB en passant les valeurs en pour-mille. Par exemple (image de droite) :

[(#FICHIER|image_nb{330,330,330})]

On a pris chaque composante R, V et B à niveau égal.

image_sepia

Le filtre image_sepia applique un filtre « Sépia ». Appliqué à une photographie, ce genre d'effet donne une tonalité de vieille photographie.

Sans paramètres (image de gauche), la valeur sépia est, par défaut, « 896f5e » (en RVB hexadécimal). On peut passer la valeur de la couleur de sépia en paramètre. Par exemple (image de droite) :

[(#FICHIER|image_sepia{ff0033})]

image_gamma

Le filtre image_gamma change la luminosité d'une image. Il rend une image plus claire ou plus foncée. Son paramètre est compris entre -254 et 254. Les valeurs supérieures à zéro rendent l'image plus claire (254 rend toute l'image entièrement blanche) ; les valeurs négatives rendent l'image plus foncée (-254 rend l'image complètement noire).

[(#FICHIER|image_gamma{70})] [(#FICHIER|image_gamma{150})] [(#FICHIER|image_gamma{254})] [(#FICHIER|image_gamma{-70})] [(#FICHIER|image_gamma{-150})] [(#FICHIER|image_gamma{-254})]

image_alpha

Le filtre image_alpha rend l'image semi-transparente, en PNG 24 avec couche alpha. Si l'image était déjà semi-transparente, les deux informations sont mélangées.

[(#FICHIER|image_alpha{50})] [(#FICHIER|image_alpha{90})]

Le paramètre est une valeur entre 0 et 127 : 0 laisse l'image inchangée (aucune transparence), 127 rend l'image complètement transparente.

image_flou

Le filtre image_flou rend l'image... floue. On peut lui passer en paramètre un nombre compris entre 1 et 11, définissant l'intensité du floutage (de 1 pixel de floutage à 11 pixels de floutage).

[(#FICHIER|image_flou)] [(#FICHIER|image_flou{6})]

Sans paramètre, la valeur de floutage est 3.

Attention : ce filtre est particulièrement lourd (c'est-à-dire nécessite beaucoup de puissance). Plutôt que de tenter un floutage important, on peut préférer flouter plusieurs fois avec des valeurs faibles. Par exemple, remplacer :

[(#FICHIER|image_flou{6})]

par :

[(#FICHIER|image_flou|image_flou)]

Au pire, le calcul se fera en deux « recalcul » de squelette, le premier floutage étant sauvegardé en cache.

Attention (2) : ce filtre agrandit l'image, en ajoutant tout autour de l'image une « marge » équivalente à la valeur de floutage. Ainsi, avec le paramètre « 3 » (par défaut), on ajoute 3 pixels de chaque côté de l'image, et le résultat aura donc 6 pixels de large et de haut de plus que l'image d'origine.

image_rotation

Le filtre image_rotation fait tourner l'image d'un angle égal au paramètre passé. Les valeurs positives sont dans le sens des aiguilles d'une montre.

[(#FICHIER|image_rotation{20})] [(#FICHIER|image_rotation{-90})]

Sauf pour les rotations à angle droit, la rotation provoque un effet d'escalier. Nous avons tenté de le limiter, mais il reste toujours présent. Une solution pour réduire cet effet consiste à réduire l'image après avoir appliqué la rotation.

Attention : ce filtre est relativement lourd !

Attention (2) : ce filtre modifie les dimensions de l'image.

image_flip_vertical et image_flip_horizontal

Le filtre image_flip_vertical applique un effet de « miroir » selon un axe vertical ; image_flip_horizontal selon un axe horizontal.

Très simple d'utilisation, il n'y a pas de paramètre.

[(#FICHIER|image_flip_vertical)] [(#FICHIER|image_flip_horizontal)]

image_masque

image_masque est le filtre le plus puissant de cette série. De fait, sa logique est nettement plus complexe que les autres filtres. Il permet, à partir d'un fichier PNG 24 en niveaux de gris et avec couche de transparence alpha, de modifier :
— le cadrage de l'image ;
— la transparence d'une image ;
— la luminosité d'une image.

- Dimensions de l'image

Si l'image d'origine est plus grande que le fichier masque, alors l'image d'origine est réduite et découpée au format du masque, puis on applique les informations de transparence et de luminosité du masque. Utile pour créer les vignettes de navigation.

Si l'image d'origine est plus petite que le masque, alors on ne recadre pas, on applique simplement les informations de luminosité et de transparence du masque (lui-même non redimensionné).

Voici notre image d'origine :

- Masque de transparence

Les informations de transparence du masque sont directement appliquées à l'image d'origine. Un pixel transparent du masque rend le pixel correspondant de l'image d'origine transparent, selon la même valeur de transparence. (Si l'image d'origine est déjà transparente, les informations sont mélangées de façon à conserver les deux infos de transparence.)

Si on a le fichier masque suivant, nommé « decoupe1.png » :

qu'on applique ainsi :

[(#FICHIER|image_masque{decoupe1.png})]

on obtient l'image suivante :

L'image d'origine a été redimensionnée aux dimensions de « decoupe1.png », et les zones transparentes du masque sont devenues les zones transparentes du résultat.

Attention ! Le filtre utilise la réduction d'image. Pour qu'il fonctionne correctement, il est impératif de choisir la méthode de réduction GD2 dans la configuration du site, onglet « Fonctions avancées ».

- Masque de luminosité

Dans l'exemple ci-dessus, l'image masque est entièrement en gris à 50% (#808080). Les couleurs de l'image d'origine sont alors laissées inchangées (on s'est contenté de « découper » l'image.

En faisant varier les couleurs du masque, on va appliquer ces différences de luminosité à l'image traitée. Lorsqu'un pixel du masque est plus clair, alors le fichier résultant est éclairci ; si le pixel du masque est foncé, alors on fonce le fichier résultant.

Par exemple, si notre masque est « decoupe2.png » :

[(#FICHIER|image_masque{decoupe2.png})]

on obtient l'image suivante :

Dans ces deux exemples, le masque est plus petit que l'image d'origine, on obtient donc une sorte de vignette de l'image. Si le masque est plus grand que l'image d'origine, on l'applique à l'image non redimensionnée. Cela est pratique pour « texturer » une image. On peut ainsi réaliser l'effet suivant :

en appliquant un masque en niveau de gris, masque que nous avons créé plus grand que l'image d'origine.

image_masque accepte différents paramètres qui changent le mode de fusion entre l'image d'origine et l'image du masque.

- mode = normal

Ce mode place l'image du masque par dessus l'image d'origine.

[(#FICHIER|image_masque{#CHEMIN{decoupe1.png},mode=normal})]

on obtient l'image suivante :

Avec le mode=normal, l'image d'origine est "défoncée" par l'image du masque. Seules les zones transparentes du masque n'altèrent pas l'image d'origine.

- mode = eclaircir

Ce mode place uniquement les points plus clairs du masque par dessus l'image d'origine.

[(#FICHIER|image_masque{#CHEMIN{decoupe1.png},mode=eclaircir})]

on obtient l'image suivante :

Avec le mode=eclaircir, les parties plus claires de l'image d'origine sont préservées et celles plus foncées sont remplacées par les valeurs chromatiques de l'image du masque. Ici, par un gris neutre (RVB 149,149,149).

- mode = obscurcir

Ce mode place uniquement les points plus foncés du masque par dessus l'image d'origine.

[(#FICHIER|image_masque{#CHEMIN{decoupe1.png},mode=obscurcir})]

on obtient l'image suivante :

Avec le mode=obscurcir, c'est l'inverse : les parties plus foncées de l'image d'origine sont préservées et celles plus claires sont remplacées par les valeurs chromatiques de l'image du masque. Ici, par un gris neutre (RVB 149,149,149).

- mode = produit

Ce mode multiplie les valeurs chromatiques de l'image d'origine par celles du masque (points noirs rendent l'image noire, points blancs ne changent rien).

[(#FICHIER|image_masque{#CHEMIN{decoupe1.png},mode=produit})]

on obtient l'image suivante :

Avec le mode=produit, les valeurs chromatique de chaque pixel de l'image d'origine et de l'image du masque sont multipliées et cela donne généralement, une image finale plus foncée, à l'identique de ce que votre logiciel de retouche d'image peut faire.

- mode = difference

Ce mode "remplit" avec l'écart entre les couleurs d'origine et celles du masque.

[(#FICHIER|image_masque{#CHEMIN{decoupe1.png},mode=difference})]

on obtient l'image suivante :

Dans ce mode, les valeurs chromatique de chaque pixel de l'image d'origine et de l'image du masque sont soustraites et cela donne une image finale qui ressemble au "négatif" de l'image d'origine sur la zone du masque.

Attention : l'impact sur la luminosité est plus important sur l'image finale que dans le fichier masque.

Attention (2) : en réalité, le masque de luminosité est un masque de coloration. Si l'image masque est colorée, alors on modifiera non seulement la luminosité, mais aussi les couleurs de l'image. Mais cet effet est particulièrement difficile à maîtriser, notamment en partant d'images en couleur.

Voir aussi

Les filtres

|image_reduire
|image_reduire_par
|image_recadre
|image_passe_partout

L'article sur les Images typographiques

Sur son site 23forward.com, ARNO* donne de nombreux exemples d'utilisation de ces filtres graphiques, et explique notamment la philosophie qui les sous-tend : « Pourquoi utiliser les filtres graphiques de SPIP 1.9 ? ».

Publier des sites multilingues

ARNO* — 2004-04-29T10:05:00Z

Sommaire
Des structures très souples
Les squelettes eux-mêmes multilingues
SPIP n'est pas massivement multilingue
La langue du visiteur
SPIP permet de publier des sites en plusieurs langues. Cette possibilité se caractérise notamment :

par la possibilité de publier des informations dans plusieurs langues, en respectant les règles de la typographie de chaque langue (les règles de typographie sont différentes, par exemple, en français et en anglais), le sens de l'écriture (l'arabe et le persan s'écrivent de droite à gauche), l'affichage de certaines informations (afficher les dates dans la bonne langue, afficher les formulaires, par exemple l'interface pour écrire dans les forums, dans la langue qui convient...) ;
par l'existence de liens entre les différentes traductions d'un article, permettant d'indiquer aux visiteurs qu'un article peut être consulté dans d'autres langues, et quel est l'article d'origine.

La liste des traductions de l'article "C'est quoi SPIP" de spip.net

Des structures très souples

Quoique simple à utiliser, le multilinguisme de SPIP autorise des structures diverses et très souples. On peut cependant conseiller les configurations suivantes pour faciliter le travail des rédacteurs et des administrateurs :

- Sur un site destiné à publier de nombreux articles dans plusieurs langues, le plus simple est de définir des langues par grandes rubriques (par exemple : une grande rubrique en français, une grande rubrique en espagnol et un grande rubrique en polonais) ; c'est, par exemple, le fonctionnement du présent site ; de cette manière, les rédacteurs voient leur travail simplifié, et la structuration du site (la définition de la hiérarchie des rubriques) n'est pas compliquée ; de plus, cela permet de définir plus facilement des administrateurs chargés d'une seule langue (« administrateurs restreints à une rubrique »).

- Sur un site proposant très occasionnellement des traductions d'articles, on peut préférer définir la langue pour chaque article, en regroupant par exemple les traductions d'un article dans la même rubrique (puisqu'ils concernent le même thème). On n'a pas alors besoin de définir des langues pour les rubriques.

- La solution qui consiste à mélanger les deux méthodes (définir la langue à la fois pour les rubriques et pour les articles) est à réserver aux cas extrêmement spécifiques : si cela offre une très grande souplesse, elle peut rapidement compliquer la gestion du site, la création des squelettes, et induire des incohérences dans la structure logique de votre site.

Les squelettes eux-mêmes multilingues

L'interface publique d'un site sous SPIP est réalisée avec un système de « squelettes ». SPIP offre un ensemble de possibilités pour que ces squelettes soient eux-mêmes multilingues (par exemple, dans la partie française, la présente documentation affiche le texte « Télécharger la dernière version » ; dans la partie en anglais du site, cette mention devient « Download the latest version »).

Ces éléments, plutôt techniques, sont décrits dans un article de la présente documentation.

SPIP n'est pas massivement multilingue

À l'inverse de quelques autres logiciels de publication de sites (CMS), SPIP n'est pas massivement multilingue.

Dans un système massivement multilingue, absolument tous les éléments peuvent être traduits et bénéficient d'une interface adaptée pour réaliser cette opération. Dans SPIP, le choix a été de limiter essentiellement le système de traduction à la traduction des articles (des méthodes existent pour contourner cette limitation, mais elles sont volontairement réservées aux utilisateurs très expérimentés).

Ce choix s'explique de plusieurs manières.

- Avant tout, par l'histoire de SPIP : SPIP au départ n'était pas du tout multilingue, il s'agit donc d'une évolution introduite tardivement. Le transformer en système massivement multilingue aurait nécessité des modifications de fond extrêmement lourdes : c'est-à-dire des temps de développement interminables et des risques de bugs énormes.

- Le fondement de SPIP est la recherche d'une ergonomie immédiatement compréhensible par un utilisateur débutant. Ergonomie dont certains principes sont désormais bien « rodés ». Il a donc été préféré une évolution qui poursuive dans la logique de SPIP (des articles clairement identifiés et séparés dans des rubriques, et non différentes version d'un même article dans différentes version d'une même rubrique), et la recherche d'une évolution ne remettant pas en cause les principes ergonomiques du système.

- Un système massivement multilingue doit bénéficier d'une interface entièrement orientée autour des fonctions de traduction. Or, un très grand nombre de sites réalisés sous SPIP sont soit en une seule langue, soit constitués d'articles qui ne sont pas des traductions les uns des autres. Le choix a donc été fait d'introduire le multilinguisme sans que la traduction soit l'orientation principale de l'interface.

- Si le choix de SPIP semble moins souple qu'avec un système massivement multilingue, il permet cependant, par de nombreux aspects, une plus grande liberté pour les webmestres. Ainsi de la possibilité d'avoir à la fois des articles qui sont des traductions les uns des autres et des articles qui sont dans des langues différentes mais sans lien entre eux ; des rubriques séparées pour les différentes langues et des rubriques regroupant plusieurs langues...

La langue du visiteur

Par défaut, un site multilingue sous SPIP ne s'adapte pas à la langue du visiteur (par exemple : afficher directement les articles en français aux visiteurs francophones, et les articles en anglais aux visiteurs anglophones). Il est possible, dans une certaine mesure, de réaliser de tels sites avec SPIP, mais l'utilisation de ces fonctionnalités n'est pas simple.

Il s'agit d'un choix volontaire.
— Avant tout, il est extrêmement rare que les utilisateurs configurent leurs butineurs pour indiquer leurs langues de prédilection. L'utilisateur est donc identifié dans la plupart des cas comme parlant uniquement la langue dans laquelle il a installé son butineur ; ainsi, puisqu'il n'a pas reconfiguré son butineur, il sera considéré comme ne parlant en général qu'une seule langue ; ou, pire, il utilisera un logiciel téléchargé en anglais, alors qu'il est francophone... Dans tous les cas, les sites reposant sur la détection automatique de la langue ne lui proposeront qu'une seule langue, ou même une langue qu'il ne parle pas.
— Il est fréquent qu'un visiteur comprenne plusieurs langues, mais avec des compétences différentes (couramment une langue, arrivant à lire lentement une autre langue...). Et, lors de sa visite, plutôt qu'un choix automatique, il préférera adapter sa lecture en fonction de ses compétences : ainsi, lire de préférence en français mais, pour les articles non traduits en français, se référer à l'anglais (et, faute d'anglais, à l'espagnol...). Les automatismes peinent à rendre ces usages.
— Pour le webmestre qui réalise l'interface du site, il est extrêmement complexe de créer une navigation reposant sur des automatismes de langue, sauf à rester dans le choix imposé par le logiciel ; à l'inverse, réaliser une interface, certes multilingue, mais dans laquelle c'est le visiteur qui adapte lui-même sa navigation en fonction des choix qui lui sont proposés, reste très abordable. L'écart de difficulté s'accentuant lorsque le webmestre veut, de plus, conserver une certaine souplesse dans la structuration de son site.

L'abonnement au calendrier

ARNO* — 2004-03-03T14:50:58Z

SPIP permet la synchronisation des informations privées et publiques du site dans des logiciels de calendrier.

SPIP permet l'exportation de calendriers au format iCal. Ce format permet à des logiciels de calendrier d'afficher une liste d'événements datés et une liste de tâches, en les récupérant automatiquement et régulièrement sur le Web.

L'adresse des événements d'un site SPIP au format iCal est :

spip.php?page=ical

Cette fonction est particulièrement utile pour suivre l'activité de plusieurs sites sous SPIP. De cette façon, on peut par exemple afficher sur la même page d'un logiciel de calendrier :

la liste des derniers articles publiés sur son propre site,
la liste des activités éditoriales de plusieurs sites SPIP auxquels on participe,
les différents rendez-vous personnels (par exemple les rendez-vous personnels que l'on note sur son site, les annonces de rencontres de l'espace privé d'une association, etc.)...

Les logiciels de calendrier permettant d'exploiter de tels fichiers sont actuellement peu nombreux. Sous MacOSX, le logiciel iCal est incontournable et bénéficie d'une ergonomie très poussée. Pour les autres plateformes, le principal logiciel actuellement disponible est l'extension Mozilla Calendar qui s'installe très facilement dans FireFox. Signalons aussi le service en ligne Google Calendar.

Il suffit ensuite de cliquer sur les liens proposant la synchronisation de calendrier pour qu'un nouveau calendrier s'affiche dans le logiciel. La gestion et la navigation de ces calendriers est ensuite très simple.

L'affichage de plusieurs calendriers sous Mozilla Calendar

La copie d'écran ci-dessus (cliquez sur la vignette pour l'agrandir) affiche un exemple sous Mozilla Calendar. On trouve :

en haut à gauche, la liste des calendriers auxquels l'utilisateur s'est abonné : à la fois des calendriers de rendez-vous personnels, l'activité éditoriale de plusieurs sites, les publications publiques d'autres sites... Des codes couleur permettent de repérer les rendez-vous de chaque calendrier ;
à gauche, une liste de tâches à effectuer : on trouve notamment l'annonce du nombre d'articles et de brèves proposés sur différents sites ;
à droite dans la fenêtre principale, des « rendez-vous » présentés dans un calendrier graphique (ici en affichage mensuel) : en gris les derniers articles sélectionnés par rezo.net, en rose des rendez-vous personnels, en jaune des articles proposés sur un autre site...
en double-cliquant sur un rendez-vous, on a obtenu sa fiche (fenêtre en bas à gauche) ; on y trouve le titre, le rappel de la date, ainsi que l'introduction de l'article (éventuellement, le dernier message d'une discussion privée ou le texte d'un rendez-vous personnel) et, très utile, l'adresse Web (URL) où l'on pourra consulter ou modifier cette information.

N.B. La « synchronisation » n'est pas possible dans les deux sens :

on peut récupérer les informations d'un calendrier réalisé à partir d'un site sous SPIP dans son logiciel de calendrier, mis à jour régulièrement,
on ne peut pas envoyer vers le site SPIP concerné des modifications réalisées à partir du logiciel de calendrier.

Les fichiers backend

ARNO* — 2004-03-03T14:17:27Z

Sommaire
S'« abonner » à un site Web
Le format XML/RSS a été conçu pour « exporter » la liste des derniers articles publiés par un site Web. De cette façon, différents outils peuvent automatiquement récupérer et afficher les titres et descriptions des dernières mises à jour d'un site Web.

L'usage premier de ce format est la syndication de contenu : un site Web affiche (automatiquement) les dernières mises à jour d'un autre site Web. On appelle cet usage la syndication de contenu. SPIP, comme la plupart des outils de gestion de contenu (CMS), permet d'afficher facilement les informations publiées sur d'autres sites (via la fonctionnalité « Référencer/syndiquer un site Web »).

Une utilisation plus récente de ce format consiste à permettre aux usagers de l'internet de s'« abonner » à un site Web en récupérant automatiquement et régulièrement la liste des dernières mises à jour du site. En utilisant un logiciel adapté (un newsreader), l'usager n'a plus besoin de visiter tous les sites qui l'intéressent pour voir s'il y a des mises à jour : le logiciel lui indique directement quelles sont les nouveautés des différents sites auxquels il s'est « abonné ». Cet usage est particulièrement utile pour suivre l'activité de plusieurs sites en même temps.

SPIP créée automatiquement les différents fichiers au format XML/RSS permettant à un autre site de syndiquer le contenu de son propre site, et/ou aux visiteurs du site de s'y « abonner » avec un newsreader. Ces fichiers se nomment des fichiers « backend ».

S'« abonner » à un site Web

Pour profiter de la syndication de contenus et faire venir à lui l'information, l'usager doit utiliser un logiciel spécifique appelé « newsreader », « lecteur de news » ou « agrégateur d'information ». Il en existe plusieurs :

les extensions s'ajoutant à un client Web (Mozilla ou Microsoft Explorer notamment) ; ainsi les fonctions de newsreader sont directement intégrées à l'interface du client Web habituel, le fonctionnement en est très simplifié (souvent lié à la gestion des signets - bookmarks - du navigateur) ;
les logiciels indépendants, non liés à un navigateur Web.

La solution la plus simple consiste à installer une extension de son navigateur Web. On trouvera plusieurs extensions de ce type pour l'excellent Mozilla FireFox (habituellement sous la mention « News »).

Voir aussi :
La syndication de contenus

Indiquer l'adresse d'une mailing-list

ARNO* — 2004-03-03T13:21:57Z

Sommaire
Créer une mailing-list
Indiquer les informations de la mailing-list dans SPIP
Créer une mailing-list

SPIP ne gère pas lui-même de liste de diffusion (ou mailing-list) : il n'est pas conçu pour cela et, par ailleurs, d'excellents logiciels libres gèrent une telle fonction parfaitement ; de plus, de nombreux sites proposent des mailing-lists faciles à utiliser par des débutants.

SPIP est donc conçu pour faciliter l'utilisation d'une liste de diffusion « externe » : vous devez créer une telle liste de diffusion [1] et indiquer ses coordonnées dans SPIP.

Une fois la liste créée, vous obtenez deux informations :
— l'adresse email à laquelle il faut envoyer un message pour qu'il soit expédié à tous les abonnés de la liste,
— l'adresse (URL) Web de la page d'information de cette liste, où vos visiteurs pourront s'abonner en indiquant leur adresse email personnelle.

Indiquer les informations de la mailing-list dans SPIP

L'adresse de cette mailing-list se règle dans la page de « Configuration du site », « Interactivité », dans l'encadré « Envoi de mails automatique » :

- Dans la partie « Suivi de l'activité éditoriale », sélectionnez « Envoyer les annonces à l'adresse... », de nouvelles options de configuration apparaîtront automatiquement,

- indiquez l'adresse email de votre liste de diffusion. De cette façon, chaque événement du site (article proposé, article publié...) sera immédiatement envoyé à cette adresse et expédié à tous les abonnés de cette liste de diffusion.

- Indiquez dans l'encadré qui suit l'adresse (URL) Web de la page d'information de cette liste. Cette adresse sera alors signalée à tous les rédacteurs dans la page « Suivre la vie du site » comme la page où ils pourront s'abonner à la liste de diffusion.

Si la mailing-list ne propose pas de page Web d'information, vous pouvez indiquer l'adresse email spécifique permettant de s'y abonner (souvent dans un format du type : spip@rezo.net?subject=subscribe).

[1] De nombreux hébergeurs de sites proposent de gérer de telles listes en même temps qu'ils hébergent votre site, et de nombreux services - marchands ou non - proposent des systèmes de listes de diffusion.