Tutoriel Gimp: Créer le design de votre blog wordpress
Lorsque l’on commence à s’intéresser à la création de son thème Wordpress, on se demande souvent comment réaliser son propre design. Personnellement, j’ai pas mal galérer pour rechercher des informations sur le net et j’imagine que c’est votre cas si ce billet vous intéresse 
Comment réaliser le webdesign de son blog wordpress avec Gimp
Nous allons voir comment réaliser une maquette du thème sur papier, et ensuite la réaliser sur Gimp. J’ai choisi Gimp car c’est un logiciel de retouche d’images très pointu et libre, donc à la portée de tous. Une fois la maquette sur Gimp crée, on va la découper et on va l’intégrer dans notre feuille de style (style.css) et dans nos fichiers templates. Pour vous expliquer ces tutoriels, on partira sur un design simple afin de bien intégrer toutes les étapes de construction de votre webdesign.
Cette page va servir de centralisation des différents articles consacrés à ce tutoriel et elle sera donc mise à jour lorsqu’un nouvel article sera rédigé. N’hésitez pas à vous abonnez, si vous désirez être au jus des articles à paraître.
Alors déjà, j’aimerai sonder les besoins parceque cela va me demander pas mal d’investissement. Prêt pour suivre ce tutoriel ?
Etape 1 : Dessin du thème wordpress sur papier
Etape 2 : Gimp Wordpress, créer la maquette de votre thème : body, page et header
Bastien
Je plussoie l’initiative !
Deps
J’attend avec impatience de voir ce que l’on peut faire avec GIMP et surtout comment !
Olivier
ça va être intéressant de voir ça pour moi qui suit habitué à paint.net.
jisee
je suivrais avec attention ces tutoriaux
David
Salut Bastien, Deps, Olivier et Jisee,
Vous allez voir, Gimp est une petite merveille pour réaliser votre design. Bon, ça y est, j’ai fais le croquis sur papier ^^
Nico
Yes, je suis tout ouie !
ALONE
je suis de la partie
David
Salut Nico et Alone,
Je vais encore attendre un peu les commentaires, pour voir si je m’y met ^^
Rydgel
Je suis de la partie aussi !
Bastien
Allez David, allez David, Alleeezzz,
En plus, dans ma série de tutoriels wordpress, j’arrive bientôt au design …
T’auras un gros lien en dur rien que pour toi !!
David
Ok ok ^^
William
Bonjour,
une question qui me taraude et qui se réfère indirectement au design :
Comment avec Wordpress mettre tout son site (index.php) centré en largeur mais surtout avec
un margin au top de la fenetre navigateur ainsi qu’au bas de la fenetre navigateur (hauteur); en clair, mettre par ex. une div avec une largeur et une hauteur donnée ( mettons 500×400 px ) qui soit justifier en largeur et hauteur ?
J’ai épluché 10000 que dis-je 100 000 templates sans avoir le résultat souhaité, en vain…
Je veux éviter d’aller dans le css par défault de Wordpress pour le bidouiller et avoir des surprises niveau compatibilité navigateur.
En vous remerciant d’avance !
David
Bonjour William,
Si tu veux une div centrée et collée en haut et en bas, c’est margin: 0 auto; Mais je ne comprend pas bien ta question ^