バージョン 1 - 履歴 - テーマを作る - r-labs

1

Haru Iida

h1. テーマを作る

2

3

{{>toc}}

4

5

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

6

7

h2. テーマフォルダを作る

8

9

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

10

11

 public/themes/my_theme

12

13

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

14

15

 public/themes/my_theme/stylesheets/application.css

16

17

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

18

以下のように書きます。

19

20

<pre>

21

/* Redmineのデフォルトのスタイルシートをインポート */

22

@import url(../../../stylesheets/application.css);

23

24

/* ヘッダー部にロゴを表示 */

25

#header {

26

    background: #507AAA url(../images/logo.png) no-repeat 2px;

27

    padding-left: 86px;

28

29

30

/* プロジェクトメニューを右に移動 */

31

#main-menu {

32

    left: auto;

33

    right: 0px;

34

35

36

</pre>

37

38

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

39

40

h2. テーマを適用する。

41

42

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

r-labs