Si j’ai cédé à la tentation de rendre présentable au public ce chantier ouvert et d’intervenir d’emblée par exemple sur la présentation des commentaires et leur formulaire, je ne procède d’habitude pas ainsi. Voici donc en bon cordonnier mes conseils de construction d’un thème en sept étapes :

  1. Préparatifs.
    • Création du répertoire pour le nouveau thème ;
    • Création dans ce répertoire du fichier _define.php
    • Placement du fichier style.css comportant tous les marqueurs d’un thème Dotclear et l’import des deux feuilles ci-dessous
    • Placement du fichier rebase.css avec toutes les règles de reset et de comportement des balises html par défaut
    • Placement, si nécessaire, du fichier mediaqueries.css avec les deux premiers groupes (inférieur et supérieur à 480px)
    • Création éventuelle du répertoire tpl avec un fichier user_head.html pour y placer des scripts ou metas supplémentaires
    • Création d’un dossier d’images du thème
    • Création d’un dossier work dans lequel je range tous mes bouts de tests, images d’origine, icônes de réserve, etc.
  2. Layouts :
    • Structure unique : mise en place de la structure, soit directement dans style.css, soit dans un fichier layout.css importé dans style.css ;
    • Structure variable : placement des différentes règles de layout dans le fichier mediaqueries.css
  3. Top, footer, sidebar :
    • Configuration, styles et modifs éventuelles du haut de page (_top.html) ; ne pas oublier le (nouveau) menu de premier niveau !
    • Styles et modifs éventuelles du pied de page (_footer.html)
    • Configuration, styles et modifs éventuelles des widgets de présentation (_sidebar.html)
  4. Les pages avec listes :
    (Ajustement des modèles d’items si nécessaire, ne pas oublier la pagination)
    • home.html
    • category.html
    • search.html
    • archive_month.html
    • tag.html
    • autres contextes créés par des plugins et présentant des listes
  5. Les pages avec billet solo :
    • post.html : présentation du billet, des commentaires, du formulaire de dépôt d’un commentaire
    • page.html : idem
    • autres contextes créés par des plugins et présentant des contenus du type « billet seul ».
  6. Les pages spéciales :
    • archive.html
    • 404.html
    • tags.html
    • autres ajoutées par plugin (contact…)
  7. Le reste :
    • S’occuper éventuellement de la feuille print.css si celle livrée ne convient pas
    • Refaire un tour du propriétaire et apporter les derniers ajustements
    • Tester sur un maximum de navigateurs
    • Pester et jurer, puis traiter les bugs d’Internet Explorer