Tracサイトのデザインを変えてみる(その２)

[weekbuild]

Tracのデザインって標準でも綺麗なんだけど、 皆がTracそのままじゃ味気ないよね。 ブログサイトみたいに華やかなデザインにしてみたいよね。 ってことで、Tracのスタイルシートの変更方法です。

いろいろ試行錯誤しましたが、結論としては、 「Tracのtrac.cssファイルを直接変更するのが良い」 です。 TranEnvフォルダのsite_css.csに書くという方法(#29,TracGuide)もあるんだけど、以下の理由から。

• 大きくデザインを変えようとすると、trac.cssで定義してあるスタイルが邪魔になる。
• site_css.csは、linkタグではないので、HTMLにベタ書きされる。(これは@importすれば回避できる)

で、とりあえず、２つほど作ってみました。横幅固定にしたのと、ナビゲーションバーやbanner,footerの背景を変更。

• 派手なオレンジ系。ダウンロード
• おちついたブラウン系。ダウンロード

使いたい人は、上記の「ダウンロード」からダウンロードして、tracのhtdocsに上書きしてください。（元のファイルのバックアップを忘れずに）

ホントはこのサイトにも適用したかったんだけど、バナーの画像が うまく白抜きできなくて断念。 まあ、Tracのデザインも大胆に変更できそうだということで、よしとしよう。