Insérer des images et vidéos dans un billet WordPress

<< Index des tutos WordPress
< 8 – Tutoriel WordPress : écrire pour WordPress


Pour égayer un peu la présentation de ses billets, ou si vous faites un blog photo, ou vidéo, alors ne vous inquiétez pas : il est assez simple d’insérer des images et des vidéos dans un billet avec WordPress.

crédit photo

Voyons ensemble comment insérer une image présente sur son ordinateur, ou sur un autre site internet, comment la redimensionner, ou encore comment insérer une vidéo Youtube, à vous de jouer ➡

Get the Flash Player to see this content.

10 – Tutoriel WordPress : comprendre et gérer les pages >

Twitter Digg Delicious Stumbleupon Technorati Facebook Email

100 commentaires pour “Insérer des images et vidéos dans un billet WordPress”

  1. Bonjour,

    C’est ce qu’on peut appeler un tuto parfait.
    Génial pour prendre en main wordpress de façon simple.

    Félicitations

  2. Superbe!
    Tout y est, le contenu et la forme…

    Bravo

  3. Hello! Merci pour cette video très pratique et très claire. J’en ferai bon usage 😉

  4. Comment mettre des vidéos perso ?Comme ici,quel plugin ? Merci !!

    • Bonjour Bastien,
      Tout d’abord merci pour ton site, je suis accro !

      D’autre part je voudrais mettre mes propres vidéos sur mon blog WP. J’ai téléchargé le plugin flash video player et pour encoder WinFF tel que décrit dans le lien que tu donnes.

      WinFF n’a pas fonctionné, j’ai eu des messages d’erreur lorsque j’ai voulu tester en utilisant (pour commencer) les exemples vidéos fournis dans Vista (ours, papillon etc…).

      Je voudrais, comme toi, intégrer un beau player au lieu d’avoir le lien comme ça se passe lorsqu’on sélectionne médias > vidéos dans notre tableau de bord WP pour mettre en ligne nos propres vidéos.
      Suis-je obliger d’acheter Flash ?

      J’ai aussi testé le plugin Cincopa dans WP.
      Lorsqu’on clique sur «vidéo» sur la page d’accueil on tombe sur une page d’erreur…

      Aide-moi stp.

    • Bonjour Sebastien
      je ne comprend pas ta reponse que signifie flash video player ou encore flv?
      j aimerai egalement mettre des videos perso, je pensais me faire un compte sur youtube et transvaser ensuite sur word press mais c est tres long.

      Si tu as une solution ou un tuto sur comment mettre ses videos perso sur word press?

      merci d avance

  5. Bonjour

    je vous remercie pour les tutoriels de wordpress ce sont tres claires et tres bien expliqués

    mais moi personnellement j’attend la suite des vidéos pour pouvoir achever mon blog

    have a look

    http://buzz.madissoncustomerleadership.tv/

  6. Trés trés bon tutoriel un grand bravo !

  7. super, merci ! Surtout, pour les vidéos, je ne m’étais jamais penchée sur le « problème »

  8. Les tutoriaux sont clairs et précis. Par contre, je n’arrive jamais à faire exactement pareil. Lorsque j’insère une image via mon pc, l’image n’apparaît pas. (J’utilise bien des jpg ou png) Par contre lorsque je crée un lien celui-ci s’affiche convenablement.
    Si quelqu’un a une idée du problème, j’en serai reconnaissant.
    cdt 🙂

  9. J’ai exactement le même souci. Les images uploadées à partir du disque dur ne s’affichent pas.
    Les forums conseillent
    1) de faire un CHMOD777 – je ne sais pas ce que c’est? L’auteur de videonoob peut-il nous aider?
    2) de créer sur son site un répertoire spéicifique (disons …\image\), d’y placer les images et de faire un lien. Cette solution est quand même casse-pieds!

  10. PS. CHMOD777 sont les attributs des dossiers que l’on affecte au moyen d’un clique droit dans le client de FTP. Mais Free n’accepte pas que l’on modifie l’attribut de sorte que tout le monde puisse lire le contenu. Bref, aucun moyen d’afficher des images.
    HELP!

  11. C’est limpide ! merci!!

  12. Bonjour et merci pour les tutos clairs et précis 🙂
    Pour les images chargées à partir du disque dur de mon PC j’ai le même problème que CapitaineFlème et RCamus mais j’ai trouvé l’origine:
    WP les charge dans un dossier WP-Content/2009/12/trucmuche.jpeg
    MAIS le lien est WP-Content/upload/2009/12/trucmuche.jpeg
    il y a donc le sous répertoire upload qui n’existe pas.
    Je l’ai supprimé dans le coté html mais c’est un peu fastidieux! 😕

  13. @Christian
    Oui, j’ai vu cela aussi. De mon côté, j’ai simplement abandonné l’hébergement via WordPress, ce qui n’est pas une solution, donc je n’en ai pas parlé. Je me demande si la dernière mise à jour de WordPress ne règlerait pas ce bug, mais je n’ose pas la faire, ignorant si le thème que j’ai choisi est compatible…

  14. Votre vidéo est PARFAIT ! Je vous félicite. Je savais déjà comment insérer une photo mais j’essayais de créer un lien directement de la photo plutôt que par l’icône de lien. Maintenant mon problème est que mes photos apparaissent en une seule colonne. Je ne peux insérer des photos côte à côte.

    Merci de m’éclairer si vous avez la solution.

    Johanne Bérard
    Propriétaire LA CHICPATTE.COM

  15. Bonjour

    comme promis je vous fait part de mon problème en commentaire

    Je suis récemment passé à la derniere version de wordpress, mais je n’arrive pas à télécharger des images. un dossier temporaire est manquant m’indique wodpress…

    or je ne sais quoi faire, j’ai été sur tous les forums, wordpress et mon hébergeur, et je en trouve pas la solution.

    Avez-vous un idée?

    Je vous remercie d’avance

  16. @stéphane : les droits, avec filezilla : 755 sur wp-content en récursif

  17. jai testé le changement de permission
    sans réussite
    je suis chez nfrance

    il semblerait que ce soit un souci au niveau du htaccess
    car je l’ai supprimé et ça marche
    mais j’ai des messages de fatal error dans les blocs dans le tableau de bord (par exemple dans le bloc plugins ou liens entrant…)

  18. petit précision pour les plugins lightbox,fancybox,etc… pour qu’ils fonctionnent correctement,il faut que la ligne « cible du lien » soit remplit.

  19. Merci pour se tuto

  20. vraiment clair comme tuto, merci!

  21. Très bien foutue cette vidéo, sympa!
    Claire et simple.
    Je cherche le moyen de transférer mon blog hébergé par over-blog sur wordpress, je ne sais pas comment faire!
    Et en plus, j’ai ahceté le nom de domain via over-blog, j’aurais aimé le récupérer…
    Si vous aviez une petite idée là-dessus ça serait super.

  22. Génial. Merci Mec. Bonne continuation.

    • Hello, moi j’ai un sérieux problème lorsque je veux ajouter une image, lorsque je clique sur envoyer, je reçois le message suivant : Impossible de créer le dossier /home/www/4eec92bc9a327e23cb0ab4acd5bde9f5/web/wordpress/wp-content/uploads/2010/05. Son dossier parent est-il accessible en écriture par le serveur ?

      Et impossible d’ajouter une image.
      Quelqu’un aurait-il la solution ?
      J’ai pensé qu’il falait créer un sous-répertoire uploads sous wp-contents avec les propriétés en écriture. Mais non, rien ne marche….
      Help me, please !!!

  23. on peut insérer une vidéo en se servant du plugin « vipers video quicktags »

  24. super pour cette explication on ne peut plus claire en images et merci à toi pour ta pédagogie simple et bien adaptée à la novice que je suis…

  25. Je cherche aussi à mettre des vidéos perso sur mon site directement avec un player. Quelles sont les solutions existantes?

  26. bonjour
    après avoir visionné des heures de « comment faire son blog en 5 minutes »
    tes tuto sont vraiment
    j ai moi aussi une question et même plusieurs ou se trouve ton forum ???
    je sais c est stupide mais je le vois pas
    d avance merci

  27. Excellent et bravo pour les tuto !

  28. Très bon tuto, par contre comment faire pour que les visiteurs puissent avancer une vidéo sans que cela recommence a zéro systèmatiquement…

    j’ai Stream Video Player comme plugin, jw player5.0 et a chaque fois que je souhaite avancer la vidéo même si elle est chargé, elle se met a zéro.

    merci de ton aide.

  29. Super tuto encore une fois merci !!!

  30. Salut bastien et merci pour les cours, ça aide bien !
    En revanche pour ce qui est de l’insert viedo, j’ai un souci.
    En effet avec une video youtube ca fonction…mais quand la vidéo vient d’ailleur (ni youtube, ni daily, ni googlevideo) ça ne fonctionne pas. Un grand carré blanc s’affiche à la place de la video !
    Aurais-tu une explication et encore mieux une aide à me fournir?!

    Merci

  31. C’est sympa… merci Bastien pour ce tutoriel !

  32. Bonsoir,

    Super , avec toutes ses informations je pense pouvoir m’ en sortir.
    Merci.
    Jacques

  33. Explication claire.
    Je cherchais à savoir comment on doit faire pour mettre une vidéo personnelle à partir de son PC et non pas une vidéo Youtube.
    Bravo…. même si je n’ai pas trouvé la réponse à ma question.
    MK

  34. Salut très bon tuto, pour ce qui est d’installer les images pas de souci j’avais trouvé tout seul.
    Par contre l’image inséré dans l’article n’apparait plus lorsque je vais lire ce même article dans la catégorie qui lui est associé.
    Et ça c’est embêtant car je souhaite classer mes articles dans plusieurs catégorie.

  35. Tout à fait extraordinaire. Merci beaucoup. C’est très bien expliqué et votre voix est très agréable et posée.
    Je ne savais pas que vous existiez. À force de chercher sur google j’ai fini par vous trouver.
    Au plaisir de vous relire.
    p.s. comment faire pour mettre une photo à coté de mon commentaire ?

  36. Je voudrais savoir s’il est possible avec WP de faire en sorte que la légende d’une photo dans une galerie ou dans un billet apparaisse avec le pointeur.Si oui comment faut-il s’y prendre pour aboutir à ce résultat?
    Merci à qui voudra bien me répondre
    Très cordialement

  37. Bonjour,

    Lorsque j’essaie d’insérer une image dans un article j’ai un message un message d’erreur:

    « Voulez-vous vraiment faire cela ? Merci de réessayer »

    Pourriez-vous me dire comment corriger ce problème svp?

    Merci d’avance!

  38. bonjour
    génial les tutos ! j’y connais rien et j’y arrive… enfin presque
    dans un thème comme Twenty Ten 1.2 je souhaite modifier la colonne de droite ou se trouvent les widgets et y inclure un « menu » différent de celui de la 1ere page (heu j’appelle ça un menu mais je ne suis pas sûre….bonjour la débutante…) sauf que j’arrive à mettre toujours les mêmes choses ! je ne peux ni en ajouter, ni en supprimer.
    est ce mon thème qui ne va pas ? (mais je ne suis pas plus douée d’autres themes
    bref
    en dehors du contenu de mes pages, les colonnes à droite sont toutes identiques…

    merci d’avance

  39. slt a toi videonoob je suis un tutorialmakers grace a toi jai plus fair un site web merci

  40. Bonjour,

    CHAPEAU pour ce superbe blog et tous les tutoriels mis à notre disposition. Ils sont géniaux! Pour la pédagogie,
    je vous trouve très bon surtout pour des débutants désireux d’apprendre à créer leurs propres sites.

    Merci pour votre dévouement et vos mots d’encouragement.

    Nanou

  41. Bonjour
    Très explicite la vidéo,
    Es –t-il possible d’ajouter plusieurs images en une seule fois ?
    Je cherche à publier une galerie d’image et avoir une gestion très simplifiée.
    Bonne journée.

  42. Un tutoriel parfait, bravo et merci.
    Les commentaires ont le mérite d’être clair et à la porté de tout le monde.

  43. Le jour se lève à peine, je suis déjà debout et je viens de regarder plusieurs tutoriels en vidéo que vous avez réalisé.
    Merci beaucoup pour la clarté et une voix pleine de vie qui dédramatise grandement ces premiers instants de créations de blog.
    Voilà le soleil est maintenant bien là, après le tutoriel, une pause au marché et au retour, première mise en pratique.
    Merci Bastien.

  44. WOAW alors ça ce sont des explications bien claires! C’est un plaisir de suivre tes tutoriels, je reçois ici toutes les informations dont j’ai besoin et tu réponds à toutes les questions que je me posais! Un tout grand merci pour ce partage très utile!

  45. Bonjour ! super tutoriel, merci !
    Et est-ce qu’il y a une technique pour mettre une vidéo RuTube sur un blog wordpress.com ?
    merci d’avance !

  46. Salut , merci beaucoup
    un beau tuto bien expliqué net et précis!
    je fait tout pas a pas comme un élève bien attentif

    je viens de découvrir wordpress je suis tombé fan !

  47. bonjour, bravo et merci sur ce partage tres precis et instructif
    j’ai une question, peut-on faire un lien sur des fichiers pdf, ppt, diaporama créés par ailleurs
    je n’ai trouvé que le lien vers un site ou une page de site ,
    ceci me permettra de transferer mes sites sous dreamweaver dépassé et trop lourd sur wordpress
    ex http://guy-lassausaie.com
    http://acdrieg.com sous acapella
    http://chasselay-musee.com
    http://chasselay-deviation.com

    merci pour ton aide
    jc retraité 70 berges

  48. GEEK ON. Ce tuto date un peu mais tu vois, tu viens de m’empêcher de me suicider avec une carotte ! Merci beaucoup : je n’arrivais pas à mettre de vidéo et tu es venu révolutionner ma vie de blogueuse. Geek OFF

    Merci encore ! T’es mon sauveur :p

  49. Bravo pour tous les tutos videonoob bien plus efficaces que tous les tutos classiques sous forme de texte.
    Débutant avec WordPress, je gagne énormément de temps pour construire le site/blog de mon association de sportifs du 3° âge.
    Continuez !
    papysport

  50. Salut, vraiment géniales tes vidéos, simples et efficaces!
    Bravo et bonne continuation!
    Emmanuel.

  51. Salut Bastien,
    Vraiment très sympa de ta part de faire profiter tout le monde de tes tutoriels. Sans ton aide, je ne me serai jamais lancé dans la création de mon site, jettes-y un oeil si ça te dit.
    Pour l’instant je débute et galère encore un peu mais j’espère visionner toutes tes vidéos et rapidement progresser. Demain j’essaye d’inserer une vidéo depuis youtube.
    Encore mille mercis !!!
    Chérif

  52. Bonsoir Bastien,

    Vraiment clair et instructif ton tutoriel, toutefois j’ai encore quelques questions (comme tu as l’air de vraiment toucher), j’utilise wordpress pour le site internet de mon école (et c’est vraiment tout tout nouveau), du coup mes élèves écrivent bien évidemment des billets et depuis peu j’ai mis des vidéos, mais je trouve dommage qu’il faille les compresser un maximum pour ne pas excéder une capacité de 8 Mo. Dis moi, y aurait il un moyen de contourner cela en passant par un site d’hébergement? J’avais pensé à you tube, mais je ne sais pas si je suis autorisée à le faire ou du moins est ce conseillé…
    Autre question, lors de ton tutoriel sur l’insertion de média, tu navigues à un moment donné sur you tube et tu copies colles le code html. Peut être ne suis je pas très douée, mais impossible de le trouver… Peux tu m’éclairer?
    Autre question, je vois que pour écrire un billet, tu te mets en html, on ne peut pas rester en mode « visuel »?
    Et enfin, tu énonces les droits d’auteur, tu as parlé dans ton tutoriel d’une licence particulière, qu’en est il des autres? Devons nous systématiquement solliciter leurs auteurs? Si la photo est très vieille n’y a t il pas une sorte de « prescription »?

    Bon, si tu réussis à répondre à toutes mes questions ce serait vraiment sympathique de ta part, et si tu ne peux pas, merci quand même pour le tutoriel 🙂

  53. Très bien expliqué, merci.

  54. Je découvre avec plaisir et intérêt ton site. Tes vidéos sont très simples et claires, compréhensibles même pour le parfait débutant que je suis. Aussi je ne manquerai pas de te faire signe quand mon blog sera en ligne, parce que tu contribue largement à son élaboration.
    D’ici là, continue, les noobs ont besoin d’aide!!!

  55. trop bien le tuto

  56. Génial ce tuto, simple et efficace.
    Du bon travail.

  57. Merci merci et encore merci, c’est clair, c’est exactement ce qu’il me fallait pour égayer mon blog 😉

  58. Bon ok je pourrais te congratuler pour tes tuto sauf que moi je voudrais savoir comment insérer MES videos directement depuis MON ordinateur….
    Parce que depuis les plateforme Yt DM et autres j’ai pas envie.

    Voila si TU as la réponse et/ou si quelqu’un a la réponse Merci d’avance !!!
    Je precise toutefois que je recherche une soluce gratos et pas un lien qui m’oblige a casser ma tirelire, Merci encore

  59. salut!
    juste une question: concernant les vidéos dans les articles, tu vas choper le code html directement sur youtube sur la page de la vidéo (dans la vidéo 9), mais moi quand je vais voir une vidéo youtube, je n’ai pas accès à ce code (ou alors il n’est pas là où toi tu le prends). Pourrais-tu me donner un moyen de récupérer le code html d’une video stp ? merci 🙂
    PS: et merci pour cette tuto!!

  60. Salut,
    Merci beaucoup pour ce tuto très claire et facile sur WordPress

  61. Merci pour tes tutos ! Ils sont très pratiques 🙂

  62. Bonjour,
    Je n’arrive pas à installer une vidéo d’introduction sur wordpress, celle ci apparaitrait en premier quand une personne cliquera sur le site. Pouvez vous m’aider?
    Merci

  63. Excellente vidéo ! merci pour ce tutoriel ! ça fait un moment que je cherchais comment mettre des vidéos sur mon blog et je dois dire que tu es le meilleur pour les explications.

    merci et bravo!

    Noëlle

  64. tout allait bien jusqu’à ce point, et là, la tuile :
    le fichier X « n’a pas pu être mis en ligne suite à une erreur
    Un dossier temporaire est manquant. »
    j’ai cherché sur le web mais aucune solution n’a marché.
    Au secours vidéo noob!

  65. Merci pour cette vidéo ! Ca fait deux jours que j’ai chercher toutes les solutions possibles et inimaginable pour mettre une vidéo sur une page et ca ne marchait JAMAIS !
    Grâce à toi c’est nickel !
    Merci

  66. Finding the Right Immigration Solicitor?[…]below youl find the link to some sites that we think you should visit[…]?

  67. Bonjour,

    Pouvez vous me dire si il est possible et simpleme, de mettre des petites photos avec un texte sur le coté de ma page d’accueil, style portfolio sauf qu’avec un portfolio il n’est pas possible de mettre du textes sur le coté des photos.

    Merci de votre aide

  68. Salut,
    Merci pour ce tuto, qui date un peu il est vrai 🙂

    Bonne année 2016 (en avance) à tous ! 😉

  69. bonjour,
    merci pour ce tuto mais j’ai encore un problème … J’essaye de mettre en ligne sur mon blog une vidéo que j ai sur mon ordi. Cette vidéo est en mp4. Quand je veux l’insérer je fais comme pour une photo, sauf que quand je parcours mon ordi je ne trouve plus la vidéo. Et quand je la glisse dessus il apparat une erreur … Je trouve pas comment faire. Est ce que tu as une idée ?
    merci d’avance
    Lisa

Rétroliens/Pings

  1. Wordpress de A à Z | Inf1nity - 7 avril 2009

    […] Gestion des médias : insertion d’images et de vidéos […]

  2. Tutoriels WordPress « FrédiLuX - 7 octobre 2009

    […] Insérer des photos ou des vidéos […]

  3. Quelques tutoriels pour comprendre et utiliser Wordpress « Le blog de la communauté RH du Groupe Bayard - 6 novembre 2009

    […] Insérer des images et vidéos en vidéo […]

  4. Comment utiliser Wordpress - 2 décembre 2009

    […] Insérer des images et des vidéos dans un article […]

  5. COM2590 – Blogues » Blog Archive » Tutoriels sur Wordpress (en français) - 11 janvier 2010

    […] Insérer des images ou des vidéos dans vos articles […]

  6. Atelier de design interactif » Blog Archive » Tutoriels vidéo WordPress - 24 janvier 2010

    […] http://videonoob.fr/9-tutoriel-wordpress-gestion-des-medias-images-et-videos.html […]

  7. Haute-Savoie » Archives du Blog » Bowling “Le Bowl” – Annecy - 12 mars 2010

    […] fdsqsdf […]

  8. Comment ajouter un article ??? « Famille Bonaz - 27 mars 2010

    […] Créer un article […]

  9. Vidéos de prise en main | µ-support pour µ-communauté - 15 février 2011

    […] insérer des images ou des vidéos. […]

  10. Formation WordPress : Prenez le contrôle ! | Création de sites internet - 16 février 2011

    […] Ajouter des photos et des vidéos […]

  11. Commen créer un joli article | Support pédagogique pour Wordpress - 23 janvier 2012

    […] http://videonoob.fr/wordpress/inserer-images-videos […]

  12. Comment insérer des images et des vidéos dans un article WordPress | Support pédagogique pour Wordpress - 15 février 2012

    […] http://videonoob.fr/wordpress/inserer-images-videos […]

  13. sebastien - 21 février 2012

    Insérer des images et vidéos dans un billet WordPress : http://t.co/MYQNsejS

  14. 01. Introduction et Ressources d’apprentissage | Web Professionnel - 29 mai 2012

    […] Gestion des médias : insertion d’images et de vidéos […]

  15. FreelanceWP.com - 29 juin 2012

    Insérer des images et vidéos dans un billet WordPress | VidéoNoob http://t.co/PG03LNjg

  16. Un grand merci ! | gustovino - 29 juin 2012

    […] Insérer des images dans WordPress […]

  17. Bien gérer ses images sur son site web wordpressles abeilles du net - 28 avril 2013

    […] vidéonoob : Insérer des images et vidéos dans un billet WordPress […]

  18. Comment écrire un article | Les Soeurs CouleurCafé - 15 décembre 2013

    […] Ah et regarde aussi ce vidéo, il te sera utile pour enrichir le contenu de tes articles : http://videonoob.fr/wordpress/inserer-images-videos […]

  19. Comment écrire un article | Les Soeurs CouleurCafé - 15 décembre 2013

    […] http://videonoob.fr/wordpress/inserer-images-videos […]

  20. Rédiger un article | Outils de communication 2014 - 11 mars 2014

    […] http://videonoob.fr/wordpress/inserer-images-videos […]

  21. Exemple lien et vidéo dans les articles | Ecole communale de Comblain-au-Pont - Oneux - Poulseur - 26 août 2014

    […] WordPress insérer des images et vidéos dans les articles et les pages… […]

  22. Insérer des images et vidéos dans un billet WordPress | VidéoNoob | Section ski Taninges - 24 octobre 2014

    […] viaInsérer des images et vidéos dans un billet WordPress | VidéoNoob. […]

  23. Je me prends au JE… | stephanebalas - 7 novembre 2014

    […] que je ne fréquente guère d’habitude. Elle m’autorise par exemple à trouver un petit tutoriel pour insérer des images et des vidéos sur mes billets. Et ça marche […]

  24. [Greenlab UPMC] Formation Gantt, Blogging & Licences — ZONE-AH! - 28 décembre 2015

    […] Tutoriels wordpress (écrire un billet et insérer des images et vidéos) […]

  25. L'Atelier VersoCulture - 17 avril 2016

    […] http://videonoob.fr/wordpress/inserer-images-videos […]

Répondre