アルパカDiary Pro

はてなブログProではありません

Redmineのプロジェクト毎にロゴやcss変える方法

久しぶりのRedmineネタ。
今回は「サーバにログインしてあーだこーだ」せず、
カスタマイズ無しでWeb上から
プロジェクト毎にロゴやcss変える方法を書いてみます。*1

事前準備:Wiki Extentionプラグインインストール

事前準備として、Wiki Extentionプラグインをインストールしておきます。
これがないと始まらない。
そして、プロジェクトの「設定」→「モジュール」で
Wiki Extentionを有効にしておきましょう。

「ファイル」にロゴをアップロードしておく

「ファイル」モジュールで、ロゴ素材をアップロードしておきます。*2
今回は30x30くらいのものを使います。


アップロード後、URLをコピペしておきましょう。

Wiki」に「StyleSheet」ページを作成する

適当なページで「StyleSheet」ページを作成し、cssを記述します。
今回はこんなcssにしてみました。

#header > h1 {
  background: url(<上記ファイルアップロードした画像URL>) no-repeat 10px 7px;
  padding: 5px 50px;
}

ロゴ表示

保存が完了すると、プロジェクト名の横に見事ロゴが表示されていますね!!!やった!

普通にcss編集

色変えたりも自由自在です。
以下はデフォルトテーマからbackground-colorのみ変更しています。

#top-menu {
 background: #cc33ff;
 color: #fff;
 height:1.8em;
 font-size: 0.8em;
 padding: 2px 2px 0px 6px;
}

#header {
 min-height:5.3em;
 margin:0;
 background-color:#cc99ff;
 color:#f8f8f8;
 padding: 4px 8px 20px 6px;
 position:relative;
}

まとめ

プロジェクトが増えると今どのプロジェクトにいるかも把握するのが大変になってきます。
そんな時、簡単にプロジェクト毎の見た目を変えられるのは良いですね!

*1:プラグインインストールはご愛嬌ということで…

*2:実は、Wikiの適当なページにアップロードでもOKです