Photos dans un article

Détails

Catégorie : Tutoriels

Écrit par Yves Le BRIQUER

Publier une photo dans un article est relativement facile mais il faut savoir qu'une photo normale affiche plus de 3500 pixels dans sa plus grande dimension ce qui est trop important pour un écran normal d'ordinateur  . Le téléchargement est aussi beaucoup plus long

Il est , en conséquence , nécessaire de réduire la photo à une dimension ne dépassant pas 1000  pixels dans sa plus grande largeur .

Pour ce faire vous devez  disposer d'un logiciel de retouches de photo .

Je vous conseille THE GIMP qui est un logiciel gratuit aussi puissant que PHOTOSHOP

https://www.gimp.org/

Cliquez sur Download

Comme votre OS est certainement Windows , cliquez sur Microsoft Windows pour télécharger et enregistrer le logiciel puis installer-le .

The Gimp étant maintenant sur votre ordinateur

2 solutions pour débuter le travail sur votre Photo :

1ére solution

Clic droit sur la photo et choisir "ouvrir avec Gimp"

2éme solution lancer GIMP

En haut à gauche (attention sur certaines distributions la ligne de commande n'est visible que lorsque le curseur est sur cette ligne) ,cliquez sur "Fichiers" puis "ouvrir" et allez chercher votre photo sur votre ordinateur et cliquez sur la photo puis sur "ouvrir" en bas de la nouvelle fenêtre  .

Maintenant que votre photo est bien ouverte dans GIMP cliquez sur "Image "

                        ------------------>

Puis sur "echelle et taille de l'image"  la fenêtre suivante s'ouvre et il vous suffit de taper la grandeur souhaitée soit par exemple ici 1000 dans largeur et de cliquer sur "echelle"

Votre photo  est maintenant à la bonne taille et vous pouvez revenir à "fichier" et choisir :

1) "écraser " la photo initiale , Vous perdez alors celle-ci

2)  ou "exporter" en renommant la photo .

       Nommer ou renommer vos photos toujours sous la même forme . Je vous conseille le format AN_MOIS_intitulé (16_04_ma_bobine) .

        Pas d'espace , ni de caractéres spéciaux (accents entre autres) ,  n'utilisez que des minuscules pour un meilleur classement alpha

3) Toutes les photos doivent être conservées dans le dossier "STORIES" et votre  sous dossier "personnel"( votre nom ou votre prénom) (me demander comment créer un dossier si vous ne savez pas le faire )

INSÉRER MA PHOTO DANS L'ARTICLE

2 méthodes possibles

1-Méthode préconisée

Télécharger votre photo dans votre dossier pour celà fermer votre article (si vous avez déjà commencer son écriture):

    - cliquez sur "Contenu" puis "gestion des Médias"

    -ouvrir  "Stories"

   - ouvrir "dossier personnel" example ci- dessous le dossier "stephane"

cliquez sur "parcourir" pour trouver la photo sur  votre ordinateur , puis "démarrez l'envoi" ensuite attendez que votre photo soit téléchargée.

Attention si vous avez de nombreuses photos dans votre dossier ne "démarrez pas l'envoi " avant que toutes les photos préexistantes soit visibles

 Revenez maintenant à votre article

1) Mettre le curseur à l'endroit ou vous voulez voir votre photo

          2) cliquez sur l'icone "insérer une image"

1)Cherchez votre dossier dans les 2 colonnes de gauche .

Tout d'abord le dossier "Stories"(1ere colonne) que vous devez ouvrir ,

puis votre "sous-dossier"(2éme colonne)

Choississez la photo , (celle ci apparaît en gras) puis "insérez"

Dans l'exemple ci-dessus la photo a insérer a comme dimensions:  1000 *562 , si vous pensez qu'elle va apparaitre trop grande vous pouvez modifier

Cliquez sur "dimension"

dans la case "1000" vous mettez une valeur plus petite exemple 400.

