Quelques notes sur un thème magazine de A à Z — E comme épure

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Quelques notes sur un thème magazine de A à Z — E comme épure

Picsou MagazineRappelez-vous, je m’étais lancé dans la conception d’un thème pour WordPress qui aurait des « allures » de magazine. C’est Julien qui m’a gentiment lancé un petit reminder sur Twitter pour que je me bouge la souris ;) Après avoir gribouillé quelques notes, je me suis aperçu qu’il serait difficile de proposer un thème magazine adapté à tous les publics et à toutes les lignes éditoriales… (Je précise d’emblée que le thème que vous avez sous les yeux n’est pas celui qui est destiné à être distribué. Il en est juste l’épure qui me sert à tester le moteur de WordPress en profondeur in situ. Pour l’occasion, j’en ai profité pour faire mon redesign de printemps. Je précise aussi que cet article est un mashup de plusieurs billets que j’avais prévu de publier séparément ; il est donc un peu long)

Un thème, une imprimante ?

…Difficile en effet de se mettre à la place de blogueurs d’horizons aussi différents que ceux qui traquent le scoop sur internet, et ceux qui bloguent sur des niches éditoriales en creusant leur sillon rédactionnel, on trouve même des blogs à mi-chemin comme G&H par exemple.

Après le slogan Un PC, une imprimante, voici le temps d’Un blog, un thème magazine ? Peut-être pas, mais tout le monde a le droit d’avoir une structure souple et modulaire, tant dans l’emplacement des différentes rubriques que dans le template lui-même qui doit pouvoir accepter facilement la création d’une colonne supplémentaire par ci ou la disparaition d’un bloc par là.

Dans les thèmes comme Révolution ou Mimbo, les contenus sont souvent posés comme un cheveu sur la soupe et rendent les blogs qui les utilisent inutilement complexes ; le contenu a du mal à trouver sa place, ce qui est un comble pour la forme la plus épurée du discours écrit qu’est le journal de bord, à l’origine !

Edit : Suite au commentaire d’Al-Kanz concernant son très joli blog basé sur le thème Mimbo, je me dis qu’il va être difficile de tenir la position du paragraphe précédent qui ne reflète qu’une partie de ma pensée : je ne critique pas les thèmes Mimbo ou Revolution en eux-même, mais l’utilisation qui en est faite (je vous assure que j’ai vu des horreurs basées dessus, même si je ne parviens plus à trouver les liens…).

Ce n’est évidement pas une fatalité, mais force est de constater que dans thème magazine, il y a magazine, que dans magazine il y a mode et que dans la mode, on trouve de tout : du prêt-à-porter et du sur-mesure… Seul ce dernier permet de mettre le contenu en valeur et fidéliser un lectorat qui saura faire la différence entre la chaine de Pizza qui fait dans le quantitatif et le petit bouchon lyonnais qui prépare ses petits plats dans les grands.

Le nerf de la guerre du thème magazine, c’est n’est pas le contenu à proprement parler, mais les contenus : il est préférable que les thèmes abordés, les angles de vue soient différents d’une rubrique à l’autre pour profiter au mieux d’un découpage de type journal ou magazine, sinon, il est préférable d’en rester au blog traditionnel.

Attention, je ne parle pas ici de découpage dans le sens « design » du terme, mais plutôt du découpage des différents thèmes (hum.. sujets) abordés dans un blog.

Back to basics

Ce qui fait le succès du blog traditionnel est sa simplicité : il s’agit essentiellement d’afficher une liste plus ou moins longue de billets dans l’ordre chronologique inverse. Mais cet avantage peut se retourner contre l’auteur du blog qui rédige régulièrement des articles de fond : au bout d’un moment, des billets qui en ont encore sous le pied, disparaissent dans le trou noir des « Older Posts » et autres « Lire les billets plus anciens »… Heureusement, Google est là pour les ressortir de temps à autre, mais ce n’est pas toujours suffisant…

Il peut être intéressant de « repêcher » les billets plus anciens pour les remonter en page d’accueil. Grâce aux archives ? Non, car elles sont rarement consultées, et WordPress propose une foultitude de fonctions pour pêcher les billets en eaux profondes.

Il faut parfois repêcher les anciens billets

Contrairement aux sites web qui ont tendance à mettre le paquet en page d’accueil, les magazines papier présentent souvent en 1ère de couverture un aperçu des sujets abordés dans le numéro pour éveiller l’intérêt du lecteur ; sur le web, on a pris l’habitude de diminuer le nombre de clics nécessaires pour accéder à une information : les splash screens et autres pages tunnels ont disparu depuis longtemps, et je ne suis pas sûr qu’il faille les remettre en selle ;)

