Création Thème Wordpress | Tutorial #2: Pourquoi créer son propre thème ?

Avant d’entrer dans le vif du sujet et attaquer les templates, je vous voudrais commencer par répondre à cette question simple mais importante: Pourquoi créer son propre thème Wordpress ? Il existe déjà beaucoup de thèmes existants, dont de nombreux de très bonne qualité. De plus, se lancer dans une telle aventure demande pas mal de temps et d’énergie… Oui, mais il y a aussi pas mal d’avantages à créer son propre thème Wordpress et ceux-ci ne sont pas négligeables. Selon les développeurs de Wordpress, créer son propre thème:

  • C’est créer son propre univers, avoir un blog avec le look que l’on veut,
  • D’un point de vue technique, mettre les mains dans le cambouis, c’est mieux comprendre les templates, les template tags ou encore le Wordpress Loop et en tirer profit. Ainsi, vous pourrez customiser votre blog comme vous le souhaitez, que ce soit au niveau du look mais aussi des fonctionnalités,
  • C’est aussi la possibilité de créer des environnements qui n’existent pas encore chez les thèmes proposés par Wordpress,
  • Possibililté aussi de faire des “releases” publiques du ou des thèmes créés,
  • C’est une excellente opportunité pour mieux connaître et comprendre le XHTML, CSS et PHP,
  • C’est un très bon travail de créativité et c’est fun !

C’est vrai que c’est très intéressant. On comprend vraiment beaucoup de choses et on peut utiliser son blog au maximum. Pour cela, pas forcément besoin de beaucoup de connaissances techniques, mais une bonne compréhension du fonctionnement d’un blog et le minimum de connaissances en XHTML, CSS et PHP sont nécessaires pour ne pas être perdu très rapidement, ni frustré de ne pas arriver à ce qu’on veut.

Les prochaines leçons vont être assez difficiles à comprendre pour les néophytes. On va beaucoup parler codage, PHP, templates, template tags, requêtes et Wordpress loop. Je ne suis pas moi-même un développeur web, mais un créatif. J’essayerai donc de rester simple dans mes explications pour faire en sorte que le plus grand nombre d’entre vous comprennent facilement.

Ce passage par la compréhension du fonctionnement d’un thème n’est pas obligatoire. Vous pouvez très bien commencer directement avec la customisation d’un thème existant. J’ai longtemps hésiter entre les deux possibilités et finalement j’ai choisi de tout expliquer. Même si plus tard vous préférez partir directement d’un thème existant comme k2 ou kubrick, vous pourrez facilement les modifier car vous aurez compris les principes des templates et leur fonctionnement. D’ailleurs, Wordpress recommande à tous de partir d’un thème éprouvé comme les deux thèmes standards figurant par défaut dans votre blog. Ces thèmes ont faits leurs preuves et sont bien optimisés. Mais partir de rien ou tout du moins comprendre le fonctionnement complet de Wordpress est un gros plus et c’est surtout une aventure super intéressante. Pour moi, les semaines et mois à venir vont être très passionnantes, j’espère qu’il en sera de même pour vous. Je vais essayer de poster un à deux articles par semaine sur la création du thème, dépendant de mes disponibilités. Ce thème, c’est le cas de le dire, va prendre pas mal de place sur le blog pendant un bon moment. J’en fais une priorité. J’essaierai de faire en sorte que ça n’est pas trop d’incidence sur les autres sujets. Je vais peut-être faire un peu moins de veille pour avancer de manière régulière sur la création de thème.

Vos commentaires, idées et remarques sont bien entendues les bienvenues. Une fois la partie “technique” abordée, nous passerons rapidement à la partie créatrice avec beaucoup de CSS et de Photoshop. ce qui risque, encore là, de nous tenir en haleine un bon moment !!

Tutoriel suivant: A la découverte des templates !

Fran6

