Comment ajouter des images et un logo à mon article ?

Petit tutoriel pour ajouter des images à son article sur Marseille Infos Autonomes.

Quelle est la différence entre un logo et une image ?

  • Le logo est l’image représentant votre article, visible de la page d’accueil.
  • L’image, elle, est présente dans le corps même du texte.

Le logo

Le logo est l’image associée au titre de l’article que l’on voit :

  • sur la page d’accueil si l’article est en "Une" ou en "Manchette"
  • à côté du titre, directement dans l’article
  • mais aussi dans les autres articles aux thématiques proches, en pied de page
  • ou encore dans les pages de rubriques accessibles depuis le menu.

Si vous voulez que votre article puisse être mis en avant sur la page d’accueil, un logo est impératif.

Ici ce sont des logos par exemple :

Ajouter un logo

Ajouter un logo est assez simple.

  • cela peut être n’importe quoi en lien avec ce que vous postez (une affiche pour l’annonce d’un événement, une photo de manif que vous avez prise, un dessin glané sur le web...) ;
  • essayez d’ajouter des fichiers de taille adaptée, pas trop lourds. Les serveurs de Paris-luttes ne sont pas illimités : une image de 1 Mo est amplement suffisante pour le web.
  • les logos fonctionnent mieux quand ils sont horizontaux. Les images verticales sont recadrées horizontalement par le site, sur la page d’accueil notamment.

Quand vous avez fini d’écrire et de mettre en page votre article, vous l’enregistrez. Ensuite, allez en haut à gauche du titre de votre article. Dans le formulaire "Logo de l’article", cliquez sur "parcourir" et pointez vers l’image sur votre ordinateur.

C’est fini pour le logo !

L’image

  • L’image sur Marseille Infos Autonomes, c’est ce qui va apparaitre dans le corps du texte. Pour rendre plus lisible le contenu de votre texte ou l’enrichir d’une autre information.
    L’image n’apparait que quand le lecteur est sur la page article. Elle est destinée à une personne qui est déjà intéressé par cet article.
    Voici un exemple d’image

Ajouter une image
Vous pouvez ajouter des images à votre article, c’est même mieux :

  • une image de format 1900 par 1080 pixels est de qualité bien suffisante pour une diffusion web. Le temps de chargement sera plus court et vous soulagerez les serveurs de Paris-luttes.info (une image ne devrait pas peser plus de 2 Mo, si ce n’est pas le cas, c’est mieux de réduire un peu sa taille ou de la compresser davantage s’il s’agit d’un jpg).
  • pour ajouter une image ou document, allez en bas de votre article et cliquez sur Ajouter un document. Allez ensuite chercher votre image dans votre ordinateur en cliquent sur Parcourir, puis appuyez sur ouvrir, ensuite vous pourrez cliquer sur "téléverser", qui est un nom bizarre pour dire qu’il est en fait téléchargé sur le site.
    L’image ajoutée apparait en bas de votre article. Vous pouvez la glisser dans le portfolio en cliquant sur Déposer dans le portfolio.
  • Pour intégrer l’image à votre article il faut cliquer sur Modifier cet article en haut à gauche de votre article.

    Votre image apparaît dans la colonne à gauche de votre article. Pour intégrer votre image à l’article, il vous faut placer votre curseur là ou voulez mettre l’image, cliquer et choisir entre "left" (gauche) "center" (centré) et "right" (droite). Pour confirmer, double cliquer sur l’une de ces courtes balises sous votre image.
    Pour un affichage adapté à tout les supports (écrans, tablettes, mobiles) il est préférable de choisir la balise "docXXX|center"

Ajouter une légende à vos photos

Pour ajouter une légende à la photo il faut aller dans l’espace "modifier".
Une fois dans cet espace il suffit d’écrire la légende que vous souhaitez apposer à votre photo dans l’espace "Titre". Vous enregistrez la modification et vous avez terminé.
Au même titre que vous sourcez un lien ou une information, il peut être correcte de citer l’auteur de l’image que vous avez choisi.

N’oubliez pas d’aller dans "Prévisualiser" pour vérifier que votre article est bien lisible.

A lire aussi...