Customizing the Look and Feel

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

このページでは、会社の環境に合わせて JIRA インストールをカスタマイズ方法について説明します。一番簡単な始め方は、JIRA カラースキームを会社のロゴに合わせて更新することです (以下を参照)。

  • Upload from File – click Browse to search for and upload a new image for the logo.
  • Upload from URL – use one of the following conventions:
    • A URL beginning with 'http://' or 'https://' is treated by JIRA as an absolute URL/path.
    • A URL beginning with a forward slash '/' is treated as a path relative to the <jira-application-dir> subdirectory of your JIRA Installation Directory.

(tick) Tip: If you use a JIRA WAR distribution, it is recommended that you add your logo images to the edit-webapp subdirectory of your JIRA Installation Directory prior to building your WAR distribution file. For details on building JIRA WAR distributions, refer to the application server-specific documentation in the Installing JIRA WAR section. 

カスタム設定に変更した後、JIRA ロゴが表示されない場合、大文字と小文字を区別している可能性があるため、指定した URL の大文字と小文字が正しいことを確認します。

If you don't like the change, simply click Undo.

 

 

ルックアンドフィール設定

You can easily customize JIRA's look and feel to suit your needs:

  1. Log in as a user with the JIRA Administrators global permission.
  2. Choose  > System. Select User Interface > Look and Feel.
    (tick) Keyboard shortcut: g + g + start typing look and feel
  3. The Look and Feel configuration page will be displayed as follows:
    Screenshot: Look and Feel Configuration

    Logo, Site Title and Favicon


    Colours and Gadget Colours


    日付/時刻の形式


    Refresh Client Resources

  4. ロゴを編集するには、「ロゴとお気に入りアイコン」の次のセクションを参照してください。
  5. To edit the colors, click on the individual colors and edit them directly. For more information, see the section below on Editing colors.

ロゴとお気に入りアイコン

ロゴはすべての JIRA ページの左上隅、お気に入りアイコンは一般的にブラウザーの URL フィールド、ブラウザー タブは JIRA サイトのページを表示します。既定の JIRA ロゴやお気に入りアイコンは、選択した画像に簡単に置き換えることができます。

オプション

説明

Preview (Logo)

A preview of your JIRA site's current logo is shown here.

Favicon Preview (Favicon)

A preview of your JIRA site's current favicon is shown here.

次のオプションは、JIRA ユーザーインターフェイス全体の外観をコントロールします。

色の編集

色を編集するには、個々の色をクリックし、次の手順に従います。

  1. 要素の「色」ボックスをクリックします。
  2. これにより、[色] ディスプレイが開き、そこからカスタムの色を作成したり、特定の色の値を入力できます。
  3. To save your changes, click Update.
  4. If you are unhappy with a color change, click the Revert button that displays in the row where you've made the change:

使用上の注意

  • 次の各オプションで指定した色には、フォント タグおよびスタイルシートの「color:」属性の両方で有効な値を使用できます。
  • When specifying a color, you can use the pop-up color chooser, or specify your own (eg. '#FFFFFF', 'red').
  • 設定した値をクリアするだけで、元のカラースキームに戻すことができます。

ガジェットの色

These seven colors are the seven options from which users can select when changing the color of a gadget's frame on their JIRA dashboard. color 1 is the default frame color for newly-added gadgets.

(info) 注意:

  • 8 つの各オプションで指定した色には、フォント タグおよびスタイルシートの「color:」属性の両方で有効な値を使用できます。
  • 色を指定する際には、ポップアップ カラー セレクタを使用するか、独自の色 (例: '#FFFFFF'、'red' ) を指定します。
  • 設定した値をクリアするだけで、元のカラースキームに戻すことができます。

日付/時刻の形式

The Look and Feel page allows you to customize the way times and dates are presented to users throughout the JIRA user interface.

日付と時刻を指定する際、それらはJava の SimpleDateFormat に基づいている必要があります。

[ルック アンド フィール] ページで編集モードに入っていないときに [日付/時刻の形式] セクションの右端の列に示される例は、さまざまな形式の Jira での表示形式を示しています。

日付/時刻のフォーマットでは相対時間が使用される

Issue date/time fields show a relative instead of absolute date/time format (for example: Yesterday 12:00 PM instead of 20 May 2013 12:00 PM). You can still see the absolute date/time by hovering over the field.

(info) 日付/時間フォーマットは 1 週間後に絶対日付に戻ります。

日付ピッカーのフォーマットの設定


(info) Be aware that these options are different from the Date/Time Formats configuration options on the Look and Feel page, which only customize JIRA's presentation of times and dates to users.

(warning) 日付ピッカーの日付または日付/時刻形式は、1 組のプロパティ (1 つは Java 用、もう 1 つは JavaScript 用) によって定義されます。定義した日付 (または日付/時間) ピッカーが正しく機能するには、2 つのプロパティが一致している必要があります。

以下にいくつか示すのは、米国ベースの日付設定の例です。

日付の表示形式

jira.date.picker.java.format プロパティの値

jira.date.picker.javascript.format プロパティの値

コメント
2010-10-01yyyy-MM-dd%Y-%m-%dISO 8601 形式

Oct/1/10

MMM/d/yy

%b/%e/%y

 

10/01/10

MM/dd/yy

%m/%d/%y

 

2010 年 10 月 1 日

MMM d, yyyy

%b %e, %Y

 

10/01/2010

MM/dd/yyyy

%m/%d/%Y

 

以下に、いくつかの日付/時間設定を示します。

選択した日付

jira.date.time.picker.java.format プロパティの値

jira.date.time.picker.javascript.format プロパティの値

コメント
2010-10-15 08:50yyyy-MM-dd HH:mm%Y-%m-%d %H:%MISO 8601 形式

15/Oct/10 8:50 AM

dd/MMM/yy h:mm a

%d/%b/%y %l:%M %p

 

10/15/10 08:50 AM

MM/dd/yy hh:mm a

%m/%d/%y %I:%M %p

 

最終更新日 2015 年 11 月 9 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.