Les 10 meilleurs thèmes gratuits WordPress Responsive Web Design en 2013

rédigé par Jean-Baptiste, le juin 5, 2013

Maintenant que nous sommes au point sur l’ergonomie de notre blog et de nos pages articles, on peut aborder la problématique de l’habillage graphique.

 

Sur tous les blogs que j’ai lancés, je suis toujours parti d’un design existant que j’ai au fil du temps personnalisé. Il est donc primordiale que vous choisissiez au départ un thème WordPress qui porte au mieux la promesse de votre blog et tant qu’à faire – puisqu’on se connectera de plus en plus à Internet derrière un mobile ou une tablette –  que votre design soit responsive !

 

Un design de blog n’est jamais figé

 

Lorsqu’on conçoit une page web, la structuration du contenu (rendu possible grâce au langage HTML) est indépendante de sa mise en forme (mise en forme obtenue grâce au langage CSS). Ainsi tout au long de la vie de votre blog, vous pourrez faire évoluer son design simplement en modifiant son code CSS.

 

Mon 1er design de mon site : le thème Kubrick

C’est donc un vrai plus si vous maîtrisez parfaitement les langages HTML et CSS : vous serez totalement autonome au niveau de la personnalisation du design de votre blog.

2e design de mon site : Kubrick personnalisé par mes soins

Après si vous voulez vraiment lui ajouter une touche pro, il faudra avoir recours à un graphiste / designer.

3e design : grâce à Emilie, un beau design, de belles couleurs, un beau logo

 

J’ai procédé aux mêmes étapes avec Blogbuster, Kubrick a été remplacé par Parchment (gratuit à l’époque), et Emilie par Nicolas :-) Je regrette juste de ne pas avoir démarré mes personnalisations à partir d’un thème responsive web design.  Vous allez pouvoir de votre côté éviter cette erreur.

 

 

Où trouver des thèmes WordPress gratuits ?

 

Si vous venez d’installer WordPress, vous allez démarrer de fait avec un thème responsive (le thème Twenty Twelve par défaut dans WordPress 3.5 l’est). Ce thème de base peut ne pas vous convenir, aussi je vous invite à aller dans Thèmes >Onglet Installer Thèmes et à chercher dans plus de 1 700 thèmes gratuits selon vos préférences (couleur, nombre de colonnes, sidebar à droite ou à gauche,…)

 

Vous pourrez ainsi installer directement le thème de votre choix. Pour les utilisateurs les plus expérimentés, il est également possible d’aller chercher d’autres thèmes wordpress sur le web et de les copier-coller via FTP dans votre répertoire wp-content/themes/

Vous avez quelques bons thèmes sur wordpress.org et sur github. N’allez pas les télécharger ailleurs à moins d’être sûr de la source où vous les téléchargerez ! ils pourront être payants ou dangereux (code malicieux ou linking douteux qui handicapera votre bon référencement). Il y a un sacré business autour des thèmes WordPress, et c’est une dérive, car l’essence de WordPress c’est l’open source.

Bien souvent au hasard d’une recherche google, vous vous retrouvez donc sur des blogs peu scrupuleux qui sous couvert de « sélection » vous renverront vers des thèmes payants en touchant une commission au passage !

Pas de ça chez moi ! 

 

C’est quoi un bon thème WordPress ?

 

Sans rentrer dans des critères subjectifs de goûts, on peut exiger certaines choses d’un thème WordPress.

Il doit s’adapter à votre contenu et à vos choix ergonomiques (pour moi : 2 colonnes, contenu à gauche, sidebar à droite)

Il doit s’adapter à tous les écrans (pc, tablette, mobile), c’est-à-dire être responsive web design.

Il doit être neutre, léger en poids, et personnalisable

 

 

Ma sélection des 10 meilleurs thèmes WordPress gratuits

 

Trêve de blablas, vous êtes venus ici pour avoir accès à 10 bons thèmes wordpress (en phase avec les critères énoncés juste avant).  Vous allez pouvoir les tester en action ici : http://blogbuster.fr/en/ sur votre PC, votre mobile, ou votre tablette.

 

Adelle

Un thème de choix pour les blogueuses mode par Bluchic

http://demo.bluchic.com/?theme=Adelle

 
Frank

Un thème de choix pour les maniaques de la rapidité (thème extrêmement léger et épuré) par PJ Onori.

plus d’info : http://somerandomdude.com/2013/04/30/frank-0-9-2-released/

Babylog

Un thème pour les jeunes mamans par Caroline Moore (Designeuse chez Automattic, à l’origine de WordPress)

plus d’info : http://carolinethemes.com/2012/10/11/babylog-on-wp-com/

Catch Box

Un thème idéal pour les blogs pros (mon coup de coeur perso)

