Insérer une photo dans un article

à partir du compte Flickr

La procédure ci-dessous concerne l’affichage de photos déjà placées sur Flickr dans les articles publiés sur le site. [1]

Principe

Pour insérer une photo stockée sur Flickr dans un article, il faut récupérer quelques lignes de code fournies par Flickr pour cette image, et les coller dans la fenêtre de rédaction de l’article à l’endroit où on souhaite insérer l’image. Il est nécessaire pour cela d’être identifié sur le site Flickr.

NB - Il est conseillé d’utiliser en priorité des photos qui ont été nommées au préalable sur Flickr, ainsi cette information n’est pas à compléter manuellement au moment de l’insertion mais est générée automatiquement.

Liens
– Galerie Flickr
– Personne ressources (disposent des codes pour s’identifier sur Flickr)

1. Récupérer le code

Récupérer le code d'une photo sur Flickr

Choisir la photo ainsi que la taille à laquelle on souhaite l’afficher (en général, choisir la taille « petite » pour un insert dans le texte d’un article)
Sélectionner et copier le code

2. Coller le code

Placer dans l’article le curseur à l’endroit où l’on souhaite insérer la photo (préférablement, au début d’un paragraphe, juste avant le texte)
Coller le code préalablement copié sur Flickr

3. Définir les options de placement par rapport au texte

On peut décider de quelle manière le texte va « s’enrouler » autour de l’image en plaçant celle-ci sur la gauche ou sur la droite.

Pour celà, il suffit d’ajouter dans le code entre img et src la mention :

– class="adroite" pour placer la photo sur la droite
– class="agauche" pour placer la photo sur la gauche
– class="aucentre" pour placer la photo au milieu (le texte est alors placé au dessus et au dessous de l’image seulement, il ne s’enroule pas)

Exemple ci-dessous

Pour empêcher l’affichage de bordures, rajouter la mention « noborder »

– class="adroite noborder" ou class="agauche noborder" ou class="aucentre noborder"

Fenêtre de prévisualisation

Les options de placement de l’image par rapport au texte ne sont effectives que sur le site public, mais n’influent pas sur l’affichage de l’article dans la partie privée du site.

[1] Pour un rédacteur qui rédige un article et qui souhaite intégrer des photos qui ne sont pas sur flickr, il suffit d’attacher la photo à l’article et de l’intégrer éventuellement au texte en suivant les indications données sur l’interface de rédaction.