{"id":713,"date":"2008-02-07T12:12:06","date_gmt":"2008-02-07T10:12:06","guid":{"rendered":"http:\/\/www.oezratty.net\/wordpress\/2008\/new-look\/"},"modified":"2008-02-07T12:14:48","modified_gmt":"2008-02-07T10:14:48","slug":"new-look","status":"publish","type":"post","link":"https:\/\/www.oezratty.net\/wordpress\/2008\/new-look\/","title":{"rendered":"New look"},"content":{"rendered":"<p>Vous l&#8217;avez sans-doutes remarqu\u00e9, j&#8217;ai mis \u00e0 jour le <strong>style<\/strong> de ce blog en le modernisant quelque peu et en le simplifiant. <\/p>\n<p>Certes, je ne suis pas un designer ni un sp\u00e9cialiste des feuilles de style CSS, donc c&#8217;est peut-\u00eatre encore trop dans le genre &#8220;ing\u00e9nieur&#8221;. Mais on ne se refait pas&#8230; surtout lorsque, comme moi, on cherche \u00e0 tout faire soi-m\u00eame. <\/p>\n<p>Contrairement \u00e0 la plupart des blogs, celui-ci fonctionne en &#8220;largeur variable&#8221;. Son contenu s&#8217;adapte dynamiquement en fonction de la largeur de notre navigateur (<em>cf ci-dessous<\/em>). Cela cr\u00e9\u00e9 quelques contraintes: le bandeau de titre doit pouvoir s&#8217;\u00e9tirer sans se d\u00e9former, et la feuille de style doit int\u00e9grer des colonnes de taille proportionnelle \u00e0 celle de l&#8217;espace disponible dans le navigateur. Compte-tenu de la longueur habituelle de mes posts, cela procure une souplesse dans le mode de lecture (lignes plus ou moins longues).<\/p>\n<p><a href=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/image80.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height=\"118\" alt=\"image\" src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/image-thumb77.png\" width=\"284\" border=\"0\"><\/a> <\/p>\n<p><a href=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/image81.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height=\"189\" alt=\"image\" src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/image-thumb78.png\" width=\"285\" border=\"0\"><\/a><\/p>\n<p>Au passage, j&#8217;ai aussi corrig\u00e9 quelques bugs qui rendaient l&#8217;affichage diff\u00e9rent selon que l&#8217;on utilisait Firefox ou Internet Explorer. Les deux navigateurs ne g\u00e8rent pas de la m\u00eame mani\u00e8re les valeurs par d\u00e9faut, ce qui demande d&#8217;\u00eatre assez rigoureux dans les d\u00e9finitions de styles. <\/p>\n<p>J&#8217;en ai profit\u00e9 pour ajouter deux autres fonctionnalit\u00e9s qui pourraient vous int\u00e9resser:<\/p>\n<ul>\n<li>Mes <strong>commentaires<\/strong> apparaissent avec un fond diff\u00e9rent (plus fonc\u00e9) que les autres commentaires. C&#8217;est courant maintenant pour distinguer les flux de commentaires et le dialogue avec l&#8217;auteur. <\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/image82.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height=\"240\" alt=\"image\" src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/image-thumb79.png\" width=\"273\" border=\"0\"><\/a> <\/p>\n<ul>\n<li>Le <strong>support des mobiles<\/strong>. Gr\u00e2ce \u00e0 un plug-in tr\u00e8s facile \u00e0 installer (WordPress Mobile Plug-In, d&#8217;Andy Moore), il semble bien fonctionner. Je l&#8217;ai test\u00e9 sur Windows Mobile sur un HTC, et tout va bien. Un \u00e9mulateur web m&#8217;a permis de voir \u00e0 quoi cela ressemblait sur un smartphone, tel qu&#8217;un Nokia N70 (<em>ci-dessous<\/em>). Il faudrait le tester sur un iPhone, que je n&#8217;ai pas sous la main. Reste \u00e0 savoir si c&#8217;est vraiment utile. Quelle peut bien \u00eatre la proportion des lecteurs d&#8217;un blog qui le consultent sur leur mobile? A vous de me le dire&#8230;<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/wordpressmobile.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height=\"320\" alt=\"WordpressMobile\" src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/wordpressmobile-thumb.png\" width=\"163\" border=\"0\"><\/a>  <\/p>\n<p>&nbsp;<\/p>\n<p><strong>WordPress<\/strong> reste en tout cas un excellent logiciel open source pour g\u00e9rer son blog. J&#8217;en d\u00e9couvre tous les jours de nouvelles facettes et une richesse incroyable de plug-ins. Je l&#8217;avais s\u00e9lectionn\u00e9 en lan\u00e7ant ce blog en avril 2006. Il \u00e9tait d\u00e9j\u00e0 tr\u00e8s populaire. Depuis, c&#8217;est devenu une v\u00e9ritable r\u00e9f\u00e9rence. C&#8217;est notamment la plateforme qui fait tourner les blogs du Monde.fr!<\/p>\n<p>Voil\u00e0, c&#8217;est tout pour aujourd&#8217;hui &#8230; pour le post le plus court de l&#8217;ann\u00e9e !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous l&#8217;avez sans-doutes remarqu\u00e9, j&#8217;ai mis \u00e0 jour le style de ce blog en le modernisant quelque peu et en le simplifiant. Certes, je ne suis pas un designer ni un sp\u00e9cialiste des feuilles de style CSS, donc c&#8217;est peut-\u00eatre encore trop dans le genre &#8220;ing\u00e9nieur&#8221;. Mais on ne se refait pas&#8230; surtout lorsque, comme [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-713","post","type-post","status-publish","format-standard","hentry","category-blogs"],"views":26614,"_links":{"self":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/posts\/713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/comments?post=713"}],"version-history":[{"count":0,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/posts\/713\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/media?parent=713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/categories?post=713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/tags?post=713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}