{"id":980,"date":"2014-12-12T15:41:27","date_gmt":"2014-12-12T14:41:27","guid":{"rendered":"https:\/\/2015.paris.wordcamp.org\/?post_type=wcb_session&#038;p=980"},"modified":"2015-06-15T16:12:34","modified_gmt":"2015-06-15T14:12:34","slug":"integrer-la-problematique-du-responsive-image-dans-wordpress","status":"publish","type":"wcb_session","link":"https:\/\/paris.wordcamp.org\/2015\/session\/integrer-la-problematique-du-responsive-image-dans-wordpress\/","title":{"rendered":"Int\u00e9grer la probl\u00e9matique du responsive image dans WordPress"},"content":{"rendered":"<p>Avec l\u2019arriv\u00e9e du r\u00e9tina et des multiples r\u00e9solutions d\u2019\u00e9crans, la mise en place du responsive image dans WordPress n\u2019est pas si simple. Aujourd\u2019hui le W3C n\u2019a pas encore acte sur une structure \u00e0 appliquer sur nos int\u00e9grations HTML, cependant il existe des solutions fonctionnant sur l\u2019ensemble des navigateurs du march\u00e9 au travers de scripts JS.<br \/>\nL\u2019objectif de cet atelier est de vous pr\u00e9senter un plugin WordPress qui impl\u00e9mente les attributs srcset dans les balises images coupl\u00e9 \u00e0 librairie JavaScript Picturefill. Ce plugin est destin\u00e9 aux int\u00e9grateurs et aux d\u00e9veloppeurs pour simplifier la mise en place du responsive image dans les th\u00e8mes WordPress.<\/p>\n<h3>Vid\u00e9o<\/h3>\n<p><iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='625' height='351' src='https:\/\/video.wordpress.com\/embed\/tfimxCSl?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script><\/p>\n<h3>Pr\u00e9sentation<\/h3>\n<p><iframe loading=\"lazy\" title=\"Int\u00e9grer la probl\u00e9matique du responsive image dans WordPress\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/key\/fyekgJKE7gVzzS\" width=\"427\" height=\"356\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/fr.slideshare.net\/alexandresadowski\/responsive-images-camp-2015\" title=\"Int\u00e9grer la probl\u00e9matique du responsive image dans WordPress\" target=\"_blank\">Int\u00e9grer la probl\u00e9matique du responsive image dans WordPress<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/alexandresadowski\" target=\"_blank\">Alexandre Sadowski<\/a><\/strong> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Avec l\u2019arriv\u00e9e du r\u00e9tina et des multiples r\u00e9solutions d\u2019\u00e9crans, la mise en place du responsive image dans WordPress n\u2019est pas si simple. Aujourd\u2019hui le W3C n\u2019a pas encore acte sur une structure \u00e0 appliquer sur nos int\u00e9grations HTML, cependant il existe des solutions fonctionnant sur l\u2019ensemble des navigateurs du march\u00e9 au travers de scripts JS. [&hellip;]<\/p>\n","protected":false},"author":9958036,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1422111600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[889],"footnotes":""},"session_track":[425368],"session_category":[],"class_list":["post-980","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-salle-atelier-1"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"24 janvier 2015","time":"16:00"},"session_speakers":[{"id":"889","slug":"alexandre-sadowski","name":"Alexandre Sadowski","link":"https:\/\/paris.wordcamp.org\/2015\/speaker\/alexandre-sadowski\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":4,"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/980\/revisions"}],"predecessor-version":[{"id":3499,"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/980\/revisions\/3499"}],"speakers":[{"embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/889"}],"author":[{"embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wporg\/v1\/users\/asadowski10"}],"wp:attachment":[{"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=980"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=980"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}