{"id":501,"date":"2009-07-05T16:29:12","date_gmt":"2009-07-05T14:29:12","guid":{"rendered":"http:\/\/erwan.mirou.free.fr\/blog\/?p=501"},"modified":"2010-02-15T18:22:32","modified_gmt":"2010-02-15T16:22:32","slug":"adapter-son-blog-wordpress-au-format-iphone","status":"publish","type":"post","link":"https:\/\/erwanmirou.fr\/blog\/iphone\/adapter-son-blog-wordpress-au-format-iphone","title":{"rendered":"Adapter son blog WordPress au format iPhone"},"content":{"rendered":"<p>La navigation Internet sur iPhone (ou iPod Touch) est vraiment tr\u00e8s agr\u00e9able. Mais certaines pages web n\u00e9cessitent beaucoup de zoom et de d\u00e9-zoom pour \u00eatre lues de mani\u00e8re agr\u00e9able et dans leur totalit\u00e9&#8230;<\/p>\n<p>Pour ce qui est des blogs sous WordPress, il existe quelques plugins qui permettent de reformater automatiquement la mise en page pour s&rsquo;adapter \u00e0 la taille r\u00e9duite de l&rsquo;\u00e9cran de l&rsquo;iPhone.<\/p>\n<p>Un en particulier a retenu mon attention, il s&rsquo;agit de <a title=\"La page WPtouch du Plugin Directory de WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/wptouch\/\" target=\"_blank\">WPtouch<\/a>.<\/p>\n<p><!--more--><\/p>\n<p>Son installation est tr\u00e8s simple, comme tout plugin WordPress : un upload dans le r\u00e9pertoire <em>wp-content\/plugins<\/em>, une activation dans le Tableau de bord, \u00e9ventuellement quelques param\u00e8tres \u00e0 modifier et c&rsquo;est parti !<\/p>\n<p>Toutes les pages du blog sont maintenant reformat\u00e9es automatiquement si la navigation se fait depuis le terminal su-cit\u00e9, avec un th\u00e8me assez sympa. Ci-dessous la comparaison avant \/ apr\u00e8s utilisation du plugin :<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0300.PNG\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-582 aligncenter\" title=\"IMG_0299\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0299-200x300.PNG\" alt=\"IMG_0299\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0299-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0299.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-583 aligncenter\" title=\"IMG_0300\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0300-200x300.PNG\" alt=\"IMG_0300\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0300-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0300.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0299.PNG\"> <\/a><\/p>\n<p>Les articles sont pr\u00e9sent\u00e9s sous forme de liste, accompagn\u00e9s de leur date de publication, leur titre, leur auteur, ainsi que les \u00e9ventuels cat\u00e9gories et tags.<\/p>\n<p>Il est possible d&rsquo;avoir l&rsquo;aper\u00e7u d&rsquo;un article en cliquant sur la fl\u00e8che \u00e0 c\u00f4t\u00e9 de son titre, ce qui en fait appara\u00eetre les premi\u00e8res lignes :<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0301.PNG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-584\" title=\"IMG_0301\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0301-200x300.PNG\" alt=\"IMG_0301\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0301-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0301.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p>La mise en page de l&rsquo;article est respect\u00e9e avec plus ou moins de bonheur, y compris les galeries d&rsquo;images, avec la contrainte de tout afficher dans une r\u00e9solution nettement inf\u00e9rieure \u00e0 un \u00e9cran d&rsquo;ordinateur :<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0303.PNG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-586\" title=\"IMG_0303\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0303-200x300.PNG\" alt=\"IMG_0303\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0303-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0303.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p>Par le biais de menus d\u00e9roulants, il est possible d&rsquo;acc\u00e9der \u00e0 la liste des cat\u00e9gories d&rsquo;articles utilis\u00e9es par le blog ainsi qu&rsquo;\u00e0 un menu Search :<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0304.PNG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-587\" title=\"IMG_0304\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0304-200x300.PNG\" alt=\"IMG_0304\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0304-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0304.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/> <\/a><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0305.PNG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-588\" title=\"IMG_0305\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0305-200x300.PNG\" alt=\"IMG_0305\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0305-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0305.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p>Si toutefois ce th\u00e8me ne plaisait pas au visiteur du blog, il lui est toujours possible de le d\u00e9sactiver en bas de page, avec l&rsquo;option \u00ab\u00a0Mobile Theme\u00a0\u00bb, pour revenir au th\u00e8me normal :<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0306.PNG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-589\" title=\"IMG_0306\" src=\"http:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0306-200x300.PNG\" alt=\"IMG_0306\" width=\"200\" height=\"300\" srcset=\"https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0306-200x300.PNG 200w, https:\/\/erwanmirou.fr\/blog\/wp-content\/uploads\/IMG_0306.PNG 320w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p>Bref, un plugin bien sympa, transparent pour le visiteur du blog et qui permet de charger les pages plus rapidement \u00e9tant donn\u00e9 qu&rsquo;il y a moins d&rsquo;information \u00e0 afficher. Indispensable ! \ud83d\ude42<\/p>\n<p>Compatible avec iPhone, iPod Touch et Google Android<\/p>\n<p><a title=\"Le site de BraveNewCode\" href=\"http:\/\/www.bravenewcode.com\/wptouch\/\" target=\"_blank\">Site officiel WPtouch<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La navigation Internet sur iPhone (ou iPod Touch) est vraiment tr\u00e8s agr\u00e9able. Mais certaines pages web n\u00e9cessitent beaucoup de zoom et de d\u00e9-zoom pour \u00eatre lues de mani\u00e8re agr\u00e9able et dans leur totalit\u00e9&#8230; Pour ce qui est des blogs sous WordPress, il existe quelques plugins qui permettent de reformater automatiquement la mise en page pour &hellip; <a href=\"https:\/\/erwanmirou.fr\/blog\/iphone\/adapter-son-blog-wordpress-au-format-iphone\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Adapter son blog WordPress au format iPhone<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,19],"tags":[18,117,120],"_links":{"self":[{"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/posts\/501"}],"collection":[{"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/comments?post=501"}],"version-history":[{"count":46,"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/posts\/501\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/posts\/501\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/media?parent=501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/categories?post=501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/erwanmirou.fr\/blog\/wp-json\/wp\/v2\/tags?post=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}