Francis Chouquet Graphiste Lettering

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

574 Commentaires

  • merci bcp pour les leçons mais c’est pas facile de créer un theme wordpresse sans savoir des connaissances sur php.

  • Superbe article, je ne savais pas comment insérer les commentaires et surtout en contrôler l’acces j’ai enfin trouver la solution … Un grand merci … Bises à l’auteur. Maria xoxox

  • Merci pour le tuto, car j’ai eu du mal à trouver pour créez un thème WordPress, je vais pouvoir me lancer dans la création du mien.

  • Performing breathing ExercisesWhen you actual feeling force, your material part reacts physically. Some clan actual feeling an increased centre of circulation rate, sweating, headaches, or shallow, quickened respiration. breathing exercises can take the severity out of a stressful location to help you think more calmly and clearly. A uncompounded respiration application includes inhaling slowly for five seconds through the nose and exhaling slowly for five seconds through the jaws. Point of concentration your respiration on seeing your coffer rise and fall versus seeing your stomach go in and out. It should not be used as a commute for professional of medicine suggestion, diagnosis or usage. LIVESTRONG is a registered trademark of the LIVESTRONG Groundwork. Moreover, we do not single out every advertiser or advertisement that appears on the web website-many of the advertisements are served by third cabal advertising companies.

  • Pretty nice post. I just stumbled upon your weblog and
    wished to say that I’ve really enjoyed browsing your blog posts. In any case I will be subscribing to your feed and I hope you write again soon!

  • If some one desires to be updated with latest technologies after that he must be pay a visit this
    website and be up to date everyday.

  • Bonjour, j’ai suivi ce tuto, et j’ai maintenant un thème vierge que je suis en train de modifier, designer…
    Je me suis créé un menu personnalisé en html/css. J’aimerais savoir si il y a un moyen d’avoir accès à mon menu depuis le backoffice de wordpress, pour que d’autres personnes puissent facilement le modifier depuis wordpress, sans avoir a passer par le code comme je suis en train de le faire.

    Cordialement, Thomas.

  • bon

  • Hi there are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and create
    my own. Do you require any html coding knowledge to make your own blog?
    Any help would be greatly appreciated!

  • Since the production of this oil contributed mostly to the medical therapy, the creation of the oil contributed much to the females of
    the native Berber group in Morocco to have a steady source of income
    and good working conditions and was able to build up their literacy and various education courses.
    The oil is extracted from the kernels of the argan
    tree fruit and it is priced higher than other oil products because only one to three kernels are found in every argan fruit
    and the tree where it comes from is endangered and found in few places.
    Prostaglandin is a natural anti-inflammatory and acts as a
    controlling factor in overall cell growth and development.

  • sam malonga

    Bonjour,

    Merci pour ce tutoriel.
    Je veux juste savoir si le tutoriel « Créez votre thème WordPress de A à Z » qui date de 2007 est toujours valable au jour d’aujourd’hui, c’est à dire en mai 2013.
    Merci de votre réponse.
    Bien à vous.

    SAM VALDER

  • Hugo Malenga

    c’est très interressant comme tuto.
    pourqoi ne pas le disponibiliser en Pdf???? c’est serait encore super…
    dans tous les cas, merci beaucoup pour ce guide de qualité.

  • Excellent post. I was checking continuously this blog and I
    am impressed! Extremely helpful info specifically the last part 🙂 I care for such information a lot.
    I was looking for this particular information for a very long time.

    Thank you and best of luck.

  • You completed a number of good points there.
    I did specific searches about the issue and found lots of people can relate with along with your
    blog. Excellent post!

    Feel free to surf to my page – weight loss system for
    kids :: WiltonHaufwebpage.wallinside.com :
    :

  • I’m usually to blogging and i actually thank you for content regularly. This written content has truly grabbed my interest. I’ll
    bookmark your site as well as continue checking for
    more information.

    my page :: fitness depot (Miles)

  • Highly energetic blog, I enjoyed that bit. Will there be a part 2?

    Look at my site … accountant bendigo

  • Hello! I just would like to give an enormous thumbs up for the good
    information you have right here on this post. I will probably be coming again to your weblog for extra soon.

  • vdss

    Bonjour,

    J’ai suivi à la lettre les premières étapes de la création des 5 fichiers .php mais au moment de me rendre sur wordpress tout le css du site a disparu. Je n’ai rien touché.
    Que faut-il faire ?

    Merci

  • Merci pour ces tutos précis et bien clairs. Mais y aurait-il pas des mises à jour à introduire dans les codes.. depuis le temps de l’article?

  • Thank you for another wonderful article. The place
    else could anybody get that kind of information in such
    an ideal means of writing? I have a presentation subsequent week,
    and I’m on the search for such information.

  • First of all, you need to start by creating « Follow » and « Pin It » buttons on your
    website. For example, if you’re a web designer, and your market is likely to eat at the local Chinese restaurant that has a community bulletin
    board, your flyer should be posted there. Marketing majors, and others entering the advertising industry, generally work
    in one of two areas of advertising: sales or creative.

    my webpage; free online marketing articles

  • sam valder

    Bonjour, le tutoriel est tout de même bien mais il manque des précisions des fichiers à modifier au fur et à mesure qu’on évolue. A chaque ajout de code on se demande dans quel fichiers on va le réaliser, on est obligé de chercher. Merci quand même pour le tutoriel.

  • Wow! After all I got a weblog from where I can actually obtain
    valuable facts regarding my study and knowledge.

    Also visit my blog; juicing for better skin

  • Thank you a lot for sharing this with all of us you really understand what you’re speaking about!

    Bookmarked. Kindly additionally talk over with my web site =).
    We can have a link exchange agreement among us

  • WordPress est vraiment l outil idéal pour crée des sites web.

    google

  • Merci beaucoup pour ce tutoriel ! Il est P.A.R.F.A.I.T !

  • Une bible ! Merci !

  • Je reviens avec plaisir en pélerinage sur ce tuto qui m’a fait découvrir de façon simple comment créer un template pour WordPress. Retour aux sources…

    Car ce n’est pas avec les thèmes par défaut de WP que j’aurais jamais pu y arriver je pense. Désormais j’ai un thème complètement mature et responsive… codé de A à Z sans plugins.

  • Pretty! This was an incredibly wonderful article.
    Thanks for supplying this information.

  • waow merci pour ce superbe article grâce a toi j’ai créer mon premier thème wordpress dont je suis très fier 🙂 et si vous voulez j’ai un blog sur wordpress ou je partage ma passion du cms http://www.formatuts.fr/

  • My spouse and I stumbled over here from a different web address and thought I might as
    well check things out. I like what I see so now i am following you.
    Look forward to looking over your web page repeatedly.

  • Hi, I desire to subscribe for this blog to take most up-to-date updates, therefore where can i do it please assist.

    My web page – Euro Truck Simulator 2 Crack (Youtube.Com)

  • paellota

    Hello,

    Est-ce que ce tuto est encore à jour?

  • Paellotta > Oui mais pas forcément complet. Disons que ça reste une très bonne base. Il sera amélioré dans l’année.

  • Bonjour , tres sympa votre article monsieur l’auteur , article touche mon besoin

  • No-Hassle Programs Of Clash of clans Simplified

    my weblog – monster warlord Gold cheats

  • 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.

Success, your comment is awaiting moderation.