| | 1 | = Color Palette Theme Plugin = |
| | 2 | |
| | 3 | == 1.概要 == |
| | 4 | |
| | 5 | パレットを模したカラフルなテーマです。 |
| | 6 | |
| | 7 | このプラグインを使うには、[http://trac-hacks.org/wiki/ThemeEnginePlugin ThemeEnginePlugin]が必要です。 |
| | 8 | |
| | 9 | なお、デフォルトのTracのアイコンでは横幅が大きすぎてうまく表示できません。 |
| | 10 | 横幅が122px程度の大きさのロゴ画像を用意してください。 |
| | 11 | |
| | 12 | === 1.1 スクリーンショット === |
| | 13 | [[Image(source:/trunk/colorpalettetheme/0.10/colorpalettetheme/htdocs/screenshot.png, width=640, height=400)]] |
| | 14 | |
| | 15 | === 1.2 ご注意 === |
| | 16 | IE6,IE7,FireFox2.0.0.1(Win)で動作確認しました。 |
| | 17 | |
| | 18 | ただし、IE6は透過PNGが使えないためPNGの代わりに透過GIFを使ってます。その結果ボタンに影がつきません。 |
| | 19 | |
| | 20 | == 2.セットアップ == |
| | 21 | |
| | 22 | === 2.1 ThemeEnginePluginのセットアップ === |
| | 23 | [http://trac-hacks.org/wiki/ThemeEnginePlugin TracHackのThemeEnginePlugin]から |
| | 24 | ThemeEnginePluginをダウンロードして、インストールしてください。[[FootNote(Tracのプラグインに共通する説明は、[wiki:TracPlugins TracPlugins]を参照してください。)]] |
| | 25 | |
| | 26 | |
| | 27 | === 2.2 本プラグインのダウンロード === |
| | 28 | 以下からダウンロードしてください。[[BR]] |
| | 29 | ・[[Download2(ColorPaletteThemePlugin Version 0.1,ColorPaletteThemePluginDev,colorpalettetheme,)]] |
| | 30 | |
| | 31 | |
| | 32 | === 2.3 本プラグインのインストールとセットアップ === |
| | 33 | ColorPaletteThemePluginのインストールを行います。 |
| | 34 | |
| | 35 | ==== (1) eggの設置 ==== |
| | 36 | zipを解凍してください。 |
| | 37 | 解凍して出来たフォルダ配下のsrcディレクトリに移動してください。 |
| | 38 | 以下のコマンドを実行して下さい: |
| | 39 | {{{ |
| | 40 | $ python setup.py bdist_egg |
| | 41 | }}} |
| | 42 | distフォルダが作成されます。 |
| | 43 | その中にある*.eggファイルを、TracEnvのplugins ディレクトリにコピーしてください。 |
| | 44 | |
| | 45 | ==== (2) Themeの選択 ==== |
| | 46 | |
| | 47 | trac.iniを以下のように編集してください。 |
| | 48 | {{{ |
| | 49 | [theme] |
| | 50 | theme = ColorPalette |
| | 51 | }}} |
| | 52 | |
| | 53 | また、trac.iniでロゴ画像のパスを指定してください。 |
| | 54 | 例えば、 |
| | 55 | ロゴ画像をTracEnvのhtdocs/images/logo.pngにおいた場合は、 |
| | 56 | 以下のように指定します。詳細はTracIniを参照してください。 |
| | 57 | {{{ |
| | 58 | [header_logo] |
| | 59 | height = -1 |
| | 60 | src = site/images/logo.png |
| | 61 | width = -1 |
| | 62 | }}} |
| | 63 | |
| | 64 | == 3. カスタマイズ == |
| | 65 | site_css.csを書き換えることで、ボタンの色を変えることができます。 |
| | 66 | 色を変えるには、#mainnav2 .num''n'' (nはボタンの番号。0から連番)のbackground-colorを指定します。 |
| | 67 | |
| | 68 | 例:一番上を青に、二番目を灰色にするには、 |
| | 69 | {{{ |
| | 70 | #mainnav2 .num0 {background-color:blue;} |
| | 71 | #mainnav2 .num1 {background-color:gray;} |
| | 72 | }}} |
| | 73 | |
| | 74 | == 4. ご意見・ご要望 == |
| | 75 | ご意見・ご要望は[/trac/newticket?component=ColorPaletteTheme こちら]から登録してください。[[BR]] |
| | 76 | これまでに登録されたものは[query:?component=ColorPaletteTheme こちら]を参照してください。 |
| | 77 | |
| | 78 | [[FootNote]] |