Accès rapide : Aller au contenu de l'article |  Aller au menu |  Liste complète des articles  |  Aide  |  Contact |
bandeau

Accueil > Aides pour les nuls > Plugins, crayons, couteau suisse, diaporama

Plugins, crayons, couteau suisse, diaporama

 Essayez !

Après avoir changé de version de SPIP, je me suis lancée dans
l’utilisation des « plugins »

To plug, en anglais, ça veut dire « bosser, travailler ». Un plugin c’est un outil informatique qui travaille pour vous !

Voici quelques explications sur les plugins : http://www.spip.net/fr_article3396.html

 Crayons

J’ai choisi en premier le plugin « crayons ». Voir des explications ici :
http://www.spip-contrib.net/Les-Crayons

Pour cela :
– 1) j’ai créé un sous-dossier « plugins » dans le dossier www du site distant
– 2) j’ai téléchargé « crayons » sur mon ordinateur avec ce lien : http://files.spip.org/spip-zone/crayons.zip et je l’ai dézippé
– 3) J’ai envoyé tout le contenu dézippé vers le dossier plugins du site distant. Cela a créé un sous-dossier appelé « crayons »
– 4) en passant par l’espace privé, j’ai cliqué sur Configuration/Gestion des plugins

Mais cela ne suffisait pas, il a encore fallu intervenir sur article.html en remplaçant, par exemple,

_ [<div class="texte">(#TEXTE|image_reduire{520,0})</div>]
par   [<div class="#EDIT {texte} texte">(#TEXTE|image_reduire{520,0})</div>]

Et ça fonctionne !
Un petit crayon apparaît en haut à droite, en cliquant dessus on peut facilement modifier un article. Cela gagne du temps.

  Couteau suisse

Voilà un plugin génial qui permet de faire plein de choses ! (Merci à Patrice Vanneufville !) : http://www.spip-contrib.net/Le-Couteau-Suisse

Pour le « couteau suisse » l’adresse est : http://files.spip.org/spip-zone/couteau_suisse.zip

– 1. télécharger le fichier :
http://files.spip.org/spip-zone/couteau_suisse.zip
– 2. le dézipper
– 3. placer par ftp le dossier couteau_suisse/ dans : plugins/
– 4. se rendre sur la page de config du CS

Si on veut mettre à jour le plugin, il vaut mieux refaire toute la manipulation à partir de la nouvelle version.

Moi j’ai choisi :
– Exposants typographiques
– Belles URLs (avec notamment : Liens orphelins)
– Un sommaire pour vos articles

– Citations en italique (que j’ai ajouté ... voir ci-dessous)
– Décoration
– Découpe en pages et onglets
– Tout en couleurs
– Supprime le numéro
– Balise #INSERT_HEAD

Citations en italique

Et puis je voulais que l’outil mette automatiquement en italiques tout ce qui se trouve entre les guillemets « ....  » .

On m’a donc donné le code suivant :

########## COUTEAU SUISSE : LAME PERSO ########

<?php

// Installation d'une nouvelle lame personnalisee
$GLOBALS['mes_outils']['mes_citations'] = array(
        'nom'         => 'Citations en italique',
        'description' => 'Une lame qui transforme toutes les citations <html>&laquo; toto &raquo;</html> en simple {italique}.',
        'auteur'      => 'perso',
        'categorie'   => 'typo-racc',
        'pipeline:pre_typo'   => 'mes_citations_pre_typo',
);

// Fonction de remplacement
function mes_citations_rempl($texte) {
       return preg_replace(',«\s*(.*?)\s*»,msS', '{$1}', $texte);
}

// Fonction de pipeline
function mes_citations_pre_typo($texte) {
       if (strpos($texte, '«')===false) return $texte;
       // appeler mes_citations_rempl() une fois que certaines balises ont ete protegees
       return cs_echappe_balises('', 'mes_citations_rempl', $texte);
}

?>

J’ai ouvert un fichier vierge avec PSPad, en php.

j’y ai mis le code ci-dessus
J’ai appelé ce fichier : mes_options.php
je l’ai expédié par FTP, dans le site distant, dans config (où il n’y avait pas de fichier de ce genre)
J’ai vidé le cache

Puis j’ai cliqué sur « gestion des plugins », puis sur la lame « italiques automatiques » ou « citations en italiques » qui était apparue. Comme cela, il y a eu activation de la lame-perso ci-dessus.

J’ai rafraîchi la page (c’est-à-dire « recalculer la page ») et ça marche .

Du coup, quand on a : « texte » cela reste comme cela.
et quand on a : « texte » cela donne ceci : texte , sans guillemets.

Mais si on veut garder les guillemets, il faut modifier ci-dessus en mettant :
return preg_replace(',«\s*(.*?)\s*»,msS', '« {$1} »', $texte);

Décoration, signature

La lame « Décoration » du couteau-suisse m’a permis de fabriquer la balise <sign> de la façon suivante :
– span.sign = position:absolute ;right:80px ; margin-bottom:80px ;
qui me permet de mettre, à droite, la signature. (mettre 80px ou autre chose !)

Exemple :
<sign>Signature</sign> donne ceci : Signature

Post-it

Avec la lame « Décoration » ci-dessus, on peut ajouter :
div.postit = background-color:yellow ;border:3px solid yellow ;color:black ;float:right ;font-size:85% ;padding:5px ;width:20% ;

et cela donne un post-it en faisant ceci :
<postit> ......</postit>.

Mais je ne l’ai pas fait dans ce site.

 

 

Voir des explications ici :
http://www.spip-contrib.net/Decorer-ou-colorer-vos-textes


 Diaporama

J’ai trouvé des explications ici : http://www.spip-contrib.net/Plugin-Diapo

Comment faire ?

– 1 - télécharger la version stable : diapo_1_9.zip
– 2 - Quand le téléchargement est fini, il faut dézipper : il suffit de cliquer sur la ligne diapo_1_9 et de cliquer sur l’icône « Extraire vers » . Vers quoi ? Choisir le bureau par exemple. Ou Program Files (qui se trouve dans le disque dur C :/) , ou ailleurs.

– 3 - Avec le FTP, ouvrir le site distant, ouvrir le dossier www puis le dossier « plugins »
– 4 - Envoyer « diapo_1_9 » comme sous-dossier de « plugins ». C’est vite fait.

– 5 - Ouvrir l’espace privé de Spip, cliquer sur configuration puis sur « Gérer les plugins »
et, là, cocher la case « diapo » puis cliquer sur le bouton « activer »
– 6 - Penser à vider le cache.

Et c’est tout.

Il suffit alors, dans l’article 123 d’écrire <diapo123> pour voir apparaître toutes les images de la page 123 en diaporama. avec 5 s d’écart entre les photos.

On fait bien sûr <diapo15492> dans l’article 15492 , etc.

On peut mettre, pour l’article XX :
– <diapoXX> pour le diaporama ordinaire
– <center><diapoXX></center> pour le diaporama centré dans l’article

– <diapoXX|pause> pour le diaporama en pause
– <diapoXX|left> pour une galerie avec vignettes à gauche
– <diapoXX|right> pour une galerie avec vignettes à droite
– <diapoXX|center> pour une galerie avec vignettes en haut et grande image

et <center><diapoXX|center></center> pour le diaporama centré dans l’article avec une galerie de vignettes en haut et une grande image

On peut même récupérer le diaporama d’un autre article. Par exemple, ci-dessous, j’ai récupéré le diaporama de l’article 1593900

<diapo1593900>