Un Nouveau Design Responsive pour ce blog

Cette fois, ca y est je passe à la version multi-support avec ce nouveau thème. Comprenez un Thème WordPress Responsive (ou réactif en bon français) c’est à dire un design qui s’affiche de façon optimale (je croise les doigts, il reste quelques mini-bugs) peu importe la taille de l’écran (Desktop, laptop, smartphone/iPhone, tablette/iPad,..).


Avec près d’1 visiteur sur 4 provenant d’un mobile ou d’une tablette sur vincentabry.com, il était (presque) temps!

design va

Le dernier changement date de 2012 (donc c’est assez récent) mais cette fois je casse un peu avec les 3 anciens thèmes qui se ressemblaient plus ou moins. Celui-ci est bien différent.

article va

Il m’a fallu pas mal de bricolage, notamment pour tester le nouveau format d’annonces réactif d’Adsense. Pas évident mais le tout semble fonctionner. Il reste les vidéos (un vrai casse-tête) qui ne s’affichent pas correctement sur mobile et tablette, à cause de la taille fixée (width). Pour les anciens posts c’est tant pis mais pour les nouveaux ca devrait fonctionner peu importe la taille de l’écran. Merci au plugin WordPress Fluid Video Embeds.

Cette fois j’ai mis la priorité aux commentaires Facebook, dont la boîte apparaîtra en premier (les anciens commentaires sont toujours visibles).

D’ailleurs si vous aimez ce nouveau design, merci de le dire ci-dessous, ca me fera plaisir :-)

  • Arthur Benchetrit

    Franchement pas mal ce nouveau thème, il s’adapte bien au site en tout cas.

  • Guillaume

    Ça passe très bien sur ms tablette! Mais les pubs gâchent un peu le look ;-/

  • PH

    Toutes les images sont complètement étirées chez moi…

  • Jean-Baptiste

    J’ai l’impression (mais peut-être que je me trompe) que nombreuses photos sont déformées, le ratio longueur / hauteur n’est pas respecté. J’ai vidé le cache de firefox, testé sur chrome, il n’y a que moi qui voit un problème avec le resize de certaines images et vignettes ?

  • gaujay

    Bravo Vincent, voilà un virage qu’il n’est pas toujours facile à négocier. Par contre : où sont donc passés les robots! ;)

  • JPFavre

    J’aime bien la nouvelle police, dans l’air du temps, plus claire et aisée à lire. Quelques bugs effectivement sur le format des images sur pc mais ce n’est pas gênant. Bon courage pour régler ces petits tracas.

  • D.Nguyen

    Un thème frais et clair. Très bonne surprise ! Cependant, la bannière avec le VincentAbry.com est un peu simple… il donne l’impression d’un site « spam » à titre généré.

  • Vincent Abry

    Les images sont étirées sur la home seulement et principalement sur grand écran. Je peux retirer le gros slider image mais j’ai préféré le conserver, ca fait différent que juste présenter des posts les uns en dessous des autres façon blog. J’espère que je pourrai régler ce bug avec le temps.

    Pour l’affichage de la bannière tout en haut, en testant sur iPad2 + Nexus7 j’ai une fois sur deux : elle rentre, ou elle dépasse de quelques pixels…

    Pour la police Spam, merci!! ;_) à ce point? je pense faire un petit logo, ce sera plus sympa.

  • Joe

    Il faudrait aussi passer le logo Vincent Abry en PNG, parce que là on voit les bavures du JPG autour du texte… et c’est pas beau ! Il y a aussi quelques problèmes avec les lettres accentuées dans « ARTICLES DE LA MÊME CATÉGORIE » et les images déformées qui dérangent un peu. Sinon, sur mon Windows Phone ça passe impec. Après, les couleurs flashy c’est pas ce que je préfère mais si la plupart apprécie, tant mieux. ;)

  • Vincent Abry

    oui le PNG c’est corrigé. C’est temporaire, j’ai demandé une création de logo, on va voir si je peux avoir un truc légèrement mieux que mon texte en Arial :-)
    les lettres accentuées j’ai vu,
    cool sur ton téléphone!

  • filtrenet

    ça s’affiche très bien sur mon PC portable, je pense que l’affichage a amélioré beaucoup