Tutoriel Gimp Wordpress : dessin du thème sur papier
Cet article est rédigé dans le cadre d’un tutoriel consacré à la création de son propre thème wordpress tant au niveau de son contenu (fichiers templates) que du visuel ou design (style.css et dossier images). Aujourd’hui, nous allons voir que nous devons commencer par dessiner la maquette (le croquis) sur papier.
Commençons par dessiner notre thème wp
En effet, la réflexion de votre thème se fait sur papier. C’est ici que vous aller déterminer les différents emplacements : l’entête, le contenu (articles, pages…), la ou les sidebars, le pied de page et autres. Voici par exemple un croquis représentant un thème wp :
Un exemple de croquis thème wordpress
Sur ce modèle que j’ai dessiné, on peut déjà traduire plusieurs choses : une entête sur tout la largeur de la page, en dessous une barre de navigation, à gauche le contenu, à droite nous aurons 2 sidebars et un pied de page. Pour l’instant, on ne se préoccupe pas des dimensions, ni des couleurs, ni des images mais simplement du positionnement des blocs. La prochaine étape consiste à se servir de l’outil The Gimp pour réaliser notre maquette. C’est ici que nous déciderons de la taille et des fichiers images que nous récupérerons dans notre CSS (feuille de style). Mais pour l’instant, je vous laisse le soin de commencer à réfléchir à votre propre thème. N’hésitez pas à nous envoyer vos exemples dans les commentaires afin que tout le monde puisse suivre votre travail et qu’on puisse s’aider mutuellement.
Bon travail et à bientôt pour la prochain tutoriel 
David
- Gimp Wordpress, créer la maquette de votre thème : body, page et header
- Tutoriel Gimp: Créer le design de votre blog wordpress
- CSS WordPress : modifier la feuille de style pour déterminer les tailles de vos blocs
- CSS Wordpress : marge externe (margin) et interne (padding)
- Création de son propre thème wordpress #2 Réflexions, construction sur papier et sidebars
Facebook » Blog Archive » Tutoriel Gimp Wordpress : dessin du thème sur papier
[...] Blog it yourself ! but with WordPress wrote an interesting post today on Tutoriel Gimp Wordpress : dessin du thème sur papierHere’s a quick excerpt Cet article est rédigé dans le cadre d’un tutoriel consacré à la création de son propre thème wordpress tant au niveau de son contenu (fichiers templates) que du visuel ou design (style.css et dossier images). Aujourd’hui, nous allons voir que nous devons commencer par dessiner la maquette (le croquis) sur papier. Commençons par dessiner notre thème wp En effet, la réflexion de votre thème se fait sur papier. C’est ici que vous aller déterminer les différents emplacements : l’entête, le cont [...]
mariga(z)
Hello David,
Cette idée m’intéresse… j’ai envie de changement sur mon blog, et je ne trouve aucun thème qui me convienne. Ou plutot si, mais quand je télécharge le thème sur le CSS…. Bref, y’a rien qui colle… Et j’aimerai un truc plus perso. Ma question, probablement idiote c’est : Gimp ça marche sur Mac ???
David
Salut mariga(z), tu es tombé alors sur la bonne page si tu désires te gérer un webdesign perso ^^
Alors Gimp n’est pas réservé à Mac, tu peux l’utiliser aussi sous windows ou linux. tapes sur google gimp windows pour le télécharger
mariga(z)
Bahhhh… étant donné que je suis sur Mac, ça va pas le faire… Néanmoins, je suis retournée sur ton billet de décembre où étaient répertoriés les free WP Themes et je vais tenter d’en trouver un adapté !!! Grrrr…
Le problème, c’est que même si j’en trouve un, il s’avère que quand je veux modifier le CSS sur le thème actuel ou un autre, ça va tout de traviol… (Je précise que je n’ai aucune compétence en informatique… et ne suis qu »une pôooov blogueuse ;o)
Je me suis permise de mettre ton lien sur mon billet bordélique du jour, car ton blog reste une mine d’infos (francophones) pour qui blogue sur WP…
A bientôt ;o)
Lunack
sympa avec gimp en plus , j’avais vu sous tshop mais pas sous gimp
merci
David
mariga(z)-> tu peux utiliser gimp aussi sous mac ^^
Lunack -> Bienvenue sur mon bloug ^^
mariga(z)
ahaha… il faut que j’aille voir ça alors ;o)
neoopop
ce serait chouette que les images : commençons par dessiner notre theme wp & croquis s’affichent, car pour l’instant y’a nada, merci à toi
David
Oui malheureusement il y a quelques temps j’avais tout perdu au niveau des images et j’ai un manque de temps pour remettre à jour les articles ..