14 Commentaires pour “Création Thème Wordpress | Tutorial #2: Pourquoi créer son propre thème ?”


  1. 1

    super!
    très bon article qui résume bien 1) les motivations et 2) les compétences nécessaires pour se lancer…!
    bravo,j’attend la suite avec impatience : n’étant pas programmeur, je vais apprendre plein de choses.
    SUPER ! :)
    a+

  2. 2

    Très très bonne initiative !!

    Il y aura t’il un nouveau thème pour Fran6art qui va se contruire au fur à à mesure de tes explications ? Un peu comme une illustration de tes propos grandeur nature.
    Bon, c’est une chose qui mangerais sacrément de temps et d’energie, c’est sûr ^^
    Mais ça serait motivant à te suivre dans cette démarche.

    Bon courage pour les prochains articles ! Je ne pense pas prendre de risque en disant que l’on est pas mal à attendre ceux-ci :)
    Attention à ne pas aller trop vite tout de même. Pour ma part je suis patient ^^

  3. 3

    Salut Guirec,

    En fait, je ne sais pas trop encore si je vais parler de mon thème…Mais en tout cas, on mettra tout ça en pratique, ça c’est sûr ! Concernant la fréquence des articles, ça va vraiment dépendre du temps que j’ai. J’aimerais en faire un par semaine, voire deux, mais je ne peux vraiment pas prévoir en ce moment…Et puis, imagine-toi qu’on va aborder le code, le php, les CSS, puis ensuite le design sur Photoshop, puis l’intégration dans les feuilles de style. Donc y a vraiment beaucoup de boulôt et c’est vraiment le centre du blog pour les prochains mois à venir. Je préfère me concentrer là-dessus. Déjà parce que j’y tiens personnellement. Je veux créer quelque chose que j’ai recherché pendant longtemps sans le trouver en français. Et puis aussi parce que c’est vraiment le coeur d’où je veux emmener ce blog. On y parle déjà beaucoup WP, mais on va aussi parler accessibilité, SEO et design ! Donc, c’est certes un thème bien précis mais on aura toujours quelque chose à raconter là-dessus !!! Le thème pour Fran6art verra le jour à la fin de cette série de tutoriels. C’est vraiment un truc qui me passionne et m’”excite” et je veux vraiment le partager avec vous !!!

  4. 4

    très bonne initiative, je n’aurai jamais pus rêver d’un tuto comme celui ci, en tout cas bon courage ^^, esp”rons qu’il ne finisse pas comme les voitures a monter semaine par semaine chez le marchand de journaux et qui s’arrette au bout de 2 semaines parce qu’ils ont plus d’argent ^^.

    Liquid_sky , le 5 juil 2007 à 16:17
  5. 5

    euh…je ne sais pas si tu as exploré un peu le site, mais il en est au n°23…donc, pas de souci, la voiture sera complète ! ;)

  6. 6

    Merci Lomig !!! :D Par ici Liquid-sky !!

  7. 7

    Bonjour à tous, et merci pour ce tuto fort enrichissant pour ceux qui s’intéressent au langage php mais sont novices en la matière !!!

    Je ne sais pas si poser la question ici servira à grand chose et si l’endroit est très fréquenté, mais je me demandais en quoi le XHTML était indispensable…
    J’ai créé tout mon site web plus ou moins à la main avec un logiciel WYSIWYG, le tout en HTML, et je me rends compte que le XHTML l’a remplacé… Vu que je n’ai pas trop envie de refaire tout mon site web, j’aurais voulu savoir l’intérét de ce nouveau langage, et si je peux m’en passer… ?

    Merci encore, et à bientôt !

    Balika , le 30 sept 2007 à 14:14
  8. 8

    Balika > Pas facile de répondre à cette question. C’est à dire que d’avoir ton site en html, c’est déjà dépassé de quelques années et très vite ton site va êtres lui aussi dépassé par les navigateurs qui seront de plus en plus exigeants sur le code… D’ailleurs, je ne sais pas quel logiciel tu as utilisé mais normalement, il devrait te proposer le code directement en XHTML…

  9. 9

    J’ai utilisé NVU, un logiciel libre lui meme un peu dépassé, mais que j’apprécie beaucoup pour sa simplicité qui me permet de toucher énormément au code à la main sans trop m’y perdre…

    La différence entre les deux langages est-elle si énorme ? je ne saisi pas bien cette différence en fait, parce que mon site passe très bien sous la plupart des explorer, notamment safari, et firefox qui est mon navigateur par défault…

    J’ai également remarqué (assez récemment d’ailleurs car je ne m’intéresse guère à IE que je trouve fort déplorable), que mon site web ne passait pas bien du tout sous Internet Explorer (il ne prend notament pas en compte le padding dans la taille et ne laisse pas bien passer les scripts)…
    Cela a t’il un rapport avec le fait d’être en html ?
    L’adresse de mon site au cas où : http://www.constancem.fr

    J’ai fais toute l’interface moi même et voudrais y intégrer un blog, c’est pourquoi je suis ce tutoriel avec assiduité !

    Merci de m’avoir répondu, et merci de me permettre d’y voir plus clair malgré mes faibles moyens !

    Balika , le 30 sept 2007 à 17:09
  10. 10

    J’aurais tendance à dire que non, mais il y a quand même des différences au niveau de la rigueur par exemple. Personnellement, j’essaie d’être le plus proche possible des standards, mais chacun fait comme il veut au final… ;-)

  11. 11

    Salut Francis!

    Je voulais justement me lancer dans la construction d’un blog, et bien je vais le faire grâce à ton tuto!

    Etant donné que je fais ca pour une asso musicale, j’ai décidé de développer moi même mon thème, j’espère que mes maigres connaissances en Php, Html, et Sql suffiront. (à savoir, quelques heures de pratiques pour chaque à l’université)

    Voyons maintenant la suite… ;-)

    Bye’

    Orangebudd , le 23 fév 2008 à 14:03
  1. 1 Créez votre thème Wordpress de A à Z ! Pingback on 19 avr, 2007 à 9:08
  2. 2 Créez votre thème Wordpress de A à Z Pingback on 27 sept, 2007 à 13:16
  3. 3 Création Thème Wordpress | Tutorial #1: Installation de Wordpress en local Pingback on 9 oct, 2008 à 14:24

Laisser un commentaire