Mise à disposition des fichiers pour les tutoriels de création de thème

Vous êtes plusieurs à me les avoir demandé depuis plusieurs mois et j’ai fini par céder. Pendant très longtemps, je me suis dit que ce n’était pas une bonne chose de fournir les fichiers complets du thème réalisé à travers les tutoriels. Je me suis dit que la plupart récupéreraient le dossier et ne s’intéresseraient plus au code et au fonctionnement de Wordpress.

Mais si je pense toujours que certains le feront, il existe aussi pas mal de personnes qui ont ou risquent d’abandonner parce qu’ils n’ont pas réussi à passer une étape. Et là, je trouverais ça dommage que tout le monde ne puisse pas créer son propre thème tout simplement parce qu’il bute sur une erreur qu’il ne trouve pas.


Donc, vous trouverez ci-après un zip des fichiers du thème créé dans les tutos. Vous pouvez les utiliser comme vous le souhaitez. Dans les fichiers proposés ici, il y a un lien pointant vers Fran6art dans le footer du thème. Vous n’êtes pas obligé de le laisser, mais si vous le laissiez ce serait un geste sympa pour tout le travail effectué.

Pour revenir au thème en tant que tel, celui-ci est vraiment très simple et pas destiné à une utilisation en l’état. Il est uniquement le reflet des 23 tutoriels et exercices et est un point de départ pour réaliser vous-même votre design de blog.

Le thème a été testé sous Safari, Firefox, IE6 et IE7 et est valide XHTML et CSS. Au niveau des CSS justement, j’ai apporté un petit plus que l’on retrouve sur le thème Sandbox et que j’ai particulièrement apprécié. C’est la possibilité de mettre la sidebar à gauche ou à droite en choisissant une 2ème feuille de style, reprenant les informations de positionnement de cette sidebar.

Par défaut, elle est positionnée à droite. Mais si vous souhaitez la positionner à gauche, il vous faut aller dans votre feuille de style, style.css et au niveau de la ligne suivante:

@import url('layouts-blog/1col-droite.css');

modifiez l’URL pour qu’elle pointe vers le fichier 1col-gauche.css, toujours dans le dosser “layouts-blog”. C’est un petit plus pour les intéressés !! ;-)

Voilà, je crois que c’est tout ! Si vous remarquez des erreurs, n’hésitez pas à me le faire savoir ci-dessous, dans les commentaires !

Telecharger-Le-Theme-1

