samedi 25 décembre 2010

Créez votre thème Wordpress de A à Z

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 #6: Le Header

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 #14: Le footer

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

Leçon #23: CSS: les liens

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