Ce blog tourne sous WordPress<\/strong> version US dans une version r\u00e9guli\u00e8rement r\u00e9actualis\u00e9e. J’avais comment\u00e9<\/a> le rationnel de ce choix en 2006 et il reste toujours valable, tant WordPress est devenu la plateforme standard open source pour g\u00e9rer ses blogs.<\/p>\n Ma configuration WordPress est compl\u00e9t\u00e9e par un certain nombre de plug-ins dont :<\/p>\n Le template que j’utilise est un lointain d\u00e9riv\u00e9 d’un th\u00e8me d’Andreas Viklund. Il est con\u00e7u pour s’adapter dynamiquement \u00e0 la largeur de votre \u00e9cran ou de la fen\u00eatre de votre navigateur. Depuis les nombreuses modifications que j\u2019y ai int\u00e9gr\u00e9es, il ne reste plus grand chose du template d\u2019origine.<\/p>\n J’y utilise notamment quelques plug-ins de mon cru pour modifier la fonction de recherche <\/strong>(en la rendant dynamique), un autre pour pr\u00e9senter la liste des principaux contributeurs<\/a> au blog (une fonctionnalit\u00e9 que je n\u2019ai jamais vue sur un blog), et enfin, un dernier pour pr\u00e9senter dynamiquement les archives du blog<\/a> (avec statistiques de lectures et nombre de commentaires par article). J’ai exp\u00e9riment\u00e9 l’usage d’Ajax et de JavaScript pour ce faire, ce qui n\u2019est pas trivial lorsque l\u2019on n\u2019est pas d\u00e9veloppeur \u00e0 temps plein.<\/p>\n J\u2019ai pass\u00e9 pas mal de temps \u00e0 peaufiner le template pour en valider la structure avec le W3C Validator<\/a>. Les pages principales sont maintenant valid\u00e9es, modulo quelques tags dans les articles qui peuvent poser quelques probl\u00e8mes.<\/p>\n Et puis, tout cela est h\u00e9berg\u00e9 chez 1&1<\/a> pour 10\u20ac par mois ! M\u00eame si j’ai eu quelques d\u00e9boires<\/a> avec eux \u00e0 l’automne 2007, le service rendu est de bon niveau. La performance de MySQL et PHP est tr\u00e8s bonne chez eux en g\u00e9n\u00e9ral.<\/p>\n Du c\u00f4t\u00e9 poste client, ce blog fonctionne aussi bien avec Internet Explorer<\/strong> 7\/8\/9\/10 qu’avec Firefox<\/strong>\u00a0(sous Windows comme sous Linux et MacOS) et Google Chrome<\/strong>. Il ne fonctionne plus convenablement sous Internet Explorer 6.0 depuis ao\u00fbt 2011, du fait d\u2019une mise \u00e0 jour de WordPress. Je teste aussi le site avec Safari <\/strong>sur un Mac Mini tout comme sur l’iPad<\/strong>. Le site est en HTML 5.0 depuis l’automne 2013.<\/p>\n Sinon, je fais appel \u00e0 PSPad<\/a>, un freeware sympa pour l’\u00e9dition de programmes avec lequel j’\u00e9dite les scripts PHP et le template de mon blog, qui attaque directement un site FTP, ainsi qu’\u00e0 Filezilla<\/a> pour les uploads sur le site. Depuis la mi septembre 2006, j’\u00e9dite mes posts avec Windows Live Writer<\/a> un petit outil sympa et gratuit fonctionnant en mode offline sous Windows. Il fonctionne tr\u00e8s bien avec WordPress et s’am\u00e9liore r\u00e9guli\u00e8rement. Depuis 2015, j’utilise aussi Open Live Writer<\/strong>, depuis que Microsoft a abandonn\u00e9 Live Writer.<\/p>\n Les photos que je publie dans les articles sont r\u00e9alis\u00e9es avec un Canon EOS 5D II, 5D Mark III et 5D Mark IV selon les circonstances, et tri\u00e9es puis corrig\u00e9es et \u201cd\u00e9rawtis\u00e9es\u201d sous Adobe <\/strong>Lightroom<\/a>\u00a0et parfois modifi\u00e9es sous Photoshop CS<\/a>. J’ai r\u00e9alis\u00e9 les photos en mode panorama (panoramic stitching) avec la fonction idoine de Photoshop CS5, avec le logiciel open source Hugin et depuis d\u00e9but 2012, avec Microsoft ICE<\/a> qui est tr\u00e8s rapide et efficace, avec un r\u00e9glage temps r\u00e9el de la perspective.\u00a0L\u2019ent\u00eate du blog a \u00e9t\u00e9 r\u00e9alis\u00e9e avec Inkscape<\/a>. Certaines images ont \u00e9t\u00e9 trait\u00e9es avec TheGIMP<\/a>.<\/p>\n Les photos sont publi\u00e9es dans le blog via le plugin Photo-Folders<\/strong> de mon cru.<\/p>\n Enfin, je d\u00e9veloppe et teste les modifications de mon blog sur Ubuntu<\/a> avec une r\u00e9plication compl\u00e8te de l’environnement Linux, Apache, MySQL et PHP de mon h\u00e9bergeur.<\/p>\n En juillet 2018, je suis pass\u00e9 \u00e0 HTTPS<\/strong> pour s\u00e9curiser les acc\u00e8s au blog. Cela m’a pris quelques heures de tuning de mon code et de la base de donn\u00e9es du blog. Au passage, cela a remis \u00e0 z\u00e9ro les compteurs sociaux Facebook et autres.<\/p>\n Au bout du compte, le nombre d\u2019outils \u00e0 mettre en \u0153uvre pour g\u00e9rer un tel blog est assez impressionnant quand on prend un peu de recul (cf l\u2019image au d\u00e9but de la page<\/em>) !<\/p>\n Pour la petite histoire, voici l\u2019\u00e9volution du look du blog Opinions Libres qui peut faire sourire avec le recul (il faut assumer\u2026). Tout d\u2019abord au d\u00e9marrage en 2006, avec le th\u00e8me d\u2019Andreas Viklund et Tara Aukerman tr\u00e8s l\u00e9g\u00e8rement modifi\u00e9, qui utilise trois colonnes :<\/p>\n En 2008, le look \u00e9volue, toujours sur trois colonnes. Il met en avant les deux ouvrages de r\u00e9f\u00e9rence publi\u00e9s sur le blog : le Guide des Startups et le Rapport du Consumer Electronics Show.<\/p>\n En 2009, nouvelle \u00e9volution du bandeau, sans grands changements.<\/p>\n En 2010, grosse refonte \u00e0 la fois au niveau du look, plus d\u00e9pouill\u00e9, sur deux colonnes et avec un menu rassemblant un grand nombre des points d\u2019entr\u00e9es qui \u00e9taient dans les deux colonnes de droite, et l\u2019ajout de nombreuses fonctionnalit\u00e9s parmi lesquelles : sorties PDF et d\u2019impression des articles, open data <\/em>pour consulter les statistiques de lecture<\/a> et sur les commentaires<\/a>, et version pour mobiles avec un th\u00e8me sp\u00e9cialis\u00e9. Le th\u00e8me d\u2019origine \u00e0 compl\u00e8tement disparu avec mes nombreuses modifications, intervenues en profondeur dans le CSS du template.<\/p>\n![\"Making](\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Architecture-technique_DBC1\/Making-of-Opinions-Libres_thumb.jpg\" "\\"Making")
<\/a><\/p>\n\n
![\"Look](\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Architecture-technique_DBC1\/Look-Opinions-Libres-2006_thumb.png\" "\\"Look")
<\/a><\/p>\n![\"Look](\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Architecture-technique_DBC1\/Look-Opinions-Libres-2007_thumb.png\" "\\"Look")
<\/a><\/p>\n![\"Look](\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Architecture-technique_DBC1\/Look-Opinions-Libres-2009_thumb.png\" "\\"Look")
<\/a><\/p>\n
![\"\"](\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/Opinions-Libres-2018.jpg\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"