Comme vous l’avez remarqué, j’espère que ça se voit quand même, le thème de fuegin a changé. J’ai donc eu la joie de découvrir comment créer un thème pour wordpress !

Vu que c’est pas forcément évident de trouver des infos utiles et qui vont bien, je propose de partager avec vous tous les liens utiles dont j’ai pu me servir. Vous trouverez des infos allant du simple glossaire HTML ou CSS au tutoriel pour créer son thème de A à Z, en passant par la documentation wordpress sur les fonctions utilisable dans un template.

Je vais passer en revu point par point toutes les choses utiles pour créer son propre thème wordpress du plus basique à la création en elle même. Désolé pour les non-anglophone mais la plus-part des liens sont en anglais. C’est pas forcément pratique mais en informatique les meilleurs ressources ne sont pas toujours traduites !

Le design

C’est pas vraiment mon fort mais il faut toujours commencer par là. Tout ce que je peux vous dire, c’est qu’avant de coder votre thème commencer toujours par avoir au moins une maquette finale.

Exemple de maquette

Utilisez n’importe quel logiciel de DAO et créez l’apparence de votre site. Inutile de mettre les mains dans le code en vous disant que vous mettrez des images après… Vous perdrez plus de temps que vous n’en gagnerez.

HTML et CSS

Pour bien commencer, il faut au moins des bases en HTML et en CSS.  Si vous êtes totalement débutant, je vous conseil de jeter un oeil au site w3schools. Ce site offre de très bonnes infos pour débuter dans la création de page web.

w3scholls un site de référence

Si vous êtes déjà aguerri dans ce domaine, un petit rappel ne fait jamais de mal et un simple glossaire est toujours utile. Pour cela, je vous renvoi encore sur le site w3schools :

• Liste des balises HTML
• Liste des propriétés CSS

Le PHP

N’ayez pas peur ! Cette partie est là uniquement pour vous dire que vous n’avez pas besoin de connaissance en PHP !

Wordpress s'occupe de tout !

Les seuls bouts de code PHP que vous aurez à écrire sont des appels de fonction. C’est-à-dire une ligne qui va faire apparaitre quelque chose dans votre page. Ces fonctions sont déjà toutes prêtes, WordPress l’a fait pour vous.

L’ensemble de ces fonctions est d’ailleurs listé sur le codex WordPress :

• Liste des fonctions dédiées au template

Pour appeler un fonction PHP, rien de compliqué ! Il suffit de mettre le nom de la fonction entre balises PHP. Par exemple, pour afficher le titre de votre blog ou site :

Si vous n’êtes pas sur d’avoir bien saisi, bien que je vous raconte que c’est simple : pas d’inquiétude ! Je vais vous fournir un tutoriel qui explique certainement mieux que moi.

La création du thème wordpress

Soyons clair, je vais pas créer un énième tutoriel sur comment créer son thème wordpress. Mais j’en ai sélectionné deux parmi ceux qu’on peut trouver sur notre ami google :

• Tutoriel en français fait par fran6art
• Tutoriel en anglais fait par themeshaper

Le premier est en français ce qui ravira certain. Comparé au second il explique plus en détail. Donc si vous comprenez vite mais qu’on a besoin de vous expliquer longtemps, je vous le conseil.

Le second lui va peut être plus vite sur certains points mais offre d’autres avantages. Le thème que vous obtiendrez à la fin de ce tutoriel est optimisé pour le référencement ce qui n’est pas vraiment le cas du premier.

Mais pour ce dernier le meilleurs reste la possibilité de téléchargé le code terminé. Themeshaper.com a eu la bonne idée de mettre le thème du tutoriel sur google code !

• Your-theme le thème du tutoriel de Themeshaper.com

En effet, si vous ne comprenez pas un point du tutoriel, vous pouvez vous référé au fichier final.

Créer un thème multilingue

Une dernière chose, comment faire que votre thème wordpress soit multilingue ? En suivant le second tutoriel, on vous prépare à faire un thème plurilingue. Je vous laisse donc vous référer au paragraphe précédent.

Mais une partie n’est pas expliqué par themeshaper.com : comment créer les fichiers de langues pour wordpress ? Pour cela j’ai trouvé un tutoriel très simple et bien fait :

• Créer des fichiers de langues pour son thème

Mes conclusions

Les compétences

• Une bonne connaissance de HTML / CSS
• Quasiment aucune connaissance de la programmation PHP (il suffit de savoir lire et comprendre)

La démarche à suivre

Par rapport aux différents liens que j’ai pu vous fournir :

1. Faire le tutoriel en français de fran6art pour comprendre comment ça marche
2. Faire le tutoriel en anglais de themeshaper.com afin de repasser une couche et apprendre quelques astuces
3. Transformer le thème de ce dernier tutoriel en un thème multilingue grâce au tutoriel de herewithme.fr
4. Utiliser ce thème comme base pour créer votre propre thème

C’est à mon avis une bonne méthode, puisqu’en suivant les instructions de themeshaper.com votre thème sera optimiser pour le référencement et multilingue.

On l’attendait depuis quelques temps, la voila désormais en ligne !

La V3 de Fuegin apporte de nombreuses modifications. Dans le détail :

- Une nouvelle équipe composé de Ciseur, étudiant en informatique,  nouveau rédacteur et administrateur qui rédigera des articles plus orientés programmation et nouvelles technologies, et moi même qui continuera à vous partager des créations découvertes sur le net. Le but de cette équipe est de vous faire partager plus de choses, dans le graphisme, le multimédia & le développement, qui sont généralement des domaines très liés. Ils nous semblent donc important de devoir créer cette liaison au sein du blog Fuegin.

Ancienne version du thème Fuegin

- Un nouveau thème wordpress 2.9 créé entierement pour Fuegin, par mon ami et collègue Ciseur, qui continuera à se modifier dans les semaines à venir pour enlever les différentes petites imperfections encore présentes.

- Une nouvelle identité visuelle, plus aboutie et plus professionnelle, qui j’espère vous plaira et vous facilitera la lecture.

Fuegin s’agrandit, et on espère que vous resterez toujours aussi nombreux à nous suivre, car sans vous, le blog n’est plus !