Francis Chouquet Lettering & Web Design

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

0

Update du 5 Octobre 2011: les tutoriels ont beau datés de 2007, ils sont en cours de modifications pour y ajouter les fonctionnalités des dernières versions de WordPress. Quoi qu’il en soit, ils sont toujours d’actualité et ont été mis à jour plusieurs fois.

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

Et si ça vous intéresse, avec des amis, on a créé notre boutique de ventes de thèmes WordPress, Peaxl. Venez jetez un oeil ! ;-)

Sources et références utilisées pour la création des différents tutoriels présentés ici:

Fran6

572 Commentaires

  • Merci bien jolie blog et très magnifique

  • Bonjour, bravo bien dire sur ce blog
    je suis très interne de votre blog et le web 2. 0 Je travail beaucoup sur les blogs merci pour les informations important vraiment.

  • It’s impressive that you are getting thoughts from this post as well as from our
    discussion made at this time.

  • Merci pour cette suite de tutoriel. Vous devriez les relier dans un PDF pour faire un ebook, ça équivaut presque à la qualité d’un livre sur le sujet.
    Bonne continuation.

  • What’s up to all, the contents present at this website are actually remarkable for people knowledge, well,
    keep up the nice work fellows.

    Stop by my web site … Aviate Launcher Invite Code Generator

  • Hello there, You have done an incredible job. I’ll certainly digg it and personally suggest to my friends.
    I am confident they’ll be benefited from this web site.

  • Wow, this piece of writing is good, my younger sister is analyzing
    these kinds of things, thus I am going to let know her.

    Stop by my web-site; PlanetSide 2 Station Cash Generator

  • My partner and I stumbled over here by a different page
    and thought I might check things out. I like what I see so now i am following you.
    Look forward to looking into your web page yet again.

    My web-site :: Warframe Platinum Hack

  • Un très bon article, qui nous explique de 1 à Z comment créer un zolie thème wordpress, merci

  • Simply browse our website to learn more or contact us today at Houston Overhead Garage Doors.
    Steel garage doors cost about $600 for the most basic variety and there are many
    more styles which are priced accordingly. He loves his house and can’t stop talking about
    the great people, the bustling library, and wonderful food
    that visitors can find in the area.

  • nile7

  • هنا

  • هنا

  • here

  • Hello, I enjoy reading all of your article. I like
    to write a little comment to support you.

    Look at my web-site :: casino en ligne francais

  • ) — to gɑmble as much money as possiblе (in conjսnϲtion
    with copious amounts of alcohol, of course). Thhe main object of
    sports ɡamblinɡ is to beat the « Odds makers » and win somee money.
    Iոstead of taking on their own players, they
    woսld help Ьookies run their Ƅusinesses.

    Herе is my page … online bookies

  • Heya terrific website! Does running a blog similar to this
    take a lot of work? I’ve very little expertise in coding however
    I had been hoping to start my own blog soon. Anyhow, if you
    have any suggestions or tips for new blog
    owners please share. I know this is off subject however I just needed to ask.
    Many thanks!

  • Très intéressant, merci

  • Merci pour tout

  • Merci enorment


+ 4 = 13

Success, your comment is awaiting moderation.