menucool GRAND Affichage

Interaction Collectuelle & Génération Automatique WebInfo TV







SPIP Quand tu nous tiens !
Gérer un portfolio avec SPIP

juillet 2002, par Manuel





dans la meme rubrique...

Sites in situ : Glums.com
Pillage d'email & SPIP
La grande nouveaute de la version SPIP 1.4 (en dev)
Spip'Gadgets
MDM Forum libre d'expression et sans inscription


Dans ce tutoriel nous allons parlé de vignette, terme employée par SPIP.

Une vignette qu'est-ce-que c'est ? C'est tout simplement le fait de créer une image miniature que vous pourrez insérer dans un article mais à la différence d'une image toute simple, l'utilisateur peut cliquer dessus pour agrandir l'image (voir le procédé qu'utilise les sites de wallpapers)

Avec la nouvelle version de SPIP (à venir et qui est la version 1.4), actuellement en version bêta et que vous pouvez télécharger ici, trois méthodes sont possibles :

Avant toute chose

Vous devez configurer la taille de vos vignettes (ou image miniature, dans l'espace de configuration de SPIP. Nous avons pris comme exemple la taille de 110 pixels de largeur pour nos vignettes

configuration-vignette - 39.1 ko

Première méthode :

Depuis l'article en cours de rédaction :

vi cree - 8.5 ko
vi cree

-  Cliquez sur "ajouter une image ou un document".
-  Insérer avec le bouton "parcourir" votre image (taille réelle) puis "validez".
-  Revenez à l'image en cliquant sur la flèche noire. A ce moment vous pouvez modifier le titre, ajouter un descriptif (si vous faites cela pensez à valider en cliquant sur le bouton "valider")
-  Recliquez sur la flêche noire pour revenir aux options, vous verrez apparaitre une autre option "joindre un document" avec le bouton "parcourir"
-  Sélectionnez sur votre disque l'image (taille réelle) ou le document puis validez en cliquant sur le bouton "parcourir". Automatiquement, vous verrez que votre image de départ devient alors un vignette personnalisée avec la taille que vous aviez défini au préalable dans l'espace de configuration de spip. Pour exemple voir image à gauche.

Vous remarquerez que automatiquement votre image de départ se met dans un fond jaune claire avec comme intitulé vignette personnalisée.

-  Récupérez le code qui va être du style <imgXX|...> en faisant un copier, puis insérer le dans votre article en faisant un coller.
-  Vous pouvez modifier le tag img par le tag doc, cela vous permettra d'insérer votre image et les commentaires que vous aviez inséré, comme le titre et le descriptif. Reprenons notre première image de début d'article nous remplaçons <imgXX> par <docXX> et cela nous donne l'image avec son commentaire ci-dessous.

configuration-vignette - 39.1 ko
configuration-vignette

Notes : XX = numéro de l'image

Deuxième méthode :

Depuis l'interface de votre article (interface ou vous insérez les mots-cles, date de publication...)

ATTENTION : Cette méthode est surtout à utiliser pour joindre un document annexe à votre article comme un fichier zip, un fichier doc...

-  Cliquez sur "ajouter un document". Vous obtiendrez la boite de dialogue suivante :

ouv doc - 32.8 ko

-  Faites "parcourir" pour ouvrir votre fichier (taille réelle) ou document source puis "valider".

Par défaut votre document se retrouve dans un encadré jaune claire avec une vignette par défaut correspondant au type de fichier (voir image ci_dessous).

Vignette-par-defaut - 9.4 ko

-  Cliquez sur la flêche noire, puis sélectionner votre vignette personnalisée en cliquant sur le bouton "parcourir" puis "validez"
-  Après validation, votre nouvelle vignette apparait.
-  Retournez sur votre article en cliquant sur "modifier l'article" vous retrouvez votre vignette personnalisée (côté gauche), récupérer le code et l'insérer dans votre article en faisant un copier/coller (voir méthode 1).

Notes : si vous n'insérez pas le code dans votre article, il sera automatiquement mis à la fin de l'article (voir exemple ici) dans la partie document lié à l'article.

Troisième méthode :

L'utilisation de la BOUCLE document, qui fera son apparition dans la nouvelle version de SPIP.

Cette boucle s'écrit de la manière suivante :

Avec cette boucle plus besoin d'insérer les codes du style <imgxx> à l'intérieur de notre article. Elle va directement rechercher les vignettes personnalisées et les insérer dans notre squelette.

Source : Ecran de Bureau

28/04/02


ajout-dans-article - 44 ko

ajout-dans-article
juillet 2002
JPEG - 44 ko
185 x 611 px




signé...

Manuel
site: Ecran de Bureau





Plan-Liens Forum
  • fil: Honte
    (1/1) 3 février 2004 , par Anonyme



  • fil: Honte
    3 février 2004   [Début forum]
    Et en plus il reste !

    leVillage.Org - la communauté des internautes modernes ! Pour créer facilement un webzine comme celui-ci ANnuaire des GEnerateurs Internet Collectuel, et CopID (copie libre sans source ni auteur) Le Géné de bios ne parle que de vous ! Le Cerveau Collectif vous donne raison ? TipiWiki La reconquête du web ! Modem Lent, Non-Voyant: Naviguez en format TEXTE sur ce site [ACCUEIL] | LETTRE | THEME | MOTOP | MESSAGES | PLAN | REDAC
    CopID: 100% libre     Au  samedi 28 janvier 2012 :  213 articles 113 brèves 1021 posts