Comment Insérer des images dans un article wordpress ?


image photaographe graffiti miniAjouter des photos et des images à vos articles WordPress est quelque chose de facile à faire et qui donnera un visuel plus agréable et aéré aux articles de votre blog. En plus, avec les nouvelles versions de WordPress (ce tutoriel utilise wordpress 3.3), l’insertion de fichiers multimédias devient de plus en plus simplifiée.

Voici ce que nous allons voir ensemble :

            • Comment bien paramétrer la taille de vos images.
            • Comment ajouter une image stockée sur votre ordinateur.
            • Comment insérer une photo trouvée sur le web.
            • Comment insérer une image présente dans votre bibliothèque wordpress.
            • Comment insérer une galerie photo

Lorsque vous êtes en train de rédiger un nouvel article, il y a une icône située entre le titre et le corps de votre article qui vous permet d’insérer une ou plusieurs images.

 

icône insérer une image à votre article wordpress

 

 

A savoir : les images vont s’insérer à l’endroit où se trouve votre curseur. Veillez donc bien à placer celui-ci à l’endroit de votre article où vous souhaitez voir apparaître vos photos.

1 – Comment paramétrer la taille de vos images ?

 

 

Lorsque vous ajoutez des photos à vos articles wordpress, 4 tailles d’images vous sont proposées par défaut :

  • Miniature (150 x 150)
  • Moyenne (300 x 300)
  • Large (1024 x 1024)
  • Taille originale

 

Ces dimensions sont mises par défaut sur chaque installation wordpress mais ne correspondent pas forcément à la largeur de votre blog et il est préférable de passer 3 minutes à paramétrer ces valeurs plutôt que de perdre du temps à la rédaction de chaque article.

 

Pour modifier les dimensions par défaut des photos, rendez-vous sur la colonne de gauche de votre tableau de bord et allez dans Réglages puis Médias

 

réglages des médias wordpress

 

Vous arrivez sur une page qui vous donne la possibilité de donner vos propres valeurs pour chaque style image.

 

personnaliser taille images wordpress

 

Une fois terminé, n’oubliez pas de cliquer sur Enregistrer les modifications.

 

2 – Comment ajouter une image stockée sur votre ordinateur ?

 

Pour insérer une image à votre article, allez sur Envoyer/insérer   et choisissez Ajouter un média depuis votre ordinateur.

 

ajouter un média depuis votre ordinateur

 

Depuis wordpress 3.3, vous avez 2 manières d’insérer vos photos. Soit par la technique traditionnelle où vous recherchez le fichier sur votre ordinateur en cliquant sur la touche Parcourir soit grâce à la fonction du glisser / déposer (drag & drop) qui consiste à glisser les photos avec votre souris directement de votre dossier à la zone entre les pointillés de votre blog.

 

insérer plusieurs images par glisser déposer

 

Choisissez ensuite la taille voulue et insérez votre image dans votre article.

 

 3 – Comment ajouter une photo trouvée sur le web ?

Pour insérer une photo que vous avez trouvée sur le web, la seule dont vous avez besoin, c’est l’adresse URL de la photo que vous allez devoir coller sur votre blog wordpress.

Lorsque vous trouvez la photo qui vous intéresse, faites un clic droit dessus et cliquez sur “afficher l’image

comment afficher l'adresse d'une image

 

Lorsque l’affichage s’affiche seule, copiez l’adresse URL de celle-ci.

 

adresse url image

Cliquez ensuite sur envoyer/Insérer - – et cliquez sur “Depuis le web“.

Collez l’adresse URL de la photo et donnez lui une description et une légende (Facultatif).

Définissez son alignement et insérez ensuite la photo dans l’article

ajouter une photo depuis le web

4 – Comment insérer une image de votre bibliothèque ?

 

Toutes les images que vous avez enregistrées sur votre blog, que vous les ayez diffusées ou non, sont accessibles et utilisables depuis votre bibliothèque.

