Conception d'un thème magazine de A à Z — A comme "Allons-y !"

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

Conception d'un thème magazine de A à Z — A comme "Allons-y !"

theme-a.pngLe thème magazine se porte bien cette année et la tendance est à la hausse. Dans cette catégorie, quelques thèmes sont sortis du lot : Mimbo, traduit en français et modifié par niss et décrit par fran6. (Mimbo Pro est disponible à partir de 90$ — captures d’écran disponibles chez stagueve) et Révolution (à partir de 79$) qui a ouvert la voie aux thèmes magazine payants. Après eux, une foultitude de thèmes du même genre ont vu le jour. Les raisons du succès de ces habillages graphiques pour les blogs sont multiples :

  • Les thèmes magazines donnent un look plus professionnel pour des blogs qui prennent leurs distances avec le « journal intime » ou le « carnet de bord » ;
  • ils permettent une lecture qui s’affranchit du traditionnel ordre anté-chronologique en affichant généralement en première page, la liste des derniers billets par catégorie sous le « billet » du jour mis en avant par un traitement graphique spécifique ;
  • Ils font un usage intensif des images qui prennent souvent la place des titres pour attirer l’oeil et guider le lecteur à travers la page, véritable vitrine du contenu ;
  • pour finir, le look magazine se prête parfaitement à la mise en place de partenariats commerciaux, et nombreux sont les thèmes conçus en fonction des formats publicitaires les plus courants.

Je le veux mon thème magazine !

Tout celà, rend les thèmes magazines très attrayants. Mais tous les blogs ne gagneront pas à les utiliser : dans certains cas, l’utilisation d’un thème magazine pourra sembler disproportionné si les billets ne deviennent pas des articles : de nombreux thèmes n’ont de « magazine » que la première page, les autres ressemblant souvent aux blogs traditionnels, et le pauvre billet de 10 lignes semblera comme posé là comme un cheveu sur la soupe…

ll faut dire qu’un thème public a pour vocation d’être utilisé par le plus grand nombre, quelque soit le sujet, le nombre de rubriques, etc. de sorte, qu’à mon avis, on perd ce qui fait tout le charme des magazines que l’on trouvent chez le libraire : l’adéquation entre le fond et la forme. Rien que ça.

Après avoir réfléchis à cette question épineuse (comment proposer un thème générique adapté au contenu de chacun), j’ai compris que je ne trouverais pas la solution en me grattant la tête, alors j ‘ai pris un crayon et du papier pour poser quelques idées.

Un style magazine, mais lequel…

La première chose que je me suis demandé c’est : un style magazine, oui, mais quel style de magazine… En effet, selon que l’on ouvre GQ, SVM, ELLE ou Entrevue, on s’aperçoit vite que chaque habillage graphique épouse le contenu en fonction des habitudes des lecteurs et de leurs attentes.

J’allais abandonner l’idée quand je me suis dit que le style « journal » pouvait ouvrir des perspectives plus intéressantes encore pour structurer les divers contenus produits par un CMS comme WordPress ou Dotclear.

Finalement, en matière de balisage HTML comme en mise en page, il faut toujours partir du contenu et déterminer ensuite quel sens on lui donne, ce qui déterminera son importance et son emplacement dans la maquette.

P.S. : Ce billet est le premier d’une série dont le dernier sera la présentation d’un nouveau thème destiné à être être distribué.

Stay tuned!

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.



