{"id":200,"date":"2016-09-01T14:12:38","date_gmt":"2016-09-01T12:12:38","guid":{"rendered":"http:\/\/www.jterraz.net\/wordpress\/?p=200"},"modified":"2016-09-01T14:14:21","modified_gmt":"2016-09-01T12:14:21","slug":"tuto-habillement-des-images","status":"publish","type":"post","link":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/2016\/09\/01\/tuto-habillement-des-images\/","title":{"rendered":"Tuto &#8211; habillement des images"},"content":{"rendered":"<p>L&rsquo;habillement d\u00e9signe en fait l&rsquo;habillement du texte autour des images, c&rsquo;est-\u00e0-dire comment on veut que le texte se comporte autour de l&rsquo;image. Il peut \u00eatre difficile de d\u00e9placer l&rsquo;image exactement o\u00f9 on la veut, et il vaut donc mieux choisir un habillement AVANT de placer l&rsquo;image.<\/p>\n<p>Pour modifier l&rsquo;habillement d&rsquo;une image :<\/p>\n<ol>\n<li><span style=\"line-height: 25px;\">Cliquer sur l&rsquo;image pour la s\u00e9lectionner<\/span><\/li>\n<li><span style=\"line-height: 25px;\">Un nouvel onglet appara\u00eet en violet dans le Ruban : <b>Format de l&rsquo;image<\/b><\/span><\/li>\n<li><span style=\"line-height: 25px;\">Cliquer sur ce nouvel onglet<\/span><\/li>\n<li><span style=\"line-height: 25px;\">Pour une raison obscure, l&rsquo;habillement s&rsquo;appelle <b>Renvoyer \u00e0 la ligne automatiquement<\/b>\u00a0et est symbolis\u00e9 par un chien au milieu d&rsquo;un texte<\/span><\/li>\n<li><span style=\"line-height: 25px;\">Cliquer sur ce bouton et choisir l&rsquo;habillement souhait\u00e9<\/span>\n<ol>\n<li><span style=\"line-height: 25px;\">Par d\u00e9faut, l&rsquo;image est <b>Align\u00e9e sur le texte<\/b>, c&rsquo;est-\u00e0-dire qu&rsquo;elle va se comporter comme un caract\u00e8re sur la ligne o\u00f9 la place.<\/span><\/li>\n<li><span style=\"line-height: 25px;\"><b>Carr\u00e9 <\/b>cr\u00e9e un carr\u00e9 autour de l&rsquo;image que le texte va respecter<\/span><\/li>\n<li><span style=\"line-height: 25px;\"><b>Rapproch\u00e9<\/b>\u00a0permet de s&rsquo;approcher plus pr\u00e8s de l&rsquo;image <i>si elle n&rsquo;est pas rectangulaire<\/i><\/span><\/li>\n<li><b>Derri\u00e8re le texte<\/b>\u00a0place l&rsquo;image derri\u00e8re le texte. Il faudra g\u00e9rer le contraste entre l&rsquo;image et le texte pour que ce soit visible (avoir une image claire avec du texte fonc\u00e9 ou l&rsquo;inverse)<\/li>\n<li><b>Devant le texte<\/b>\u00a0place l&rsquo;image devant le texte, ce qui est difficilement lisible, mais permet de placer l&rsquo;image le plus librement sans \u00ab\u00a0jouer au chat et \u00e0 la souris\u00a0\u00bb avec le texte<\/li>\n<li><b>Haut et bas<\/b>\u00a0arr\u00eate le texte au-dessus de l&rsquo;image, puis poursuit en-dessous. Id\u00e9alement, une image ne devrait pas couper un paragraphe mais plut\u00f4t \u00eatre plac\u00e9e entre 2 paragraphes.<\/li>\n<li><b>Au traver <\/b>permet au texte de traverser l&rsquo;image si elle contient des parties transparentes ou qu&rsquo;on <b>Modifie les limites du renvoi \u00e0 la ligne<\/b>\u00a0de l&rsquo;image<\/li>\n<\/ol>\n<\/li>\n<li>On peut trouver davantage d&rsquo;options sous <b>Autres options de disposition&#8230;<\/b><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;habillement <a href=\"https:\/\/www.cours-info.ch\/wordpress\/index.php\/2016\/09\/01\/tuto-habillement-des-images\/\" class=\"read-more\">Cliquez pour voir la suite<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-images"],"_links":{"self":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":2,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/200\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}