TP26- Plugins - 31 place Web

Exercice 22 – plugins
Installation de plugins
Deux façons d'installer des plugins sous SPIP
Préparation

Si ce n'est déjà fait, créez à la racine de votre site un dossier [plugins] contenant
un dossier [auto].

Back-office, onglet Configuration > gestion des Plugins > Ajouter des plugins >
cliquer « ajouter ».
Cela permettra de télécharger directement les plugins depuis les sites SPIP.
Page 1 sur 5
http://www.31-place-web.net/
Exercice 22 – plugins
Plugin 1 - Ajout de raccourcis typographiques pour la rédaction des articles

Dans l'onglet Ajouter de plugins > Plugins. Rechercher «enluminures» pour
trouver le plugin «Enluminures typographiques»

Téléchargez et installez ce plugin.
Page 2 sur 5
http://www.31-place-web.net/
Exercice 22 – plugins

Videz le cache (Onglet "maintenance")

Allez sur un article au choix, cliquez sur "modifier l'article" : de nouvelles icônes ont
dû apparaître dans la barre d'édition (si vous ne les voyez pas, clic droit :
"actualiser" )

Vous pouvez configurer ce plugin dans l'onglet "squelettes" > "enluminures
typographiques"
Plugin 2 – Formulaire contact

De la même façon, après avoir effectué une recherche, installez «Formulaire
contact avancé »

Cliquez sur «en savoir plus» et lisez la documentation sur ce plugin
Page 3 sur 5
http://www.31-place-web.net/
Exercice 22 – plugins

Pour installer ce plugin
1 – Choisissez un article dans lequel vous voulez insérer un formulaire > modifier l'article.
2 – Dans la zone de texte, copiez-collez le code suivant (voir la doc)
<formulaire|contact>
3 – Réglez les champs que vous souhaitez voir apparaître dans l'onglet :
Configuration > Formulaire de contact
>> «Le but du jeu» sera alors d'imposer votre propre style pour le formulaire en écrasant
celui par défaut dans la feuille «spip.css»
Remarque : Ce plugin "contact avancé" est simple à installer mais il est peu configurable.
Si vous souhaitez un plugin plus complexe (possibilité de choisir les champs à ajouter et
leurs intitulés) alors installez à la place le plugin "formidable" :
http://contrib.spip.net/Formidable-le-generateur-de-formulaires
Plugin 3 - Affichage d'images (testez les plugins suivants après avoir ajouté
4-5 images dans le portfolio d'un article)
1- Plugin Flash - Cooliris

Allez à la page : http://contrib.spip.net/Cooliris-pour-SPIP

Lisez la page pour savoir comment configurer et activer le plugin

Téléchargez le dossier du plugin (pour SPIP3 !), dé zippez-le et installez-le
directement dans le dossier [plugins] de votre site.

Activez le plugin depuis le back-office.

Dans votre article "zone de tests", ajoutez des images au portfolio. Insérez le code
vous permettant d'appeler coliris dans cet article.
Note : on vous demande de déplacer le fichier "crossdomain.xml" : celui ci sera placé
directement dans le répertoire www de Wamp.

Dans le back-office, onglet configuration > configuration de Cooliris : "jouez" avec
Page 4 sur 5
http://www.31-place-web.net/
Exercice 22 – plugins
les paramètres pour voir comment adapter ce plugin.
2 – Plugin jQuery – Nivo Slider
http://contrib.spip.net/Nivo-Slider,3747
3 – Galerie jQuery
http://contrib.spip.net/Galleria
D'autres exemples : http://contrib.spip.net/Galeries-et-diaporamas
Important : lors de la procédure d'installation, on vous demandera parfois d'installer les
plugins jQueryUI et CFG (config) : ce n'est plus la peine avec SPIP 3.
Ces plugins sont déjà installés (dans plugins-dist).
Page 5 sur 5
http://www.31-place-web.net/