Vous pouvez rechercher l’image souhaitée en cliquant sur   et ensuite sur bibliothèque.

insérer photo depuis bibliotheque

 

Recherchez l’image souhaitée et insérez là à votre article.

 

5 – Comment ajouter une galerie photo à votre article ?

 

Toutes les photos que vous insérez lors de la création d’un article se retrouvent dans ce que l’on appelle “galerie“.

Vous avez la possibilité de toutes les insérer en une fois à raison de 2 à 5 par ligne (cela dépend du thème que vous utilisez et de la taille des vignettes)

Vous les retrouvez en allant sur Envoyer/insérer() et ensuite sur galerie.

Dans le bas de la page, vous avez les réglages de galerie. Définissez les et cliquez ensuite sur insérer une galerie.

 

insérer galerie wordpress

 

Laissez un commentaire avec vos impressions ci-dessous, ça permettra de faire mieux à l’avenir !

 

Recherches associées :

 
Ecrit le by Fabrice dans bases, Catégories, Les bases

7 Vos avis Comment Insérer des images dans un article wordpress ?

  1. Lagoya de star sans maquillage

    Bonjour,

    Bravo pour cet article clair et simple à comprendre.
    Il ne faut pas oublier de bien compresser ses images avant de les insérer dans un article pour qu’elle apparaissent rapidement.

    Lagoya

  2. Lus de Imprimer des photos

    Salut, j’utilise wordpress depuis pas mal de temps et je ne savais même pas qu’il y avait autant de paramètres pour l’insertion d’image. Ce tuto est vraiment bien détaillé et donne de bons conseils, merci pour ce fabuleux travail.

  3. Le mentaliste Paris

    Je souhaiterai afficher toutes les images d’un répertoire qui est stocké sous un autre site hébergé chez Free.

    Y a t’il une fonction ou une extension pour signaler l’adresse du dossier, que ce dossier se comporte comme une galerie et s’affiche avec quelque chose comme Nextgen et Lightbox

    Merci beaucoup de votre aide.

    • Fabrice Adams de plugin wordpress

      Bonjour Lus,

      Lorsque tu importes des images sur wordpress, tu peux mettre un lien externe pour chacune d’elle.
      Maintenant, pour importer un dossier externe entier dans une galerie wordpress, je n’ai pas encore trouvé de solution mais si je trouve qqch je vous tiens au courant.

      Cordialement

      Fabrice

  4. Belleton Frédéric

    Merci pour cet article.
    Mais quand on insère une image, tout texte autour se colle sur elle. Il faudrait une bordure transparente. Comment faire (sans taper du HTML) ?

  5. Fabrice de tuto wordpress

    Bonjour Frédéric,

    Il existe bien une astuce pour mettre une bordure voici la procédure :

    Après avoir inséré l’image dans votre blog à l’endroit voulu, clique une fois sur celle-ci.
    2 icônes apparaissent en haut à gauche dans l’image.
    Clique sur modifier image (icône de gauche)
    Clique ensuite sur options avancées (en haut)
    Choisis maintenant les valeurs qui conviennent dans les propriétés de l’image
    Mets à jour et ça devrait être bon.

    Fabrice

  6. darknote

    bravo pour ce tuto,cela a du prendre du temps pour le faire,bien pratique.
    il faut préciser d’une image ne doit pas avoir d’espace mais des – ou _ entre chaque mots et qu’il ne faut pas mettre d’accent car ils seront remplacé par des caractères spéciaux,ce qui empêche le bon référencement des images,il ne faut pas oublier de remplir texte alternatif (alt) très important pour le référencement.

Ajouter un commentaire

IMPORTANT! Répondez au calcul ci dessous avant de valider !!! (Sécurité anti Spam)

Question : 12 + 14 ?
Please leave these two fields as-is:

Ce site utilise KeywordLuv. Entrez YourName@YourKeywords