Un "zoom" en " Pop Up" (voir plus loin) permettra de retrouver la taille initiale .

 2éme Méthode

Vous avez commençé votre article et la photo que vous voulez insérer n'est pas dans votre dossier

1) Mettez votre curseur à l'endroit ou vous voulez voir votre photo

2)Cliquez sur l'icône "insérer une photo"

  Cliquez sur "ENVOYER"

Cherchez votre dossier dans les 2 colonnes de gauche .

Tout d'abord le dossier "Stories" que vous devez ouvrir ,

puis votre "sous-dossier"

Comme précédemment

Cliquez sur "explorer"pour chercher la photo sur votre ordinateur

 puis cliquez sur "Envoyer"

Votre photo est maintenant  dans votre dossier :

 Votre photo apparaît en GRAS et affichée en miniature en bas et à gauche

5) dans la partie haute de cette nouvelle fenêtre vous avez deux cases "dimensions" ou apparaissent les dimensions exactes de votre photo .

Ici vous devez ici préciser 500 ou 600 dans la première case puis en bas "insérer"

 Votre photo apparaît maintenant dans votre article

il ne vous reste plus qu'à enregistrer (et pas enregistrer/fermer) votre article (et le publier si ce n'est déjà fait)

 CREER une fenêtre "POPUP"

Votre photo faisait au départ 1000  pixels que vous venez de réduire  à 500 vous pouvez la "zoomez" en faisant une opération simple .

1) sur le site vous faites un clic droit sur la photo et vous sélectionnez "copiez l'adresse de l'image"

2) vous revenez dans l'administration ou se trouve encore votre article puisque vous ne l'avez pas fermé

3) dans la partie encerclée de la première image de ce paragraphe vous cliquez sur l'icône  "∞"

Vous avez une nouvelle fenêtre

Dans cette fenêtre  et la case "URL"vous "coller" l'adresse de la photo puis vous cliquez sur l'onglet "popups"

choisissez "jce mediabox" puis  " insérer"

Maintenant votre  article est terminé et vous pouvez  "enregistrer et fermer "

Cette méthode vous permet d'inclure plusieurs photos en recommençant le processus ci-dessus

(Ne pas oublier que le renouvellement du "cache " fait que la publication de votre article et des transformations peut prendre un certain temps pouvant aller jusqu'à 15 Mn)

2- méthode ultra simpliste

lorsque vous écrivez votre article , vous constatez que dans la colonne de droite vous avez un onglet intitulé "images et liens " en cliquant sur cet onglet vous obtenez la fenêtre suivante :

1) Image d'intro

L 'image que vous allez mettre ici vous allez la voir sur la page d'accueil , miniaturisée , à gauche du titre de votre article . Cliquez sur "sélectionner" .

Cliquez sur "stories" puis ouvrez votre dossier

Si la photo n'est pas dans le dossier  cliquez sur "Parcourir" pour chercher l'image sur votre ordinateur puis sur "démarrer l'envoi"

cherchez maintenant l'image dans votre dossier  puis  "Insérer"

     -"Position de l'image " ----> préférez "Aucun"

2) Image de l'article complet

Cette photo apparaitra en en-tête de votre article , dans sa grandeur normale ,

Au départ elle doit donc ne pas être dimensionnée à 1000 px mais entre 400 et 600 Px

     -"position de l'image" ----> toujours mettre "Aucun" pour éviter de voir votre image se trouver à gauche ou à  droite du texte  .

Le gros problème de cette méthode c'est que vous ne voyez vos photos que dans la vue de l'article sur le site . D'autre part vous ne pouvez pas modifiez la présentation de votre photo  . Par contre vous pouvez ajouter une légende .

Il existe une 4 éme méthode , il s'agit d'utiliser "Rokbox "

Vous pouvez l'essayer mais dans l'article,  sur le site , vous ne verrez que la miniature de la photo sur laquelle il faut cliquer pour la voir en grandeur normale .

• < Précédent
• Suivant >