{"id":884,"date":"2017-07-05T08:32:49","date_gmt":"2017-07-05T06:32:49","guid":{"rendered":"http:\/\/www.e-unlimited.be\/creaction\/?p=884"},"modified":"2017-07-07T14:28:40","modified_gmt":"2017-07-07T12:28:40","slug":"tuto-blog-part-3-inserer-des-images","status":"publish","type":"post","link":"https:\/\/www.e-unlimited.be\/creaction\/tuto-blog-part-3-inserer-des-images\/","title":{"rendered":"Tuto Blog: part 3: ins\u00e9rer des images"},"content":{"rendered":"

Coucou, nous voil\u00e0 reparti pour un petit tuto, comment diable mettre des images sur le site et \u00e0 fortiori dans un article?
\nVous vous rappelez sans doute que nous avions cr\u00e9\u00e9 un dossier sur le bureau \u00ab\u00a0article tuto 01\u00a0\u00bb il \u00e9tait l\u00e0 pour y mettre les photos prises lors du Tuto Blog: part 1.
\nAlors la premi\u00e8re chose \u00e0 faire est de t\u00e9l\u00e9charger les images sur le site.<\/p>\n

Pour plus de facilit\u00e9 je mets \u00e0 l’\u00e9cran 2 fen\u00eatres: celle du site et celle du dossier contenant les images \u00e0 t\u00e9l\u00e9charger sur le site.<\/p>\n

\"\"
2 fen\u00eatres \u00e0 l’\u00e9cran<\/figcaption><\/figure>\n

Ensuite, je me mets avec mon curseur \u00e0 l’endroit o\u00f9 je veux ins\u00e9rer une image, et je fais un glisser d\u00e9poser d’une fen\u00eatre \u00e0 l’autre.
\n\"\"la fen\u00eatre se met en bleu et donne un message \u00ab\u00a0D\u00e9posez vos fichiers pour les mettre en ligne \ud83d\ude42
\nD\u00e8s qu’on rel\u00e2che la souris une nouvelle fen\u00eatre s’ouvre, cette derni\u00e8re va nous permettre de param\u00e9trer un peu plus notre image.<\/p>\n

\"\"
ins\u00e9rer un m\u00e9dia<\/figcaption><\/figure>\n
    \n
  1. Votre image est directement s\u00e9lectionn\u00e9e avec un coche dans le coin sup\u00e9rieur droit<\/li>\n
  2. Titre: c’est le titre de l’image, soit vous garder le nom de fichier original, soit vous en mettez un autre plus parlant. (\u00e7a n’a pas une importance transcendentale)<\/li>\n
  3. L\u00e9gende: c’est la petite l\u00e9gende qui va appara\u00eetre en dessous de l’image, soyez cr\u00e9atifs \ud83d\ude42<\/li>\n
  4. Alignement: de fa\u00e7on g\u00e9n\u00e9rale laissez ou mettez sur \u00ab\u00a0Centre\u00a0\u00bb au final c’est plus lisible pour tout le monde<\/li>\n
  5. Taille: si vous avez fait des photos en 512×512 autant laiss\u00e9 la taille originale, par contre si les photos sont nettement plus grande, parcourez le menu d\u00e9roulant pour trouver la taille appropri\u00e9e \u00e0 votre pr\u00e9sentation d’article.<\/li>\n
  6. Ins\u00e9rer dans l’article: lorsque 1, 2, 3, 4, 5 sont corrects cliquez sur ce bouton et hop l’image s’int\u00e9grera dans l’article sans plus de peine.<\/li>\n<\/ol>\n

    Derni\u00e8re chose:
    \nla page d’ent\u00eate du site est faite pour accueillir plusieurs articles et donc c’est plus joli si on a une image d’ent\u00eate pour chaque article.
    \nnous allons cliquer dans le menu \u00e0 droite ici sur \u00ab\u00a0D\u00e9finir l’image mise en avant\u00a0\u00bb<\/p>\n

    \"\"
    d\u00e9finir l’image mise en avant<\/figcaption><\/figure>\n

    une nouvelle fen\u00eatre s’ouvre qui nous am\u00e8ne, en fait \u00e0 l’ensemble de la biblioth\u00e8que:<\/p>\n

    \"\"
    nouvelle fen\u00eatre<\/figcaption><\/figure>\n
      \n
    1. on s\u00e9lectionne une image ou on glisse une nouvelle image dans cette fen\u00eatre, on v\u00e9rifie qu’elle poss\u00e8de une l\u00e9gende (qui n’apparaitra pas en tant qu’image mise en avant mais autant qu’il y en ait une hein)<\/li>\n
    2. on clique sur le bouton bleu \u00ab\u00a0D\u00e9finir l’image mise en avant\u00a0\u00bb<\/li>\n<\/ol>\n

      Et le tour est jou\u00e9, c’est y pas sympa \u00e7a? N’oubliez quand m\u00eame pas d’enregistrer votre brouillon, sinon tout ce que vous avez fait aura disparu.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Coucou, nous voil\u00e0 reparti pour un petit tuto, comment diable mettre des images sur le site et \u00e0 fortiori dans un article? Vous vous rappelez sans doute que nous avions cr\u00e9\u00e9 un dossier sur le bureau \u00ab\u00a0article tuto 01\u00a0\u00bb il \u00e9tait l\u00e0 pour y mettre les photos prises lors du Tuto Blog: part 1. Alors la…<\/p>\n","protected":false},"author":1,"featured_media":905,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-884","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutos"],"_links":{"self":[{"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/posts\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":6,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/posts\/884\/revisions"}],"predecessor-version":[{"id":911,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/posts\/884\/revisions\/911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/media\/905"}],"wp:attachment":[{"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/media?parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/categories?post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.e-unlimited.be\/creaction\/wp-json\/wp\/v2\/tags?post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}