Création Thème Wordpress

// septembre 27th, 2007

Après pas mal d’heures de compréhension et de recherche, j’ai enfin terminé mon premier thème Worpress. J’ai beaucoup travaillé sur le CMS xoops et je dois reconnaitre que cela m’a apporté une expérience qu’il n’était pas négligeable d’avoir pour s’atteler à un design pour un blog tel que wordpress.

Que peut on dire de cette nouvelle expérience ?

Tout d’abord commençons par analyser l’arborescence d’un thème Worpress face à un thème xoops. Dès le premier regard on s’aperçoit de suite que Worpress n’utilise aucun fichier html dans sa structure alors que xoops lui en utilise. La totalité des fichiers de thème pour Worpress sont codés en php, Il est donc conseillé pour quelqu’un qui comme moi n’a aucune connaissance en php de partir sur un thème de base de Worpress afin d’être certain de ne pas faire des erreurs de scripts lors de la conception.

L’architecture d’un thème Wordpress:

Un thème pour wordpress n’utilise aucun tableau alors que xoops en utilise encore dans son architecture, il est donc fortement préconisé si l’on veut se lancer dans la création de thème de se documenter sur les Pages Web sans tableau où d’avoir une base solide en matière de css (Merci Jer !!!) afin de mener à bien votre projet !!!!

Mise en page d’un thème:

Alors là ce sera très court puisque tout tient en un seul mot : css !!!
En effet toute la mise en page des blocs et des images se fait exclusivement à partir du fichier de style, les pages dynamiques ne servant qu’à définir les blocs.

Méthode de travail:

Il n’y a pas de méthode de travail particulière. Tout est une question d’organisation et de méthodologie. Pour ma part voici en quelques mots la méthode que j’ai utilisé.
J’ai tout d’abord reconstitué, à l’aide d’un thème de base de Worpress et d’un screenshot, le template avec mon éditeur graphique. De cette façon j’ai eu un aperçu précis de ce que pouvait être un template sous wordpress. A partir de là, j’ai créé mon propre template que j’ai découpé.
La phase suivante a été de modifier la structure du thème en utilisant le fichier de style afin de redéfinir blocs, colonnes et leurs propriétés (hauteur, largeur etc…).
La dernière phase consistait à réimplanter les images de mon thème dans les propriétés css des blocs.

S’il fallait faire une synthèse:

Je dirais que la route qui mène à la réalisation finale est pavée de div, padding, margin, et autres mais que cela constitue à terme une expérience enrichissante en matière de Design. L’aboutissement d’un thème ne se fait pas en une paire d’heures et l’on ne compte plus les valeurs entrées, effacées, modifiés afin d’arriver à un résultat probant. Il faut s’armer de patience et recommencer encore et encore sa mise en page. Comparativement à xoops, un thème wordpress est beaucoup moins “lourd” et bien mieux structuré. Cela reste néanmoins une tache ardue pour un profane de vouloir créér son propre thème.

Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.