http://wordpress.org/themes/catch-box

 

Pachyderm

Un thème à la tumblr par Caroline Moore

http://carolinethemes.com/2013/03/21/pachyderm-on-wp-com/

Publish

Un thème minimaliste par Konstantin Kovshenin (designer chez Automattic)

http://wordpress.org/themes/publish

Responsive

Le thème responsive le plus téléchargé sur WordPress.org par Emil Uzelac

http://wordpress.org/themes/responsive

 

Something Fishy

Thème pour les fans d’aquarium et de pêche par Caroline Moore

http://carolinethemes.com/2012/10/06/something-fishy/

Svbtle

Un thème à la Tumblr par Ricardo Rauch

https://github.com/themeskult/wp-svbtle

TwentyTwelve

 

Le thème de base de WordPress 3.5

 

Jean-Baptiste
Suivez-moi

Jean-Baptiste

Responsable marketing digital chez Orange le jour. Blogueur, Auteur, Entrepreneur la nuit,j'ai plus de 10 ans d'expérience sur Internet en gestion de projets, création d'audience, monétisation.
Jean-Baptiste
Suivez-moi


Tu veux gagner de l'argent avec ton blog ?
Lis tout de suite BlogBuster dispo sur Amazon, Kobo, Fnac, iTunes pour 3,99 €

blogbuster ebook

Nous te recommandons :


Categories and Tags:  Design

Commentaires (9)

 

  1. Tony dit :

    Salut et merci pour ces thèmes, j’en cherche justement un pour un blog que je suis en train de mettre en place et c’est horrible mais je ne trouve rien qui me convienne. J’ai essayé le thème Responsive mais je n’en suis pas fan du tout, je vais tester Catch Box mais il m’a l’air très simpliste.. On verra bien.

  2. Jean-Baptiste dit :

    Salut Tony, je ne m’en suis pas trop mal sorti avec Catch Box. Une fois que j’aurai fini le haut de page et le bas de page, je ferai le switch. http://blogbuster.fr/wordpress/ Quelques conseils pour t’aider dans les manips ici : http://blogbuster.fr/design/comment-personnaliser-un-theme-wordpress-responsive-facilement-et-rapidement.htm

  3. wilfried18 dit :

    Moi non plus , j’en cherche avec des sliders responsive design

  4. Lauren dit :

    bonjour,
    j avoue etre perdu pour choisir mon theme wordpress. Avant j utiliser Hybrid et Skeleton child pour pouvoir creer un site entierement personnalisé. Mais pour que le site soit entierement responsive, c est vraiment beaucoup de boulot. Est que le theme catch box est entierement personalisable? Est ce que je peux l utiliser pour creer toute sorte de design? inserer une video en background? merci d avance.

  5. Jean-Baptiste dit :

    Hello Wilfried 18 & Lauren,

    @Wilfried tu dois certainement avoir un plugin slider responsive : http://wordpress.org/plugins/search.php?q=slider+responsive

    @Lauren Adpatez un design responsive à ses goûts et couleurs, c’est beaucoup de travail je te l’accorde. Faut avoir des bases en CSS, comprendre les media queries. J’ai essayé de le faire ici : http://blogbuster.fr/design/comment-personnaliser-un-theme-wordpress-responsive-facilement-et-rapidement.htm
    Dis-moi si ça t’aide.

  6. wilfried18 dit :

    @jean-baptiste Tu tiens combien de blog ? deja qu’avec un je trouve pas de temps.
    Il en existe pas en natif ? (slides de 2;3 image)

  7. Jean-Baptiste dit :

    @wilfried18

    Je tiens seulement 2 blogs. Celui-ci m’aide notamment à améliorer le principal. Quand on est passionné, on ne compte pas son temps.

    Le thème catchbox à un slider en natif. tu peux d’ailleurs le voir en démo sur leur site. Perso, je ne suis pas fan des sliders. Les lecteurs fidèles qui arrivent sur une page d’accueil de blog veulent arriver tout de suite sur le dernier article (slider = temps de chargement qui augmente) => cf mon analyse ici : zoning et navigation au sein d’un blog.

  8. wilfried18 dit :

    @jean-Baptiste Je demande ça car tu a(vait) un blog ou tu parler de tout et j’aider quand il s’agissait d’aider sur les questions lié a l’auto-entrepreneur.

  9. wilfried18 dit :

    Pas mal l’article (celui que ma fourni le lien

Deviens toi aussi un YouTubeur


Rechercher


Recevoir Blogbuster par email

    Ajoutez votre email :





BlogBuster, le livre


blogbuster ebook

Catégories


Derniers articles et tutos


Derniers plugins ajoutés


Trouver un plugin


Mentions légales - Contact