{"id":12548,"date":"2006-08-15T21:19:37","date_gmt":"2006-08-15T20:19:37","guid":{"rendered":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/08\/15\/le-monde-du-web-20-wordpress-et-lisibilite\/"},"modified":"2006-08-15T21:19:37","modified_gmt":"2006-08-15T20:19:37","slug":"le-monde-du-web-20-wordpress-et-lisibilite","status":"publish","type":"post","link":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/08\/15\/le-monde-du-web-20-wordpress-et-lisibilite\/","title":{"rendered":"Le monde du Web 2.0 : WordPress et lisibilit\u00e9"},"content":{"rendered":"

Pour moi, sans aucun doute, c’est WordPress ma star du web 2.0. C’est en effet, l’outil que j’utilise quasi quotidiennement de mani\u00e8re directe ou indirecte en publiant du contenu sur le web, voire en l’utilisant comme outil de carnet de notes en d\u00e9placement.
\nJe le disais d\u00e9j\u00e0 dans un pr\u00e9c\u00e9dent message : C’est WordPress qui gagne !<\/a><\/strong><\/p>\n

Et WordPress gagnait vis-\u00e0-vis d’autres solutions de publications en ligne (Spip, iWeb, RapidWeaver ou autres).
\nProfitant d’une certaine torpeur estivale, j’en ai profit\u00e9 \u2014avant mon d\u00e9part en vacances et ces derniers jours \u00e0 mon retour\u2014pour relooker de mes diff\u00e9rents sites g\u00e9n\u00e9r\u00e9s avec WordPress. Je l’avais d\u00e9j\u00e0 fait pour ce site (voir Habits d’\u00e9t\u00e9<\/a><\/strong>). J’ai poursuivi avec mes sites moins perso et plus pro.
\nC’est \u00e9videmment un besoin de changement qui m’anime et c’est aussi tout l’int\u00e9r\u00eat de WordPress que de disposer d’une pl\u00e9thore de cr\u00e9ateurs talentueux de th\u00e8mes. Cependant, ces changements m’ont aussi amen\u00e9 \u00e0 r\u00e9fl\u00e9chir sur des questions de lisibilit\u00e9 et les crit\u00e8res de choix des th\u00e8mes.
\nTout a commenc\u00e9 avec le th\u00e8me Chameleon<\/a><\/strong>.<\/p>\n

Ces derniers temps, j’appr\u00e9ciais particuli\u00e8rement les th\u00e8mes \u00e0 trois colonnes (preuve en est ce site). Visiblement ce th\u00e8me devait me donner l’occasion de dynamiser un ancien th\u00e8me du m\u00eame auteur (wp-andreas09<\/a><\/strong>) et aussi de placer les deux colonnes de navigation \u00e0 droite de la page. Dans un premier temps, je fus tr\u00e8s satisfait du r\u00e9sultat. Puis quelques d\u00e9tails ont fini par me d\u00e9ranger. Sans trop savoir pourquoi. Puis petit \u00e0 petit, j’ai trouv\u00e9 quelques \u00e9l\u00e9ments de r\u00e9ponses :<\/p>\n

\u2022 mes autres blogs sont con\u00e7us pour \u00eatre lus \u00e0 l’\u00e9cran avec des textes parfois relativement longs (plus des articles que des billets);
\n\u2022 dans un site o\u00f9 le contenu joue un r\u00f4le important et, d\u00e8s que le nombre d’articles devient cons\u00e9quent, il convient que le lecteur puisse avoir une id\u00e9e de la \u00abprofondeur\u00bb d’une cat\u00e9gorie par rapport \u00e0 une autre et l’indication du nombre de billets publi\u00e9s dans une cat\u00e9gorie peut \u00eatre un \u00e9l\u00e9ment utile au lecteur;
\n\u2022 il est donc important que les textes s’inscrivent comme dans une page (d’un livre, d’un journal, etc.);
\n\u2022 les marges de chaque c\u00f4t\u00e9 du texte principal jouent un r\u00f4le important pour la lecture \u00e0 l’\u00e9cran d’un blog \u00e0 nature principalement textuelle;
\n\u2022 les menus doivent faciliter la navigation, mais ils ne doivent pas \u00ab\u00e9clipser\u00bb le contenu [c’est un peu diff\u00e9rent avec ce blog qui est plus \u00e9clat\u00e9 et plus \u00abcommunautaire\u00bb] et donc ils ne doivent \u00eatre moins larges que le contenu de l’article;
\n\u2022 pour des blogs \u00e0 nature \u00ablitt\u00e9raire\u00bb, la typographie est un \u00e9l\u00e9ment important dont il faut tenir compte en choisissant un th\u00e8me;
\n\u2022 les th\u00e8mes \u00e0 une colonne dispos\u00e9e \u00e0 droite de l’\u00e9cran sont g\u00e9n\u00e9ralement les plus efficaces avec un axe lecteur;
\n\u2022 la question des droits d’auteur est souvent n\u00e9glig\u00e9e et je m’attache notamment \u00e0 faire appara\u00eetre clairement la mise \u00e0 disposition de mes blogs sous un contrat Creative Commons<\/em>;
\n\u2022 la taille et la r\u00e9solution de l’\u00e9cran de mon lecteur est importante et je me base sur ma configuration de mon portable en 1024×768 pour organiser mon th\u00e8me;
\n\u2022 j’ai lu aussi (mais je ne retrouve pas le lien) qu’une ligne de texte devrait comporter de 70 \u00e0 75 signes (espaces compris) pour faciliter la lecture et il convient donc de privil\u00e9gier, pour le texte principal, les formats non variables par rapport la taille de la fen\u00eatre ainsi que d’adapter la taille des caract\u00e8res du corps du texte en cons\u00e9quence;
\n\u2022 auparavant mes diff\u00e9rents blogs \/ sites avaient tendance \u00e0 disposer d’un habillage comparable, mais actuellement je privil\u00e9gie la d\u00e9marche inverse, c’est-\u00e0-dire de trouver un th\u00e8me tr\u00e8s typ\u00e9 pour chacun d’eux;<\/div>\n

Par ailleurs, une partie de mes lecteurs n’est pas familiaris\u00e9e avec le concept des blogs. Ce ph\u00e9nom\u00e8ne est \u00abaggrav\u00e9\u00bb par le m\u00e9lange \u00abblog\u00bb et pages traditionnelles de mes sites tel que le permet maintenant un outil comme \u00abWordpress\u00bb. J’ai donc essay\u00e9 de trouver des th\u00e8mes permettant une signal\u00e9tique la plus claire possible. Je m’attache aussi \u00e0 bien distinguer par une \u00e9tiquette Accueil | Blog<\/em> la partie blog de celle des pages.
\nR\u00e9sultats des courses ? Rien ne vaut<\/p>\n

\u2022 des exemples concrets :<\/p>\n

\u2022 histoire.lyonelkaufmann.ch<\/a><\/strong>
\n<\/a>\u2022 politis.ch<\/a><\/strong>
\n\u2022 manuels d’histoires vaudois (1937-1998)<\/a><\/strong><\/p><\/blockquote>\n

\u2022 et bien s\u00fbr vos avis.<\/p>\n

<\/p>\n

Technorati Tags: blogs<\/a>, lisibilit\u00e9<\/a>, Web2.0<\/a>, WordPress<\/a><\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Pour moi, sans aucun doute, c’est WordPress ma star du web 2.0. C’est en effet, l’outil que j’utilise quasi quotidiennement de mani\u00e8re directe ou indirecte en publiant du contenu sur le web, voire en l’utilisant comme outil de carnet de notes en d\u00e9placement. Je le disais d\u00e9j\u00e0 dans un pr\u00e9c\u00e9dent message : C’est WordPress qui […]<\/p>\n","protected":false},"author":1,"featured_media":14680,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"fullscreen","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[],"class_list":{"0":"post-12548","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogcafe-2","8":"entry"},"jetpack_publicize_connections":[],"featured_image_src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?resize=600%2C400&ssl=1","featured_image_src_square":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?resize=600%2C600&ssl=1","author_info":{"display_name":"Lyonel Kaufmann","author_link":"https:\/\/lyonelkaufmann.ch\/Blog\/author\/lyonelk\/"},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1qtF4-3go","jetpack-related-posts":[{"id":12529,"url":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/07\/03\/le-monde-du-web-20-le-gratuit-nest-pas-open-source-2\/","url_meta":{"origin":12548,"position":0},"title":"Le monde du Web 2.0 : Le gratuit n\u2019est pas Open source (2)","author":"Lyonel Kaufmann","date":"3 juillet 2006","format":false,"excerpt":"Dans le domaine actuel du Web et plus particuli\u00e8rement du Web 2.0, une certaine confusion existe \u00e0 mon avis entre le mod\u00e8le du gratuit et celui de l'Open Source. Par ailleurs, le gratuit est actuellement le mod\u00e8le dominant. Cependant, la confusion entre gratuit et Open source pourrait s'av\u00e9rer probl\u00e9matique tant\u2026","rel":"","context":"Dans "Blogcaf\u00e9"","block_context":{"text":"Blogcaf\u00e9","link":"https:\/\/lyonelkaufmann.ch\/Blog\/category\/blogcafe-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":12482,"url":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/03\/31\/liberation-web-20-cest-linternet-quon-reinvente\/","url_meta":{"origin":12548,"position":1},"title":"Lib\u00e9ration :\u00a0Web 2.0: c\u2019est l\u2019Internet qu\u2019on r\u00e9invente!","author":"Lyonel Kaufmann","date":"31 mars 2006","format":false,"excerpt":"Le web 2.0 dans Lib\u00e9ration au moyen d'une chronique hebdomadaire par Pierre Chappaz, fondateur de Kelkoo. Aujourd'hui, c'est la premi\u00e8re. Pour ceux qui suivent d\u00e9j\u00e0 depuis un certain temps la saga du Web 2.0, c'est certainement pas des scoops qui figurent dans un tel billet. Dans ces cas-l\u00e0, c'est-\u00e0-dire le\u2026","rel":"","context":"Dans "Blogcaf\u00e9"","block_context":{"text":"Blogcaf\u00e9","link":"https:\/\/lyonelkaufmann.ch\/Blog\/category\/blogcafe-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":12336,"url":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/01\/05\/web-20-la-revolution-par-les-usages\/","url_meta":{"origin":12548,"position":2},"title":"Web 2.0 : la r\u00e9volution par les usages","author":"Lyonel Kaufmann","date":"5 janvier 2006","format":false,"excerpt":"L'article r\u00e9f\u00e9renc\u00e9 ci-dessous offre une synth\u00e8se de ce que l'on entend g\u00e9n\u00e9ralement sous le concept de Web 2.0. Et en fran\u00e7ais pour ceux que l'anglais rebute. La d\u00e9finition propos\u00e9e est d\u00e9j\u00e0 int\u00e9ressante et tout un programme en soi : Web 2.0, un terme \u00e0 la mode mais qui ne fait\u2026","rel":"","context":"Dans "Blogcaf\u00e9"","block_context":{"text":"Blogcaf\u00e9","link":"https:\/\/lyonelkaufmann.ch\/Blog\/category\/blogcafe-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":12513,"url":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/05\/23\/du-web-20-entre-autres-choses\/","url_meta":{"origin":12548,"position":3},"title":"Du Web 2.0 entre autres choses","author":"Lyonel Kaufmann","date":"23 mai 2006","format":false,"excerpt":"Web 2.0 et Mac\u2026 C\u00e9dric Bonvin me demandait hier en commentaire \u00e0 mon pr\u00e9c\u00e9dent billet, ce qu'\u00e9tait le web 2.0. Ca tombe bien, le site de MacPlus vient de publier un billet autour du Web 2.0 et du Mac. Sans surprise, il est intitul\u00e9 \"Web 2.0 et Mac\". Les possesseurs\u2026","rel":"","context":"Dans "Blogcaf\u00e9"","block_context":{"text":"Blogcaf\u00e9","link":"https:\/\/lyonelkaufmann.ch\/Blog\/category\/blogcafe-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":12335,"url":"https:\/\/lyonelkaufmann.ch\/Blog\/2006\/01\/05\/fourbu-mais-content\/","url_meta":{"origin":12548,"position":4},"title":"Fourbu, mais content","author":"Lyonel Kaufmann","date":"5 janvier 2006","format":false,"excerpt":"A peine ai-je\u00a0 mis en place la version de ce site avec Wordpress 2.0 que je me suis mis au travail relativement \u00e0 un autre projet de site pour ma section socialiste.Dans les principaux probl\u00e8mes des sites \u00e0 nature associative, j'ai souvent rencontr\u00e9 le probl\u00e8me suivant :la premi\u00e8re version du\u2026","rel":"","context":"Dans "Blogcaf\u00e9"","block_context":{"text":"Blogcaf\u00e9","link":"https:\/\/lyonelkaufmann.ch\/Blog\/category\/blogcafe-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3179,"url":"https:\/\/lyonelkaufmann.ch\/Blog\/2010\/05\/05\/les-enseignants-et-le-web-2-0-pour-travailler-ensemble-thot-cursus\/","url_meta":{"origin":12548,"position":5},"title":"Les enseignants et le Web 2.0 : pour travailler ensemble | Thot Cursus","author":"Lyonel Kaufmann","date":"5 mai 2010","format":"aside","excerpt":"Caroline Jouneau-Sion est enseignante d'histoire-g\u00e9ographie dans un coll\u00e8ge du nord de la France. Elle r\u00e9pond ici \u00e0 la question d'un \u00e9ventuel effet g\u00e9n\u00e9rationnel parmi les enseignants: \u00abNon, pas du tout. Beaucoup de jeunes enseignants sont oppos\u00e9s \u00e0 l'usage de l'ordinateur en classe, qu'ils consid\u00e8rent comme un \u00e9l\u00e9ment perturbateur, qui va\u2026","rel":"","context":"Dans "Blogcaf\u00e9"","block_context":{"text":"Blogcaf\u00e9","link":"https:\/\/lyonelkaufmann.ch\/Blog\/category\/blogcafe-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lyonelkaufmann.ch\/Blog\/wp-content\/uploads\/2015\/03\/blogcafe1.jpg?fit=1024%2C683&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/posts\/12548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/comments?post=12548"}],"version-history":[{"count":0,"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/posts\/12548\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/media\/14680"}],"wp:attachment":[{"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/media?parent=12548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/categories?post=12548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lyonelkaufmann.ch\/Blog\/wp-json\/wp\/v2\/tags?post=12548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}