16 commentaires pour “Conception d'un thème magazine de A à Z — A comme "Allons-y !"”

  1. Francis dit :

    Fabuleux buzz et teasing pour apporter ton thème sur un plateau !!! :D J’aime la méthode ! Je relie ! ;-)

  2. Bruno Bichet dit :

    @francis > j’avais pas vu ça comme ça (quel hypocrite, je fais… :D ) Merci ;)

  3. Vincent V dit :

    Je stay tuned à mort !

    J’ai moi même réalisé mon premier thème pour wordpress (pour le blog photo de ma fille, donc pas diffusion publique) et j’ai trouvé que c’est un vrai régal de travailler pour cette plateforme super flexible.

  4. burningHat dit :

    +1 Francis !

    @Bruno, t’as lu l’article de Francis à propos des thèmes magazines d’ailleurs ? Avis très critique mais au combien pertinent qui vaut le détour AMHA

    petite polémique rien à voir (avec le fond du discours): vous trouvez pas ridicule cette dénomination de « thème magazine » ? Perso, je trouve que ça ne veut vraiment pas dire grand chose… C’est encore plus abusif que « Web 2.0″ :p

    Ceci dit, j’ai vraiment hâte de voir la suite que tu nous proposes… (c’est vrai qu’il a un côté « teasing » très prononcé ce billet… ça aiguise l’appétit ;))

  5. Bruno Bichet dit :

    @burningHat > oui oui, j’ai lu l’article critique de fran6 sur les thèmed « magazine » et je partage son point de vue.

    Je ne dirais pas que la dénomination est ridicule, mais je la trouve souvent exagérée ;) C’est comme « web 2.0″ : ce n’est pas forcément le plus adapté mais c’est ce terme que les gens ont adoptés.

    Il vaut mieux parfois suivre le sens du courant pour avancer vers ses objectifs que chercher à le remonter ^_^

  6. Francis dit :

    J’en profite d’ailleurs pour dire ce que j’ai déjà dit là-dessus, mais comme j’ai entendu mes paroles déformées plusieurs fois je préfère maintenant répéter ! ^^

    Les thèmes Mag, oui, mais clairs, bien foutus, pas trop pollués par les JS, faciles à utiliser, et surtout, ça nous changera un peu, beaux !! ^^ Quoi que Mimbo Pro n’est pas mal de ce côté-là ! ;-)

  7. Arkan dit :

    Prend les choses d’un autre point de vue Francis :) Proportionnellement je suis sûr que le %-age de beaux thèmes dans les thèmes magazines et supérieur à ceux des thèmes non-mag :)

    Arkan, toujours voir le positif ^^

  8. Francis dit :

    @arkan > ouais, c’est pas faux non plus… Mais bon c’est une question de goût. Moi les « structure » et « options » sentent le renfermé, le bon vieux bureau de détective privé de la banlieue nord de Chicago où le gars roule encore avec une vieille Caprice des années 70… Ah oui, et j’oubliais, il a de la moquette dans son bureau… ;-)

    PS: en parlant de moquette, faudrait sûrement que j’arrête moi… :mrgreen:

  9. burningHat dit :

    Yop je compte pas remonter le courant et je vais surement parler de « thèmes magazine » un jour ou l’autre mais je trouve ce nom « mal à propos » quand même :p

    +1 @Arkan et @Francis idéalement ces thèmes sont « plus mieux bien » mais les (inévitables) dérives commencent déjà à laisser place à de sacrées horreurs. Sinon y en a que j’aime vraiment mais alors vraiment beaucoup…

    bref, j’me comprends :D

  10. leGizz dit :

    Décidément les thèmes « magazine » sont super à la mode ! Je viens justement de boucler un projet « magazine » et j’en ai encore quelques uns en cours… Il me tarde de voir ton thème !

  11. Bruno Bichet dit :

    c’est vrai qu’il y a une surenchère de thèmes qui se veulent « magazine » mais qui au final ne ne proposent souvent qu’une page d’accueil s’amusant avec les catégories et les customs fields ;)

    Mais le plus gros problème avec ses thèmes magazine n’est pas le thème en lui-même (qu’il soit beau ou pas) mais le fait qu’ils sont loin de mettre le contenu en valeur…

    Le principe de la page d’accueil magazine, ce n’est pas de mettre tout le contenu accessible depuis la home ! Bien au contraire : quand on regarde la première de couv’ des magazines, on s’apercoit vite que la page d’accueil à pour unique objectif de donner envie d’ouvrir le mag, ni plus ni moins.

    Donc, pour l’instant, je réfléchis dans cette direction et je regarde d’un autre oeil les magazines qui trainent dans mon salon ;)

  12. Julg7 dit :

    On attend la suite de la série avec impatience alors ;)

  13. [...] Vivi! Mais je ne fonce pas tête baisser! Je suis en train de suivre les tutos de Fran6 et br1o pour voir comment fonctionne le moteur de templates de WP (wordpress). Ensuite place au design : [...]

  14. Bruno Bichet dit :

    @Julg7 > oki, bon, faudra pas être pressé non plus parce qu’entre A et Z il reste quand même 24 lettres ^_^v

    Pour le moment je « regarde » des magazines papier et ça faisait longtemps que ça ne m’étais pas arrivé (de les regarder, parce que j’en lis toujours bcp…).

  15. [...] news le faisaient il y a encore peu. Pour les blgos propulsés par WordPress, on voit fleurir les thèmes magazine, des thèmes tout faits qui transforment votre vieux blog à la papa en site de news flambant [...]

  16. [...] d’un thème magazine de A à Z sur CCS4design (article en [...]

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