SPIP - Trucs, astuces, macros et lignes de code
Pour les utilisateurs de SPIP
Quelques lignes de code assez précieuses
1. Rediriger une page
- Code à insérer dans les meta pour forcer la redirection d’une page web vers une autre :
<meta http-equiv="refresh" content="2;URL=http://www.ac-amiens.fr/..."> |
Il suffit de compléter l’adresse cible et de régler la durée de la transition.
2. Intégrer une vidéo
- Code à insérer pour intégrer une vidéo dans un article sous SPIP :
<embed src="http://www.ac-amiens.fr/etablissements/0601178e/rvluso/IMG/mpg/Capoeira_1.mpg&volume=10" widht="550" height="400" loop="false"> |
Tout d’abord, créez l’article et associez-lui un fichier vidéo (ajouter un document).
Il suffit ensuite de copier le code encadré ci-dessus et de l’insérer à l’endroit voulu de l’article.
En dernier lieu, complétez l’adresse cible puis réglez les dimensions du lecteur (hauteur et largeur).
- Effet produit [1] :
3. Intégrer un fichier audio
Code à insérer pour intégrer un fichier audio avec son lecteur dans un article sous SPIP :
Vous connaissez le lecteur Dew Player.
Vous désirez voir des exemples d’utilisation multilingue
- Voici la marche à suivre pour l’installer et l’utiliser dans nos pages :
1. Téléchargez votre fichier son au format mp3, comme d’habitude.
2. À l’endroit où vous souhaitez placer le lecteur, collez le code qui se trouve dans le fichier ci-dessous :
Code à recopier pour faire apparaître le lecteur audio :
Copiez le code figurant ci-dessous :
<center><object type="application/x-shockwave-flash" data="IMG/swf/dewplayer.swf?son=IMG/mp3/truc.mp3" width="180" height="20"> <param name="movie" value="IMG/<br /> |
- À la place de "truc", inscrivez le nom de votre fichier, sans mettre d’espace et sans enlever autre chose.
Faites en sorte que le nom du fichier soit simple et court...
- Vous pouvez redimensionner le lecteur, en remplaçant "200" par "150" ou "100" par exemple.
- Vous pouvez aussi centrer ou aligner différemment le lecteur en utilisant les balises habituelles :
<center> </center> ou <right> </right> |
Après validation de votre article rédigé sous Spip, une zone blanche apparaîtra à l’endroit où vous avez choisi d’afficher le lecteur.
Celui-ci ne sera actif qu’au moment où l’article sera publié... OK ?!
Et le tour sera joué !
(Vous n’avez pas à vous soucier du script du lecteur qui est déjà installé dans nos pages... )
- Effet produit :
4. Créer un lien vers une autre fenêtre
<a href=<br /> |
a) après "a href=" , insérer l’adresse URL ;
b) entre les doubles accolades, glisser le texte du lien cliquable
- Exemple :
<a href=http://www.ac-amiens.fr/<br /> |
- Effet produit :
<a href=http://www.ac-amiens.fr/
target= "blank">Le site de l’Académie d’Amiens
5. Attribuer une couleur à une portion de texte
- Code à copier-coller ci-dessous ;
- Remplacer Coucou par le texte choisi ;
- Remplacer le code couleur #CC66FF par le <a href=http://etablissements.ac-amiens.fr//0601178e/StagesNT/EnseignInt2005/Comprendre/couleurs.htm
target= "blank"> code [2] de la couleur choisie :
<font color="#CC66FF">{{Bonjour}}</font> |
- Effet produit :
Bonjour
- Si la couleur désirée est "simple", il est possible d’écrire "red", blue", "green", etc.
<font color="red">{{Bonjour}}</font> |
- Effet produit :
Bonjour
<font color="blue">{{Bonjour}} </font> |
- Effet produit :
Bonjour
<font color="green">{{Bonjour}} </font> |
- Effet produit :
Bonjour
- Augmenter la taille de la police
<font size="72pt">{{Bonjour}} !</font> |
- Effet produit :
Bonjour !
6. Créer un lien vers un article de Wikipédia
L’on fait simplement précéder le mot du lien d’un point d’interrogation :
{{[?Papillon]}} |
- Effet produit :
7. Créer des tableaux : utiliser la macro "Word pour Spip"
Cette macro vous permet, d’un simple clic sur un bouton, de transformer un document au format Word en texte codé à insérer tout simplement dans un article sous SPIP.
- Intérêt de la manœuvre :
Ceux qui sont friands de tableaux apprécieront ;-)
Comment l’utiliser ? Rien de plus simple !
- Rendez-vous sur le lien ci-dessous, téléchargez l’archive ZIP, décompressez-la à l’endroit indiqué puis suivez les instructions pas à pas :
- <a href=http://www.spip-contrib.net/Macro-word
target= "blank">Macro-spip
[1] Attention ! l’effet produit pourra varier d’un navigateur à l’autre...
[2] Voici un lien vers quelques codes couleurs. Vous trouverez davantage d’informations sur <a href=http://ufoco2.amiens.iufm.fr/ufoco/intro/index.php
target= "blank">Ganesha ainsi que le reste des TP et des cours :-)