Faire vos propres templates pour XSitePro
Faire ses propres templates est la la portée de tous. Même ceux qui pensent que c’est au delà de leurs talents artistiques, peuvent arriver à faire des templates sympas avec un minimum d’effort.
Vous vous demandez sans doute pourquoi créer votre propre template alors qu’il en existe déjà des centaines disponibles en ligne pour quelques euros. Ma réponse est simple : parce que c’est votre site internet et qu’il y a une vraie satisfaction à avoir un look unique qui vous appartient. Bien sur les templates déjà faites peuvent vous faire gagner du temps et dans certains cas cela vaut le coût.
XSitePro est livre avec des templates qui peuvent convenir à un grand nombre de thèmes mais si vous êtes toujours intéressé de créer votre propre look, alors suivez les quelques conseils ci-dessous :
La plupart des sites internet ont un haut de page (Header), un pied de page (Footer), une zone centrale (main body) et deux colonnes (left and right panels). Votre look doit tenir compte de ces différents éléments. Évidemment vous pouvez définir votre page comme bon vous semble mais cette structure est recommandée pour votre SEO (Search Engine Optimization).
Une fois que vous avez une idée précise de ce que vous souhaitez faire, vous pouvez commencer le design des éléments. Pour cela vous pouvez différents logiciels graphiques, le plus connu étant Photoshop. Créez un nouveau document (canvas) et commencez votre projet. Au début je vous conseille de rester simple. Si vous vous découvrez des talents caches, alors lâchez vous. Si vous voulez apprendre quelques techniques avec Photoshop, faites une simple recherche sur Google pour “tutorial photoshop”.
Une fois que vous avez le design de votre page dans Photoshop, il vous suffit de découper votre page en morceaux (slices). Pour que les différents éléments rentrent bien dans XSitePro, il est conseille d’utiliser les tailles suivantes :
Header – 160 x 700 pixels
Left and right panels – 65 x 185 pixels
Main body – 65 x 500 pixels
Footer – 60 x 130 pixels
Vous pourrez par la suite essayer d’autres tailles.
Maintenant, allez dans XSitePro, créez un nouveau site. Cliquez sur l’onglet Page Layout. Dans cette page, vous vous choisir chaque élément graphique pour chaque partie de votre page. Une fois que vous avez choisi tous vos éléments, votre page dans XSitePro devrait ressembler au design que vous aviez dans Photoshop.
Maintenant vous avez un site avec un look unique. Simple et efficace.
(No Ratings Yet)
Loading ...