21 Commentaires pour “Mise à disposition des fichiers pour les tutoriels de création de thème”


  1. 1

    C’est vraiment sympa à toi de mettre ces fichiers à disposition, certes ça peut aider certain à passer sur un obstacle qu’ils n’arrivaient pas à résoudre, cepedant je préfère tout faire moi même, et puis d’ailleur tu donne quand même pas mal d’indications et de bout de code pour réaliser ce thème.

    D’ailleurs merci pour ces tutos qui m’ont permit de réaliser mon thème pour ACD3sign.fr, que j’ai d’ailleurs bientôt terminé.

    A+ et bonne continuation!

    http://www.acd3sign.fr
  2. 2

    Pas mal cette idée… mais je suis heureux d’y être arrivé avant qu’elle ne paraisse !
    C’est vrai que c’est parfois un casse-tête de trouver “LA” petite erreur dans un coin.
    J’ai pu comparer en parallèle ce que j’avais fait… et trouver quelques “variantes” dont je comprends le sens maintenant.
    Ah ! Oui ! J’avais juste quand même une “anomalie” résiduelle :
    ma sidebar commençait en haut à droite de l’entête de mon blog.
    c’est très instructif de reprendre, ligne à ligne l’écriture des template
    Merci encore Fran6 pour cette “riche” idée !
    Alain

    http://venir
  3. 3

    De rien !! ;-)

    http://www.fran6art.com
  4. 4

    Bravo pour ce site qui est exceptionnel, grâce à vous j’ai pu inclure beaucoup de choses dans mon site wordpress.

    Bonne continuation.

    http://www.omactu.fr
  5. 5

    qu’est ce qu’on dit ? j’ai pas entendu …….

    MERCI fran6 !

    http://www.lagazettesportive.fr
  6. 6

    Merci pour tes fichiers qui vont me servir à approfondir Wordpress pour le blog de http://streamfr.net

    Merci encore

    http://streamfr.net
  7. 7

    Merci Fran !

    Juste une question, tu utilise un gestionnaire de téléchargement ? Si oui, lequel ?

    http://www.huuu.fr/
  8. 8

    Bonjour et surtout bravo.

    Je viens de lire pas à pas les tutoriels pour arriver jusqu’ici, presque fébrile tant c’est éclairant. En effet, je dois dire que je suis profondément et très agréablement étonné de la très grande, que dis-je ? de l’extraordinaire qualité de rédaction de ce blog. Habituellement, je répugne à employer de pareils superlatifs mais là…

    Merci pour le don que vous nous faites.

    http://maison.passive.free.fr/
  9. 9

    Alexandre > Non, je n’utilise aucun gestionnaire de téléchargements. Je mets les fichiers à un endroit précis et j’ai un outil de stats qui me dit combien il y a eu de téléchargements, c’est tout…

    Pascal > Ravi de pouvoir me rendre utile. C’est toujours agréable de lire des personnes satisfaites ! ;-)

    http://www.fran6art.com
  10. 10

    Bonjour

    Sinon pourquoi ne pas faire un pdf de tous vos tutoriaux? ce serait pratique pour les novices comme moi.

    http://olivierbaudrydesign.free.fr
  11. 11

    Bonjour,
    C’est avec joie que j’ai suivi le tutos et que j’ai mis les mains dans le camboui.
    Ainsi, il me semble que l’on pourrait mettre les 3 lignes suivantes à la fin du footer et non dans chaque template.

    En effet, toutes les pages font appel au footer, donc forcément les éléments seront fermés.

    Encore merci pour ton travail et tes explications qui nous aident
    Bon courage

    http://chris.porte.free.fr
  12. 12

    Merci ce superbe tuto. Que du bonheur !!! j’ai enfin compris le principe !!!!
    Encore merci et bonne continuation. Là, immédiatement, je part à la recherche d’un tuto pour customizer mon blog avec photoshop (j’ai cru comprendre qu’il y en avait un sur ton site).

    Arnaud , le 25 mai 2008 à 11:27
  13. 13

    Arnaud > Pour le moment, il n’y en a que peu. Je suis en train de construire un thème pour illustrer mes tutos, et en fait, ce sera le sujet de mes tutos de l’été !! ;-)

    http://www.fran6art.com
  14. 14

    Un tout grand merci pour ce tuto.
    Il m’aura permis de réaliser mon premier site en php ;o)
    J’ai juste un probleme que je n’arrive pas à résoudre:
    la sidebar ne reste pas callée contre le content.
    Aurais-tu une idée?

    http://3dvizit.com
  15. 15

    pierre-françois > As-tu passé la validation ? As-tu des articles de déjà écrit ? Ou se positionne la sidebar ?

    http://www.fran6art.com
  16. 16

    Et bien, non, la validation ne passe pas bien, et je ne comprends pas pq. Je reçois ce genre de message:
    Error Line 189, Column 2: document type does not allow element “p” here; assuming missing “li” start-tag.

    Que faut-il faire?

    Mais en fouinant dans les comments de ce blog, j’ai trouvé une solution de quelqu’un qui avait le même problème. C’est donc résolu en ce qui concerne la sidebar.

    http://3dvizit.com
  17. 17

    Bonjour, juste un conseil pour plus de facilité des lecteurs (et aussi un backlink pour vous^^) : dans l’article “Créez votre thème Wordpress de A à Z “, mettez le lien vers cet article.
    Cordialement

    http://worldissmall.fr
  18. 18

    Salut Fran6,

    Je viens à bout du 23ème tutotiel. J’ai passé les étapes une à une jusqu’à la dernière. C’est la première fois que je me lance dans le Php (même si j’ai déjà réalisé un site en html sous dream). C’est une énorme contribution que tu nous apporte à nous tous, mais aussi à l’édifice Wordpress et je ne sais comment te remercier. Les étapes sont claires pour les novices. Leurs assimilations, même si elles demeurent complexes peuvent également être à la porté de tous à force de persévérance.

    Je laisse mon seul commentaire sur cette page car je n’ai pas réussi la validation sur W3.org (4 erreurs) et je viens donc récupérer le contenu du fichier.

    Très bonne continuation,

    Et surtout bon été !

    NB : Depuis plusieurs mois abonné à ton site, ce n’est que ces derniers jours que j’ai pu enfin m’y coller.

    K.

  19. 19

    Coucou Francis ^^
    Tout d’abord, merci énormément pour ce tuto, que je regarde depuis un moment sans oser me lancer. C’est chose faite, et c’est fou comme c’est agréable de se dire “c’est moi qui l’ai fait” !
    Par contre, j’ai un tout petit soucis au niveau de l’apparence du blog, et je ne vois vraiment pas ce que j’ai fait de mal…
    http://akindergarten.free.fr/blog (le blog de ma soeur qu’elle n’utilise pas pour l’instant, et qu’elle a bien voulu me prêter pour faire des tests)
    Ce serait sympa si tu avais une idée.
    Merci encore pour tout ce que tu fais et l’aide que tu apportes à un paquet de gens !

    http://anthilemoon.net/
  1. 1 Création Thème Wordpress | Tutoriel #23: CSS: les liens Pingback on 1 fév, 2008 à 10:18
  2. 2 Revue de Web #4 | .:: edonis'world ::. Pingback on 2 fév, 2008 à 7:01

Laisser un commentaire