プロジェクト

全般

プロフィール

操作

テーマを作る

Redmineではテーマを変更することにより、見栄えを変更することができます。標準のテーマはシンプルですがいささか地味で味気ない感じがします。CSSの知識があれば自分好みのオリジナルテーマを作成することができます。

テーマフォルダを作る

テーマはRedmineインストールフォルダの下のpublic/themesの下に作ります。my_themeという名前のテーマを作る場合には、まず、以下のフォルダを作ります。

public/themes/my_theme

このフォルダのサブフォルダ"stylesheets"の下に"application.css"という名前でスタイルシートファイルを作ります。

public/themes/my_theme/stylesheets/application.css

スタイルシートは一から自分で作ってもよいのですが、デフォルトのテーマをインポートして変更したい箇所だけスタイルを上書きすると簡単です。
以下のように書きます。

/* Redmineのデフォルトのスタイルシートをインポート */
@import url(../../../stylesheets/application.css);

/* ヘッダー部にロゴを表示 */
#header {
    background: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}

/* プロジェクトメニューを右に移動 */
#main-menu { 
    left: auto;
    right: 0px;
}

この例ではmy_theme/images/logo.pngを読み込んでヘッダ部に表示します。

テーマを適用する。

Redmineを再起動し、「管理」→「設定」を開くと、テーマに"My theme"が追加されています。ここで選択したテーマが適用されます。


Updated by Haru Iida , 14年以上前に更新
Access count: 13310 :since 2009-10-30

Haru Iida さんが14年以上前に更新 · 1件の履歴