Update: J’ai décidé d’aller plus loin dans les tutoriels en proposant une toute nouvelle série de tutoriels pour réaliser le design de votre blog. Donc, une fois que vous aurez fini tous les tutos proposés ici, n’oubliez pas d’aller voir la suite ici, où l’on utilisera notamment Photoshop pour réaliser un blog unique, le vôtre.
Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. On va voir l’installation de Wordpress sur votre ordinateur, les différents types de fichiers, leurs hiérarchies, et les interactions entre eux. On va ensuite apprendre à créer un thème relativement simple avec Photoshop et comment l’intégrer dans les différents fichiers. Enfin, on verra comment mettre tout ça en ordre grâce aux fichiers CSS.
Quoi qu’il en soit, quelques petits prérequis seront nécessaires. Mieux vaut avoir quelques connaissances en CSS (Cascading Style Sheets), XHTML, voire php et mysql. Mais pour ces deux derniers, si vous suivez bien les différentes étapes, vous ne devriez pas avoir besoin de tout comprendre. Ce thème va nous mener sur pas mal de semaines, donc je vous demanderai d’être patient On va évoquer les différentes étapes et aborder aussi bien le design que l’intégration d’un thème sur Wordpress. Cet article sera mis à jour au fur et à mesure des articles publiés. Si, au cours de cette thématique vous avez des questions précises, posez-les via les commentaires pour que tout le monde puisse en profiter.
Je ne dis pas que la méthode que je vais présenter est la meilleure mais en tout cas, elle est celle que j’utilise !
“Stay tuned!” comme disent nos amis anglosaxons, les prochains jours et prochaines semaines vont être chargés !
Articles déjà en ligne:
Leçon #1: Installer Wordpress en local sur votre ordinateur
Leçon #2: Pourquoi créer son propre thème ?
Leçon #3: Présentation des Templates
Leçon #4: Hiérarchie des Templates
Leçon #5: Création des Templates
Leçon #7: Introduction au Loop Wordpress
Leçon #8: Le Loop Wordpress, 2ème partie
Leçon #9: Le Loop Wordpress, 3ème et dernière partie
Leçon #10: La sidebar: le formulaire de recherche
Leçon #11: La sidebar: Calendrier, Catégories et Pages
Leçon #12: La sidebar: Suite et fin
Leçon #13: Widgetisez votre sidebar pour Wordpress 2.2
Leçon #15: Création de “sous-templates”
Leçon #16: Insertion des commentaires
Leçon #17: Navigation, page non trouvée et validation XHTML du thème
Leçon #18: Présentation de la feuille de style (CSS)
Leçon #19: CSS: placement des différentes parties du thème
Leçon #20: CSS: customisation du header et du contenu
Leçon #21: CSS: customisation de la sidebar et du footer
Leçon #22: CSS: customisation des commentaires
Deuxième partie: Création du design avec Photoshop:
Présentation de la partie créative du projet
Leçon n°1: Tout commence avec un croquis !
Leçon n°2: Réflexions autour du design d’un blog… !
Sources et références utilisées pour la création des différents tutoriels présentés ici:
Aucun commentaire:
Enregistrer un commentaire