Comment aborder la création de Template pour Thélia
Faire un template fonctionnels reste quelque chose de relativement simple, mais pour ne pas se retrouver rapidement dans une usine à gaz il faut être méthodique :
Pré-requis :
- connaître HTML
et
-maitriser les CSS.
Le graphisme reste pour ma part le plus difficile, mais vous trouverez d’innombrable source d’inspiration sur le net
Ma méthode :
1) Prenez une feuille blanche et dessiner à main levé le cadre de votre page et positionner les éléments de votre page là ou vous les aimeriez
(Ex : entete, menu, titre, identification, moteur de recherche, panier, produit, pied de page…) après cette étape vous aurez déterminer votre présentation et vous saurez quel type de layout vous avez besoin.
2)Choisir un layout (un « patron »)
(généralement le layout sera le même pour toutes les page de votre site, si vous arrivez à une autre conclusion c’est que, soit vous avez une demande très spécifique ou soit vous vous prenez trop la tête)
Sur http://blog.html.it/layoutgala/ les layouts de base ou pour les connaisseurs averti des CSS vous avez le layout parfait sur http://matthewjamestaylor.com/blog/perfect-3-column.htmen full CSS sans JS optimisé SEO, et adaptable sur tous les écrans (Mobile compris) (mais attention l’imbrication des div est géniale mais difficile à paramétrer sur certain modèle).
3) Coller le code css dans une nouvelle feuille de style vierge et coller le code HTML dans une page HTML vierge, lier les deux pages
4)Déterminer la largeur de la page, et les largeurs de vos colonnes.
(pour les débutants commencer avec des largeurs fixe en pixel, car les designs élastique en % demande de la pratique et, une bonne connaissance des réactions des navigateurs)
Info pratique pour vous décider à déterminer votre largeur de page :
http://www.strategiesdunet.com/blog/41- … -mars-2009
http://www.strategiesdunet.com/gestion- … les-moeurs-
5)Déterminer la couleur et le style de votre police et, la couleur et le style de vos liens
6)Intégrer les éléments et les boucles de Thélia dans vos pages en étant méthodique et rigoureux sur les noms des pages et des class et ID
7)Traiter les pages les unes après les autres sinon vous allez vous y perdre
8)Thélia a l’avantage d’être vraiment super malléable et pas capricieux du tout.
Vous ne devriez rencontrer aucune limite pour vos designs aussi complexe soient ils, avec les CSS vous pouvez régler tous les éléments au pixel prés
Pour arriver à faire un Template fini, définissant l’aspect de chaque pages et de chaque éléments il vous faudra au minimum 10 à 15 jours de boulots, (bon à savoir :certain Webdesigner travaillant sur WordPress réalisent 2 Templates par mois )
Vu le temps passé pour réaliser des Templates complets dédié au E-Commerce, c’est très difficile de trouver des exemples gratuits .
Mais, par contre on peut trouver des exemples de site e-commerce avec une présentation simple et redoutable jeter un œil sur l’exemple
http://shoeguru.ca/products/shoes/mens/sports
Ou bien avec un design hors du commun (à mon sens, bien sur !)
http://www.duirwaigh.com/
Voila!
Bien entendu, cette article n'est ni un tuto ni un cours mais juste une info
Pour être simple, il faut beaucoup apprendre.