C’est quoi au juste le « style » magazine ?

D’après ce que j’ ai compris, pour donner à un thème de blog un air de « Magazine », il suffit souvent de mettre en exergue le dernier billet publié ou de réserver un espace pour une catégorie featured (A l’affiche) et mixer le tout dans l’espace pour s’affranchir un peu du sacro-saint ordre anté-chronologique parfois bien monotone. Voici une liste de quelques élements qui caractérisent un magazine :

Publication périodique et régulière

La périodicité est peut-être l’élément le plus évident pour qualifier un journal ou un magazine. Toutefois, cette notion de « numéro » est difficile à retranscrire sur un blog, bien qu’il soit possible d’écrire à l’avance tous les articles d’un même numéro pour les publier en même temps grâce à la publication différée ! Bien qu’un peu extrême, cette solution peut correspondre à certains besoins.

L’autre façon de simuler la notion de « numéro » passe par les tags : il suffit de taguer à l’identique tous les billets d’un numéro pour qu’ils s’affichent en même temps si le template est équipé des query_posts personnalisées ou WP_query qui vont bien. Dans le cas d’un blog « hebdomadaire », on pourrait, par exemple, taguer les articles de la semaine avec « s1″ pour « semaine 1, etc. et d’être un minimum rigoureux dans le temps (en même temps on parle d’un magazine, pas d’une feuille de choux !).

Sinon, il reste toujours la possibilité de publier chaque billet au fil de l’eau, sachant que certaines zones seront peut-être mises à jour moins souvent que les autres. Ce qui n’est pas forcément un mal en permettant de conserver certains articles en page d’accueil plus longtemps.

Plusieurs auteurs

Parmi les grands principes que l’on retrouve dans une publication de type magazine, on trouve la pluralité des auteurs, alors que le blog est généralement écrit par une seule personne. Ceci dit, on peut constater depuis quelques temps, une nette tendance à accueillir des contributions extérieures sur de nombreux blogs.

Si ça devenait une habitude, les thèmes magazine pourraient avoir un rôle important à jouer en donnant à différents auteurs une place sur le blog pour s’exprimer.

Les dossiers thématiques

Un dossier est un ensemble d’articles tournant autour d’un même sujet. Comme la question de la périodicité, la constitution de dossiers est difficile à rendre avec les systèmes de blog qui trouvent là leurs limites en terme de profondeur taxonomique ou de mise en place de sommaire automatique comme cela existe par ailleurs sur certains systèmes de wiki capables de récupérer les titres.

WordPress a le bon goût de fournir une fonction pour découper un article en plusieurs parties, ce qui n’est déjà pas mal pour transformer un article en dossier. On pourra utiliser également les tags communs à un sujet pour regrouper les billets concernés.

Un édito

L’édito symbolise presque à lui tout seul le style magazine : c’est le supplément d’âme de la publication. Les plus grands journaux l’ont bien compris en donnant la parole à des écrivains expérimentés ou polémiques en fonction de la ligne éditoriale et rédactionnelle retenue.

les rubriques

C’est l’élément le plus évident et le plus simple à mettre en place. On pourra même utiliser plusieurs blocs pour regrouper certains thèmes en fonction des pages affichées : les rubriques principales en page d’accueil et les rubriques secondaires lorsque le billet est affiché seul ou lorsqu’on affiche certaines catégories.

Mise en page

Pour finir, la mise en page doit rythmer cet ensemble de contenus hétérogènes tout en proposant un sens de lecture en privilégiant certaines zones par le traitement de la typographie, de la couleur, de la taille, etc.

De quelle type de contenus disposons-nous dans WordPress ?

WordPress est composé d’un écosystème assez riche pour permettre de diversifier les différents types de contenus de votre magazine :

  • Articles,
  • Pages,
  • Widget Text — très pratique pour afficher des portions de texte un peu partout sur la page ! A consommer avec modération ;)
  • Descriptions des catégories — Encore peu utilisées, cette zone permet de donner des informations supplémentaires lorsqu’on affiche une catégorie.
  • Listes de liens (blogoliste) — Une option permet d’associer une vignette à un lien.
  • Description du blog — Généralement affichée sous le nom du blog, elle peut très bien être déplacée où l’on veut.
Lorsqu’on manque de contenu, il peut être utile de faire appel à des professionnels.

