Insérer des images dans un article

Il existe 2 façons d’utiliser des images :

  1. Elles peuvent être insérées sous forme de logo d’article. Les images sont alors réduites pour s’afficher en haut de la page de l’article. Les logos d’articles apparaissent aussi sur les pages rubrique.
  2. Elles peuvent servir à habiller le texte d’un article. Lorsque l’on insère une image dans le texte de ce dernier.

L’article ci-dessous décrit comment insérer et mettre en forme ces images à l’intérieur du texte d’un article.

Alignement

Sur la colonne de gauche de chaque page d’édition, les images associées à la page éditée s’affichent, suivi de petits codes. L’utilisation d’un de ces codes dans votre article permet d’insérer l’image du document.

Cliquer sur "left", "center" ou "right" permettra respectivement d’insérer une image alignée à gauche, centrée, ou alignée à droite.

Lorsque du texte est positionné sous une image alignée à gauche ou à droite, il vient s’insérer sur le côté de celui-ci. Sur la page publique, l’image est automatiquement réduite à la moitié de la largeur de la page générer une mise en page agréable à lire.

Par contre, une image centrée ne laissera passer aucun texte sur ses côtés. Elle ne sera réduite que dans la mesure où ses dimensions seront supérieures à la largeur de la page. En effet, Une image trop grande est automatiquement redimensionnée pour qu’elle ne puisse pas déborder de la largeur de la page.

Liens

Il est possible de créer un lien sur une image en ajoutant :

|lien=adresse_de_mon_lien

Dans le petit code généré, l’image ci-dessous pointe sur un site externe.

Le titre et le descriptif de l’image

C'est pas à un vieux singe ...
C’est pas à un vieux singe ...

... qu’on apprend à s’imposer dans un article d’aide à la publication.

Il est possible d’associer des informations à votre image. Pour cela, cliquez sur le bouton modifier en dessous de celle-ci. Une fenêtre apparaîtra vous permettant de renseigner :

  • le titre de l’image
  • la description de l’image
  • les crédits de l’image
  • la vignette (ou visuel) sur lequel il faudra cliquer pour voir l’image. (Cela peut par exemple être un détail de l’image sur lequel il faudra cliquer pour voir l’image entier).

Une fois que votre image contiendra un de ces éléments, la légende s’affichera automatiquement en dessous de l’image. Si vous avez besoin d’utiliser l’image sans sa légende, il faudra alors remplacer "doc" par "img" pour insérer l’image seule.

Dans l’exemple ci-dessus, l’image est associée à sa légende composée de son titre et de son descriptif

Redimensionnement

Il est possible de diminuer la taille des images en indiquant soit une largeur et une hauteur. Ainsi,

  • Le code "largeur" ajouté ainsi : <doc25|center|largeur=200> permettra d’afficher une image limitée 200px de large.
    C'est pas à un vieux singe ...
    C’est pas à un vieux singe ...

    ... qu’on apprend à s’imposer dans un article d’aide à la publication.

  • Le code hauteur ajouté ainsi : <doc25|center|largeur=200> permettra d’afficher une image limitée 200px de haut.
    C'est pas à un vieux singe ...
    C’est pas à un vieux singe ...

    ... qu’on apprend à s’imposer dans un article d’aide à la publication.