Sponsor du CF
Agenda
22, 23 et 24 mars 2024
Tendance Nature (Reims) (Reims, 51, France)
J'y vais
23 et 24 mars 2024
Foire aux plantes rares de St-Priest (St-Priest, 69, France)
J'y vais
23 et 24 mars 2024
Fête des plantes de Locon (Locon, 62, France)
J'y vais
23 et 24 mars 2024
Le printemps des jardiniers (Savigny le Temple, 77, France)
J'y vais
23 et 24 mars 2024
Fête des plantes du Mucem (Marseille, 13, France)
J'y vais
24 mars 2024
Primavera (Montpellier, 34, France)
J'y vais
Toutes les dates

Insérer une photo dans un article

Il y a plusieurs manières d'insérer une photo dans un article du CF.

Tout d'abord, lire le chapitre Images et autres fichiers du guide de la mise en page de Dokuwiki.

Voyons maintenant les spécificités du CF :

Insérer une photo de la galerie

Les photos de la galerie sont disponibles en 3 tailles :

  • l'original (par exemple 800×600) ;
  • une vignette de 120 pixels de haut, quelquesoit l'orientation de la photo ;
  • une vignette de 180 pixels de haut ou de large selon l'orientation de la photo.

Repérer l'adresse de la photo à insérer, par exemple :
http://yann.cochard.free.fr/images/13/1333.jpg

Pour insérer la photo directement, utiliser ce code :

{{http://yann.cochard.free.fr/images/13/1333.jpg}}


Pour insérer la vignette de 120, utiliser ce code :

{{http://yann.cochard.free.fr/images/13/1333r.jpg}}

(avec le “r” à la fin du nom, avant l'extension).

Pour insérer la vignette de 180, utiliser ce code :

{{http://yann.cochard.free.fr/images/13/1333_r180.jpg}}

(avec “_r180” à la fin du nom, avant l'extension).

Pour insérer la vignette comme un lien vers la photo plus grande :

[[http://yann.cochard.free.fr/images/13/1333.jpg|{{http://yann.cochard.free.fr/images/13/1333r.jpg}}]]


Pour insérer la photo avec une taille différente, utiliser ce code :

{{http://yann.cochard.free.fr/images/13/1333.jpg?250}}

Cette méthode n'est pas propre, car c'est le navigateur qui va faire le redimensionnement, ce qui aura 2 effets négatifs :

  1. chargement de la photo originale, plus long que normal ;
  2. qualité dégradée car les navigateurs ne sont pas très performants.

Il vaut mieux donc éviter cette méthode.

Notes à propos des vignettes :
Les vignettes de 120 pixels sont les premières qui ont été faites. Elles font toutes 120 pixels de haut, et la largeur dépend donc de la taille d'origine de la photo : une photo de 800×600 fera 160×120, et une photo de 600×800 fera 90×120.
Les vignettes de 180 pixels ont été ajoutées fin 2007, et sont conçues différemment : c'est la plus petite dimension qui fait 180 pixels : une photo de 800×600 fera 240×180, et une photo de 600×800 fera 180×240.

Insérer une photo déjà présente sur le serveur

Les photos des anciens articles sont sur le serveur, comme celle-ci : https://www.cactuspro.com/images/a001-001.jpg Les mêmes méthodes que vues précédemment fonctionnent, à l'exception parfois de la vignette : seules certaines de ces photos ont une vignette.

Insérer une nouvelle photo

Pour insérer une photo (ou n'importe quel autre fichier : image, PDF, etc), utiliser le gestionnaire de média de Dokiwiki. Dans la barre d'icône, juste au-dessus de la zone d'édition d'un article, cliquer sur le cadre, puis suivre les instructions. Il est possible de s'entraîner dans le bac à sable.

Pour chaque article, il faut créer un répertoire portant le nom de cet article (ou approximativement), dans lequel seront chargées les photos. Ne mettez pas de photos à la racine. Il y en a déjà trop, c'est ingérable.

Pour cela, dans la case [donnez un “wikiname”], entrez le nom de l'article suivi de deux points (:) suivi du nom de la photo.

Exemple :


Pour les photos suivantes, il vous suffit de vous placer dans ce sous-dossier.

Conclusion

Le chapitre Images et autres fichiers du guide de la mise en page de Dokuwiki explique comment aligner les photos. Vous pouvez aussi regarder comment les photos sont insérées et positionnées dans les autres articles, en les éditant (puis en cliquant sur Annuler).

Évitez d'insérer une photo en la redimensionnant.