A cela, il faut évidemment ajouter les éléments de navigation suivants :

  • Catégories,
  • Tags,
  • Archives,
  • Formulaire de recherche,
  • etc.

Sans compter tous les différents « widgets » qui ajouteront du piment à votre magazine :

  • Liste des derniers commentaires — Le courrier des lecteurs est une composante importante dans la vie d’une publication.
  • Liste des articles les plus commentés — A ne pas confondre avec les articles les plus lus.
  • Photos d’un compte Flickr ou Picasa,
  • Profils des réseaux sociaux sur lesquels on est inscrit,
  • etc.

Et la liste est encore longue. Tellement, qu’il est urgent de résister à la tentation de trop en faire : sobriété, efficacité devraient guider nos choix en la matière !

Comment rythmer ces contenus ?..

WordPress nous offre plusieurs manières d’afficher les contenus pour rompre la monotonie des billets affichés les uns à la suite des autres. On pourra, par exemple, afficher un éditorial en fonction de la rubrique du même nom ; un billet d’une rubrique spécifique (A l’affiche, En bref, etc.) ou en fonction d’un tag précis.

Les possibilités sont nombreuses mais des pièges se glissent souvent sous la souris quand on utilise des boucles multiples sur la même page. J’évoquerai ces points dans une autre série de billets intitulée Danse avec les Loops en hommage à Zazie

…En tenant compte des contenus, pardi !

Rappelez-vous que ce qui fait le magazine, c’est plus le fond et la logique éditoriale, que la forme. Il est important de prendre en compte la diversité des contenus qui existent ou qui existeront : on peut très bien prévoir des zones (widgétisées par exemple) qui seront utilisées plus tard.

Pour partir sur quelque chose de concret, je me suis donc demandé ce que donnerait mon blog avec un zeste de Magazine Attitude au lieu de réfléchir dans le vide sur les différentes fonctionnalités dont un utilisateur inconnu aurait besoin.

Je dispose, en effet, d’un historique de 217 articles, 3 pages, 15 brouillons, contenus dans 18 catégories et 500 tags (dixit mon tableau de bord WordPress…) pour poser quelques jalons qui me guideront dans l’élaboration de ce thème.

J’ai donc rapidement fait le tour des rubriques de ce blog et je me suis aperçu que j’avais déjà une rubrique intitulée « Blockquotes » qui accueille des billets courts, soit d’humeur, soit pour partager une actualité sans me sentir obligé de m’étendre sur le sujet (pas comme là, quoi…).

Du coup, rien que cette pauvre petite rubrique peut donner naissance à deux entités distinctes : un éditorial pour les billets d’humeur et des brèves liées à l’actualité. Pour l’instant, je n’ai pas encore écrit tous les contenus spécifiques à ces rubriques (j’ai utilisé l’existant) ni ajouté toutes les vignettes prévues par les champs personnalisés (customs fields).

Par ailleurs, il reste encore des rubriques qui n’ont pas encore pris toute leur place, car il faut produire les contenus qui rempliront la rubrique pour présenter quelques travaux graphiques, ou celle pour proposer des tutoriels sous forme de video.

Mais chaque chose en son temps car il faut que ce blog continue de vivre sa vie et que je prenne mes marques : j’ai le sentiment qu’un thème magazine, c’est moins léger à manier qu’un blog « standard ». Il faut bien choisir les sujets, et préparer les visuels pour donner un sentiment d’ensemble au lieu d’avoir une simple juxtaposition de textes sans lien les uns avec les autres (tandis que dans le blog tradi, l’ordre chronologique inverse organise en même temps qu’il justifie la place de chaque article).

Pour conclure

Une des forces du concept des thèmes magazine est donc de présenter en page d’accueil des contenus supplémentaires par rapport au blog traditionnel. Par ailleurs, certaines rubriques comme l’édito ou le fait de mettre en évidence le dernier article, et/ou ceux faisant partie d’une rubrique spécifique permet de rythmer la page d’accueil, ce qui devrait inciter le lecteur à passer plus de temps sur le blog.

Comme je l’ai évoqué plus haut , je reviendrai vers vous avec plusieurs séries de billets (car je compte bien aller jusqu’à Z comme… Zorro !) qui tiendront compte des accidents de parcours et des fausses bonnes idées ;)

Je tiens à remercier tous les blogueurs qui m’ont aidé — souvent sans le savoir — lorsqu’il me manquait le bon plugin, la bonne approche pour lancer les requêtes, etc. J’espère n’oublier personne (si c’est le cas, n’hésitez pas à vous plaindre) :

