{"id":1549,"date":"2011-02-22T15:33:58","date_gmt":"2011-02-22T13:33:58","guid":{"rendered":"https:\/\/tangi-bertin.net\/blog\/?p=1549"},"modified":"2011-02-22T15:33:58","modified_gmt":"2011-02-22T13:33:58","slug":"redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/","title":{"rendered":"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress"},"content":{"rendered":"<p style=\"line-height: 14.25pt;\"><span style=\"font-family: Georgia;\"><\/p>\n<p style=\"line-height: 14.25pt;\"><span style=\"font-size: 10.0pt; font-family: Georgia; color: black;\">Quand on change de template sur son CMS pr\u00e9f\u00e9r\u00e9, on pense \u00e0 beaucoup de choses, &#8230; mais il est fr\u00e9quent qu&rsquo;au cours de la mise en place de la nouvelle interface des probl\u00e8mes inattendus se produisent.<\/span><\/p>\n<p style=\"line-height: 14.25pt;\"><span style=\"font-size: 10.0pt; font-family: Georgia; color: black;\">C&rsquo;est ce qui m&rsquo;est arriv\u00e9. Il y a une chose simple<span> <\/span>\u00e0 laquelle je n&rsquo;ai pas pens\u00e9 : la diff\u00e9rence de taille des blocs de contenus entre les deux templates.\u00a0Constat\u00a0: le template\u00a0pr\u00e9c\u00e9dent\u00a0offrait une largeur plus importante. Effet : photos et vid\u00e9os pour nombre d&rsquo;entre elles d\u00e9passent du cadre et empi\u00e8tent\u00a0sur la sidebar dans la nouvelle interface.<\/span><\/p>\n<p style=\"line-height: 14.25pt;\"><span style=\"font-size: 10.0pt; font-family: Georgia; color: black;\">J&rsquo;\u00e9tais parti dans l&rsquo;id\u00e9e que pour rem\u00e9dier \u00e0 cette probl\u00e9matique je devais faire appel \u00e0 un plug-in wordpress pour redimensionner l&rsquo;ensemble des \u00e9l\u00e9ments \u00e9voqu\u00e9s. Le faire manuellement, bien que le nombre d&rsquo;articles publi\u00e9s sur ce blog soit r\u00e9duit, aurait \u00e9t\u00e9 fastidieux.<\/span><\/p>\n<p style=\"line-height: 14.25pt;\"><span style=\"font-size: 10.0pt; font-family: Georgia; color: black;\">En furetant sur internet, une solution simple est venue m&rsquo;\u00e9clairer. Au lieu de faire appel \u00e0 un m\u00e9canisme lourd, on peut faire appel \u00e0 une technologie bien connue, \u00e0 laquelle je n&rsquo;avais pas pens\u00e9 faire appel : le CSS \ud83d\ude42<\/span><\/p>\n<p style=\"line-height: 14.25pt;\"><span style=\"font-size: 10.0pt; font-family: Georgia; color: black;\">Quelques lignes plus tard, le probl\u00e8me \u00e9tait r\u00e9solu ! JOIE<\/span><\/p>\n<p><\/span><\/p>\n<p><code><br \/>\n<\/code><\/p>\n<div id=\"_mcePaste\"><code>\/* Resize embed\/video *\/<\/code><\/div>\n<p><code><\/p>\n<div>.post embed {width:578px;} \/* Applies to all browsers *\/<\/div>\n<div id=\"_mcePaste\">*.post embed {width:578px;} \/* Applies to all IE browsers *\/<\/div>\n<div id=\"_mcePaste\">_.post embed {width:578px;} \/* Applies to all IE browsers 6 and below *\/<\/div>\n<div id=\"_mcePaste\">.post embed {width \/*\\**\/:578px\\9;} \/* Applies to IE 8 *\/<\/div>\n<div id=\"_mcePaste\">.post img { max-width:578px; height:auto; }<br \/>\n.post embed {width:578px;} \/* Applies to all browsers *\/*.post embed {width:578px;} \/* Applies to all IE browsers *\/_.post embed {width:578px;} \/* Applies to all IE browsers 6 and below *\/.post embed {width \/*\\**\/:578px\\9;} \/* Applies to IE 8 *\/<\/div>\n<p><\/code><\/p>\n<p><code>\/*Resize image\/photos\/pictures\/ *\/<br \/>\n.post img { max-width:578px; height:auto; }<\/code><\/p>\n<p>J&rsquo;ai\u00a0d\u00e9cid\u00e9\u00a0d&rsquo;utilis\u00e9 l&rsquo;argument <em>max-<\/em> afin de ne pas toucher \u00e0 la largeur de certaines photos dont la\u00a0dimension\u00a0r\u00e9duite est voulue (ex:\u00a0galerie\u00a0flickr, &#8230;.)<\/p>\n<p>Sources : <a href=\"http:\/\/wordpress.org\/support\/topic\/automatically-resize-video\" target=\"_blank\">ici<\/a> et <a href=\"http:\/\/www.wordpress-fr.net\/support\/sujet-13892-redimensionner-automatiquement-images\" target=\"_blank\">l\u00e0<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quand on change de template sur son CMS pr\u00e9f\u00e9r\u00e9, on pense \u00e0 beaucoup de choses, &#8230; mais il est fr\u00e9quent qu&rsquo;au cours de la mise en place de la nouvelle interface des probl\u00e8mes inattendus se produisent. C&rsquo;est ce qui m&rsquo;est arriv\u00e9. Il y a une chose simple \u00e0 laquelle je n&rsquo;ai pas pens\u00e9 : la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[398,32,399,86,397],"class_list":["post-1549","post","type-post","status-publish","format-standard","hentry","category-design","tag-dimension","tag-photo","tag-resize","tag-video","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress - TIC-logs par Tangi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress - TIC-logs par Tangi\" \/>\n<meta property=\"og:description\" content=\"Quand on change de template sur son CMS pr\u00e9f\u00e9r\u00e9, on pense \u00e0 beaucoup de choses, &#8230; mais il est fr\u00e9quent qu&rsquo;au cours de la mise en place de la nouvelle interface des probl\u00e8mes inattendus se produisent. C&rsquo;est ce qui m&rsquo;est arriv\u00e9. Il y a une chose simple \u00e0 laquelle je n&rsquo;ai pas pens\u00e9 : la [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/\" \/>\n<meta property=\"og:site_name\" content=\"TIC-logs par Tangi\" \/>\n<meta property=\"article:published_time\" content=\"2011-02-22T13:33:58+00:00\" \/>\n<meta name=\"author\" content=\"Tangi Bertin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tangi Bertin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/\"},\"author\":{\"name\":\"Tangi Bertin\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/person\\\/6e125a432b08117702a7b2a04f50fb89\"},\"headline\":\"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress\",\"datePublished\":\"2011-02-22T13:33:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/\"},\"wordCount\":248,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#organization\"},\"keywords\":[\"dimension\",\"photo\",\"resize\",\"vid\u00e9o\",\"wordpress\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/\",\"name\":\"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress - TIC-logs par Tangi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#website\"},\"datePublished\":\"2011-02-22T13:33:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/\",\"name\":\"TIC-logs par Tangi\",\"description\":\"Un mouton \u00e0 5 pattes dans le vert paturage du web\",\"publisher\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#organization\",\"name\":\"TIC-logs par Tangi\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/08\\\/logo.png\",\"width\":170,\"height\":45,\"caption\":\"TIC-logs par Tangi\"},\"image\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/person\\\/6e125a432b08117702a7b2a04f50fb89\",\"name\":\"Tangi Bertin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g\",\"caption\":\"Tangi Bertin\"},\"sameAs\":[\"http:\\\/\\\/tangi-bertin.net\"],\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress - TIC-logs par Tangi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/","og_locale":"fr_FR","og_type":"article","og_title":"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress - TIC-logs par Tangi","og_description":"Quand on change de template sur son CMS pr\u00e9f\u00e9r\u00e9, on pense \u00e0 beaucoup de choses, &#8230; mais il est fr\u00e9quent qu&rsquo;au cours de la mise en place de la nouvelle interface des probl\u00e8mes inattendus se produisent. C&rsquo;est ce qui m&rsquo;est arriv\u00e9. Il y a une chose simple \u00e0 laquelle je n&rsquo;ai pas pens\u00e9 : la [&hellip;]","og_url":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/","og_site_name":"TIC-logs par Tangi","article_published_time":"2011-02-22T13:33:58+00:00","author":"Tangi Bertin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Tangi Bertin","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/#article","isPartOf":{"@id":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/"},"author":{"name":"Tangi Bertin","@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/person\/6e125a432b08117702a7b2a04f50fb89"},"headline":"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress","datePublished":"2011-02-22T13:33:58+00:00","mainEntityOfPage":{"@id":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/"},"wordCount":248,"commentCount":0,"publisher":{"@id":"https:\/\/tangi-bertin.net\/blog\/#organization"},"keywords":["dimension","photo","resize","vid\u00e9o","wordpress"],"articleSection":["Design"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/","url":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/","name":"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress - TIC-logs par Tangi","isPartOf":{"@id":"https:\/\/tangi-bertin.net\/blog\/#website"},"datePublished":"2011-02-22T13:33:58+00:00","breadcrumb":{"@id":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tangi-bertin.net\/blog\/redimensionner-toutes-les-videos-embed-et-photos-dans-wordpress-1549\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/tangi-bertin.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Redimensionner toutes les vid\u00e9os (embed) et photos dans wordpress"}]},{"@type":"WebSite","@id":"https:\/\/tangi-bertin.net\/blog\/#website","url":"https:\/\/tangi-bertin.net\/blog\/","name":"TIC-logs par Tangi","description":"Un mouton \u00e0 5 pattes dans le vert paturage du web","publisher":{"@id":"https:\/\/tangi-bertin.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tangi-bertin.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/tangi-bertin.net\/blog\/#organization","name":"TIC-logs par Tangi","url":"https:\/\/tangi-bertin.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2013\/08\/logo.png","contentUrl":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2013\/08\/logo.png","width":170,"height":45,"caption":"TIC-logs par Tangi"},"image":{"@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/person\/6e125a432b08117702a7b2a04f50fb89","name":"Tangi Bertin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g","caption":"Tangi Bertin"},"sameAs":["http:\/\/tangi-bertin.net"],"url":"https:\/\/tangi-bertin.net\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts\/1549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/comments?post=1549"}],"version-history":[{"count":0,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts\/1549\/revisions"}],"wp:attachment":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/media?parent=1549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/categories?post=1549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/tags?post=1549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}