Stay tuned and mind the gap!

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



40 commentaires pour “Quelques notes sur un thème magazine de A à Z — E comme épure”

  1. Al-Kanz dit :

    Personnellement, mon thème Magazine (réalisé par un ami à partir de Mimbo) me permet de mettre en valeur le contenu de mon blog et offre un cachet qui en jette, dixit les lecteurs :)

  2. Bruno Bichet dit :

    @Al-Kanz > au temps pour moi, si j’étais tombé sur ton blog avant de rédiger ce billet, j’aurais sûrement révisé mon jugement sur Mimbo :) Beau travail, tu peux féliciter ton ami !

  3. Al-Kanz dit :

    Tu peux toujours éditer ton article :-)

  4. Bruno Bichet dit :

    @Al-Kanz > C’est fait ;)

  5. Al-Kanz dit :

    Et joliment fait. Merci :)

  6. burningHat dit :

    Yop tout d’abord, je suis ravi et honoré d’avoir pu te permettre de faire avancer tes idées Bruno (quel que fut le sens de cette influence, ça reste une influence ;)). Et saches que tu fais régulièrement avancer les miennes d’idées !

    Mais je voulais surtout te féliciter pour cet article de fond qui détaille et explicite bien des choses…

    Je voudrais plussoyer aussi Al-Kanz pour son statut d’exception à la règle (pour moi) ! C’est le premier site basé sur Mimbo que je croise qui une véritable maquette « à la magazine » (papier j’entends) claire, précise et tout et tout (je parlerais pas du reste, les goûts et les couleurs ne sont pas le sujet). Une révélation pour moi ou l’expression d’une exception à sa règle mais en tous cas une réussite… Tu peux effectivement remercier ton ami. Je serais curieux de savoir par contre le travail accompli pour arriver à ça en partant de la base Mimbo (oui je suis sceptique sur le gain réel, désolé mais c’est normal face à une situation exceptionnelle non ?)

    Ce qui me gêne le plus avec les « thèmes-magazine-à’l’emporté-siouplait » c’est effectivement cette idée (stupide) consistant à croire qu’il suffit de poser 200 petits blocs carrés proportionnels n’importe où sur une page pour que ça soit un mag’. Sauf qu’à part noyer le lecteur dans un bruit immonde, avec un design pseudo-hype on en retire pas grand chose…

    Du coup j’apprécie ce passage en revue de ce qui distingue un magazine, un vrai, d’un blog et des liens qu’on peut en tirer etc. Belle étude, bravo encore Bruno ! Franchement plus ça va plus tes billets m’épatent…

  7. Al-Kanz dit :

    Merci, merci :) Pour la question, cad le travail accompli ? combien de temps cela a pris ?

  8. burningHat dit :

    le temps et l’ampleur des modifs apporté au thème mimbo brut pour arriver à ça oui… à vue de nez on dirait… beaucoup ! :D

  9. Al-Kanz dit :

    Ce dont je suis sûr c’est qu’il a rudement bataillé pour certaines modifications. Mimbo n’a pas voulu se laisser aisément dompter, mais son génie a eu raison de ces résistances :).

  10. Al-Kanz dit :

    Je suis parti à la pêche aux infos : cette version ne contient pas plus de 15 % (et encore) du code de Mimbo. Il y a 3 feuilles de style différentes pour prendre en compte les différentes versions des navigateurs. En fait « seule » la disposition de la page d’accueil fait penser à Mimbo. Mon pote développeur s’en est inspiré pour tout développer. Il prépare un nouveau thème qui reste d’être une tuerie, comme disent les jeun’s kikoulol :)

  11. burningHat dit :

    On en revient à une de mes idées alors: Mimbo ça peut être sympa pour y puiser des idées mais difficile à utiliser en vrai pour faire quelque chose de concret :p Rien ne vaut le sur-mesure donc (comme l’évoquait si bien le maître des lieux).

    Merci à ton ami d’avoir corroborer ce fait !

  12. niz dit :

    Juste pour savoir ce theme sera gratuit ou pas ?

  13. Al-Kanz dit :

    burningHat > you’re welcome niz > lequel ?

  14. niz dit :

    celui que va faire Bruno Bichet

  15. bruno bichet dit :

    @burningHat > Merci pour tous les compliments ;) Ca me rassure sur le fait d’en avoir fait un seul article au lieu d’une série comme je l’avais prévu au départ. A chaque fois, je me fais avoir : je planifie une bonne petite série de billet, histoire d’avoir du contenu à publier régulièrement, et puis, je ne peux pas m’empêcher de tout réunir…

    L’essentiel pour les blog mag’ ou journal, est de bien distinguer les différents niveaux d’information, à supposer qu’ils existent dans la tête de l’auteur.

    L’exemple d’Al-Kanz est presque un cas d’école, puisqu’en fait il s’agit pratiquement d’un magazine qui aurait pris des allures de blogs !

    @niz > Oui, le thème envisagé sera distribué gratuitement (à moins que les utilisateurs insistent pour participer financièrement :D )

  16. Al-Kanz dit :

    Bruno >>>Côté admin, c’est wordpress dans tout ce qu’il a de plus classique. En ce sens, il demeure un blog.

  17. burningHat dit :

    @Bruno ouaip c’est clair que c’est un cas d’école et un cas d’école intéressant en plus… :p J’irais bien l’autopsier moi perso ! ;) (bah quoi ? c’est pour la science :p)

    T’as raison de faire des articles de fond à mon avis parce que : - ça manque ! tout le monde ou presque fait des « articles slide » qui effleurent le contenu sans jamais s’impliquer ni expliquer le fond. Mignon mais inutile - ça te fait ptêt pas 10 articles à publier certes mais au moins ça t’en fait un bon et c’est cohérent à lire j’aime bien !

    D’ailleurs je crois que je vais arrêter des séries d’articles parce que je les fini jamais (mon projet de photoblog par exemple est en standby depuis bientôt 1 an :s) et ouaip, on s’égare et devient incohérent à la longue je trouve. Ou alors les écrire d’un coup et les découper après pourquoi pas… Je vais voir ça…

  18. Al-Kanz dit :

    Euh pour l’autopsie, faut tuer qui avant ? :) un petit tour du proprio, par-dessus la haie, c’est suffisant non ?

  19. yves dit :

    Dis donc Bruno, sacré bel article… Depuis longtemps, je défends le thème magazine qui peuvent s’avérer très intéressant de par leur navigation. Je te suis entièrement quand tu dis qu’un thème magazine est intéressant si certains articles de fonds restent longtemps d’actualité. Il est clair que sur un blog « tradi » les articles se perdent plus facilement.

    Maintenant, je pense aussi que le choix magazine ou pas dépend bcp de ce que tu veux réellement faire. Pour ma part, Exutoire est une base Mimbo, 6cordes est basé sur un thème traditionnel, même si il intègre un script « Accordéon ». Mais le but final des 2 thèmes n’est pas le même. Sur exutoire, c’est un endroit ou trouver des informations, de l’aide, et le contenu doit rester accessible. Sur 6cordes, on y va pour flâner et s’y perdre…

    J’aurai bien d’autres choses à dire sur ce sujet passionnant, J’y reviendrai et je pense que nous aurons l’occasion d’en reparler ensemble.

  20. niz dit :

    Bruno > je suis carrément preneur, je me demandais en fait si ta démarche était mercantile ou pas. Notre webzine se plutot porte bien et pour éviter de tout changer (passer de dotclear à spip ou Joomla) on cherche a lui donner un coup de peinture fraiche, histoire d’organiser un peu mieux notre travail et il nous semble que l’aspect magazine nous rendrais service. Je serais vraiment intéressé par un « squelete » car j’ai un graphiste sous la main qui s’occupera de l’habillage. Je veux bien donner un coup de main dans la mesure de mes connaissances… (j’ai dévellopé mon theme dotclear tout seul, meme si je ne suis pas du tout dévellopeur web de métier) Bonne initiative et bon courage.

  21. burningHat dit :

    @Al-Kanz: « Euh pour l’autopsie, faut tuer qui avant ? :) » <- Kill the messenger… toujours ! :D

    « un petit tour du proprio, par-dessus la haie, c’est suffisant non ? » <- rah bah voui alors, ça pourrait bien suffire en effet… :p

  22. Francis dit :

    Tout d’abord, merci à Al-Kanz pour m’avoir remonté les bretelles pour avoir oublié de mentionner ce très bon article de notre ami Bruno !! :mrgreen: Promis, je ne recommencerai plus…. pouloulou… pas toujours facile cette blogosphère… ;-)

    Ensuite, dixit BurningHat: « Franchement plus ça va plus tes billets m’épatent… » T’as dû en louper pas mal parce qu’il y en a de jolis rien que dans les derniers mois… Ne serait-ce que le Fibonacci ! ;-)

    Moi je trouve que Bruno excelle dans les billets longs et détaillés. Et franchement, c’est pour ça que je lis le blog (en plus du fait que nous soyons proches … :mrgreen: ). Sincèrement, ces longues proses sont toujours un délice et celle-ci ne déroge pas à la règle. Donc, un grand merci !

    Qui plus est, je suis ravi de voir qu’on a, à plus de 80% ( hihi !! ), la même vision des choses. Comme toi, ce qui me débecte dans les thèmes magazines, c’est ce que les blogueurs en font la plupart du temps. Et puis, aussi certains thèmes sont franchement horribles.

    Je crois qu’au delà du concept « magazine », beaucoup ont adopté le concept « fourre-tout » !! :D Le truc avec un thème magazine c’est qu’on a plus d’articles en page d’accueil. Donc plus de visibilité. Mais bien souvent, on rajoute un « slider », des « tabs » et j’en passe, et là, ça devient franchement indigeste. Donc, tout ça pour dire que pas mal de monde en pris ce genre de thème, non pas pour adopter un style « mag », mais pour accroître leur visibilité en page d’accueil… Ce qui est souvent inutile puisque le visiteur en provenance de Google va la plupart du temps attérir sur la page de l’article.

    Et là, on retombe dans un style blog classique… Et donc, pour moi, si on veut aider le visiteur c’est sur ces pages qu’il faut bosser et non sur la page d’accueil…

    Ensuite, je pense que vouloir copier le style « print » est une erreur. La manière de lire un blog n’est pas la même que lire un magazine. Vouloir reproduire le même schéma ne va pas aider le lecteur. Je pense qu’il faut plutôt partir de l’existant, c’est-à-dire un format classique, et lui donner des fonctionalités simples mais efficaces. Et c’est ce que je pense que tu es en train de faire avec ton thème.

    On ne pourra jamais réaliser les mêmes choses que dans le print tout simplement parce qu’on n’est pas sur le même support…

    Franchement, il y a de belles choses à faire mais trop regarder ce qui se fait sur papier ne sera qu’un frein à la créativité. Je pense qu’il faut se libérer de toute référence pour penser uniquement « ergonomie », « fonctionnalités », « utilisateur ».

  23. Bruno Bichet dit :

    @Francis > Merci beaucoup pour tout ces compliments qui me vont droit au coeur <3 ;)

    Pour en revenir au style mag' print vs web que j'ai trop rapidemet survolé ici, le plus marrant c'est que sur le papier, la 1ère de couv est souvent légère et incitative, alors qu'au contraire, sur le web, la Home est souvent surchargée dans une surenchère qui tient souvent plus du bazar que de la cathédrâle :)

    Alors effectivement, comme tu le dis, le web n'est pas le papier et il est important que le visiteur puisse retrouver ses petits. Là, il y a encore une différence entre la navigation sur un site web "classique" et sur un blog.

    Dans le cas du site "classique", un menu (avec éventuellement un sous-menu) présent sur toute les pages suffit souvent à rendre accessible la plupart des contenus qui sont souvent classés de manière plus rigoureuse que sur un blog, où il faut souvent multiplier les entrées pour donner de la visibilité aux billets jugés importants (soit qu'ils aient bénéficié de BL, de commmentaire, de digg, d'étoiles, etc.).

    Quoique, quand on regarde les grands journaux en ligne on retrouve de plus en plus d'entrées transversales. Le problème des blogs étant que leurs auteurs ne prennent pas toujours le temps de réfléchir au pourquoi du comment de la présence de tel ou tel widget à tel ou tel endroit, etc. D'où l'intérêt du lien que tu donne dans ton dernier SAW sur le tuto permettant d'afficher tous les billet d'un auteur et/ou de la même catégorie, ce qui peut changer un peu des billets plus ou moins en relation…

    Bref, du coup, je pense qu'il serait intéressant de filer la métaphore du magazine print avec une Home légère qui incite à cliquer et des pages intérieures plus riches afin que le visiteur reste d'une part sur l'article (c'est la moindre des choses, non ?) et d'autre part sur le blog !

    Quand je dis pages intérieures plus "riches", je n'oublie pas que l'article doit rester le plus lisible possible et ne doit pas être noyé par du bruit alentour. je pense plutôt aux enrichissements dont on peut doter un billet comme je le fais parfois en faisant flotter du texte à côté d'une image pour rythmer la lecture.

    Bref, c'est pas simple ;)

  24. Bruno Bichet dit :

    @Yves > Je n’oublie pas qu’on doit toujours se boire une bière ou un thé glacé sur Lyon un de ces jours ;) On prévoit quelque chose en juillet ?

  25. burningHat dit :

    @Francis: non non, j’en ai pas loupé et je confirme mon sentiment : « plus ça va, meilleur c’est » et Bruno excelle clairement dans les longs articles de fond ;)

    @Bruno: Attention avec la comparaison entre la cathédrale et le bazar, en informatique, et surtout en dev, le bazar a une connotation largement plus positive que la cathédrale (notamment à cause d’un certain essai d’Eric Raymond) donc pas sûr que la métaphore soit perçue comme il m’a semblé que tu voulais l’énoncer ;)

  26. Bruno Bichet dit :

    @burninHat > héhé, je connais mes classiques, mais si en dev, le bazar saycool, dès qu’on parle de design et d’ergonomie, la cathédrâle lui met largement la pâté :D

  27. Francis dit :

    « D’où l’intérêt du lien que tu donne dans ton dernier SAW sur le tuto permettant d’afficher tous les billet d’un auteur et/ou de la même catégorie, ce qui peut changer un peu des billets plus ou moins en relation… »

    Exactement, t’as tout à fait compris là où je voulais en venir… Surcharger la home ou proposer une pléthore d’articles ne sert pas à grand chose. Mieux vaut travailler sur les pages d’article en proposant notamment ce type d’articles en fonction de l’auteur ou de la catégorie dans la sidebar… Je vais le mettre en place sur BW… ;-)

    Mais plus on « bosse » ensemble ( je mets des guillemets pour ne pas trop en dévoiler !! :mrgreen: ) et plus je trouve qu’on est sur la même longueur d’onde !! ;-) )

    Sinon, pour entrer dans la conversation sur les cathédrales et les bazars, étant un grand fan d’architecture gothique, je crois qu’on ne peut définitivement pas comparer les deux !!! ;-)

  28. Al-Kanz dit :

    Les griefs de Francis, je les connais, puisque je suis de près ses articles. Cela dit, Francis, je te trouve sévère. Est-ce que ce ne serait pas ton penchant pour les designs minimalistes qui te fait dire que les themes magazines sont aussi inadaptés que cela ? Est-ce qu’il ne faut pas plutôt juger le résultat, plutôt que l’outil lui-même ?

  29. Francis dit :

    Al-Kanz > tu as sûrement raison pour le côté minimaliste, mais encore une fois je ne juge pas tant les thèmes eux-mêmes que l’utilisation qui en est souvent faite. Il y a peu de temps j’ai publié un article avec des sites qui adoptent des thèmes mag et je les trouvais sympas (contrairement à Burning Hat :mrgreen: ). Donc non, je ne jette pas tout le monde à l’eau, mais bien souvent, le thème mag n’apporte pas grand chose au blog… ;-)

  30. Al-Kanz dit :

    C’est vrai. D’ailleurs, nous portons le même regard sur le blog : toi sur les thèmes, moi sur le contenu des blogs. Je suis peut-être même en la matière bien plus sévère que toi. C’est dire ;)

  31. burningHat dit :

    @Bruno je doute pas que tu connais tes classiques… c’était juste pour être sûr que les lecteurs suivaient aussi ;)

    Mmm je serais bien intéressé à un fight entre le modèle cathédrale et le modèle bazar en webdesign tiens… Je parle du modèle de développement hein, pas du modèle visuel évidemment :p

  32. bruno bichet dit :

    @burningHat > yop! à supposer qu’on puisse dire que le processus créatif visuel ressemble au processus créatif d’un programme, on peut comparer le deux.

    Comme ça, vite fait, dans un premier temps, on peut trouver pas mal de similitudes : se sont des processus complexes, itératifs, faits d’essais et d’erreurs… Mais les choses se compliquent ensuite. Je trouve qu’il y a une part de subjectivité plus grande dans l’appréciation du résultat visuel que dans le résultat attendu d’un algorithme.

    Dans le premier cas, même si on peut dire qu’un design « fonctionne » ou non, c’est quand même différent du fonctionnement d’un programme : si on a suivi le cahier des charges on peut sans ambiguité dire si ça marche ou pas. C’est plus difficle dans le graphisme où on peut avoir à « plaire » à un panel d’interlocuteurs qui ont chacun leur « avis » sur la question.

    Disons, que dans la conception d’un logo, par exemple, le créatif a souvent tendance à travailler à l’instinct, à suivre son intuition et son inspiration, et une fois le travail terminé, il rationalise souvent son discours, histoire de transformer le bazar en cathédrâle : c’est plus vendeur :p

  33. burningHat dit :

    « il rationalise souvent son discours, histoire de transformer le bazar en cathédrâle : c’est plus vendeur » <- roooh ouaip mais trop ! Comme c’est si souvent le cas en art ça ! Je me souviens avoir tenu des théories plutôt « marrantes » sur tel et tel choix musical après une impro alors qu’honnêtement, pendant, j’étais juste dans mon trip ! :D Après c’était pas forcément tout faux non plus mais y avait une grand part d’inconscient, de réflexes pavloviens, etc.

  34. Francis dit :

    « Mmm je serais bien intéressé à un fight entre le modèle cathédrale et le modèle bazar en webdesign tiens… Je parle du modèle de développement hein, pas du modèle visuel évidemment :p »

    Donc un fight entre webdev et webdesign alors ! Parce que le webdesign, c’est pas du développement…ok ? :P

  35. burningHat dit :

    @Francis: CSS s’apparente plus à du développement qu’à du dessin mais sert le design sauf erreur… :p Donc pas ok ! le design est de plus en plus intiment lié à des schémas venant du dév’ (bien une des raisons principales qui a tant retardé l’adoption des CSS par les graphistes au passage). Ca c’est pour ma partie « mauvaise foi », en réalité c’était un abus de langage de ma part (pardon aux familles tout ça) :

    J’entendais « modèle de développement » du point de vue « gestion du workflow »/répartition des tâches/façon de travailler/bla bla bla et pas « codage php/mysql/perl » du site en effet. Abus de langage certes mais à 22:15, je m’auto-excuse pour l’abus de langage.

  36. Haider dit :

    Salut à tous,

    L’article est très intéressant et j’avais suivi de près les débats sur les thèmes magazines et leurs impacts (contenus, design…) notamment chez toi Francis.

    J’ai déjà adapté plusieurs thèmes sous mimbo pour des amis et mon constat est le suivant :

    • quand la ligne éditoriale n’est pas assez réfléchie
    • quand les articles ne sont pas assez travaillés
    • quand la fréquence de publication n’est pas au rendez-vous,

    les lecteurs se perdent ! Vous me direz c’est le cas partout… pour n’importe quel blog… Pourtant, j’ai l’impression que l’exercice est plus délicat quand on décide de passer à un thème de ce type !

  37. Julien dit :

    J’étais justement en train de me dire que je n’ai pas de nouvelle de ce futur thème :) Cool que ça avance :).

  38. marie-laure dit :

    Hello! merci pr cet article très complet! :) Penses tu qu’un jour, un théme magazine sera disponible pour DC2? J’en avais déjà parlé sur le forum DC , il y a plusieurs mois et visiblement ça n’a pas avancé …

  39. Bruno Bichet dit :

    @marie-laure > Merci ;) Maintenant que la version finale de Dotclear2 est sortie, il devrait être plus facile de se pencher sérieusement sur la question d’un thème magazine pour Dotclear, chose que j’avoue avoir un peu laissé de côté ces dernier temps.

    D’abord, comme je le précise dans ce billet, je suis en train de tester plusieurs chose sur ce blog, et une fois que j’aurais arrêté une liste des « fonctionnalités » pour « faire » magazine, je me pencherais sur ce que Dotclear peut offrir en terme de fonctions pour arriver au même résultat.

    Pour l’instant, même si la documentation de Dotclear commence à exister, elle est loin de fournir le même nombre d’informations sur les possibilités comme : faire plusieurs boucles sur la même page, exclusion de billets (via l’indentifiant ou le nom) dans une boucle, n’inclure que certains billets, afficher/exclure certaines catégories, etc.

    Ceci dit, je vais quand même mettre les mains dans le cambouis pour voir ce qu’il est possible de faire, quitte à ce que la version Dotclear du thème mag’ n’ait pas exactement les mêmes fonctionnalités que la version WordPress…

    Par contre, compte-tenu de ce qui précède, il ne faudra pas être trop pressé(e) ;)

    Par ailleurs, j’aurais certainement besoin de l’aide de quelqu’un qui connaisse bien le moteur de Dotclear pour voir les correspondances éventuelles entre les fonctions de WordPress et celles de Dotclear !

    Stay tuned! donc ;)

  40. [...] de couleurs blanche et grise rehaussée de teintes chaudes. Ce thème se situe à mi-chemin entre le format blog et le style magazine dont j’ai beaucoup parlé à une époque. J’ai gardé la succession des billets et la [...]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site