クラシック・テーマのロゴおよびカラー・スキームの変更

この例を使用して、クラシック・テーマが適用されたアプリケーションのロゴおよびカラー・スキームを構成します。グローバル・ヘッダーにロゴが表示されます。

ノート: ページ・コンポーザを使用してロゴに加えた変更によって、「外観」作業領域を使用して実行した変更が上書きされます。

この表は、このシナリオについて決定する主な事項を要約しています。

考慮する決定事項	この例での決定内容
新しいテーマの名前は何か	MyCompany
このテーマのベースにする既存テーマはどれか	デフォルト
使用するデフォルトのホーム・ページ・レイアウトはどれか	バナー
新しいロゴとして使用するのはどのイメージか	MyCompany.png ヒント: あらゆるサイズのロゴを使用できますが、幅200 px未満、高さ50 px未満のロゴをお薦めします。
デスクトップのアプリケーションのブックマーク・アイコンとして使用するイメージはどれか	MyDesktopIcon.png ヒント: 最良の結果を得るには、各辺のサイズが16 pxより小さい正方形のアイコンを使用します。
モバイル・デバイスでアプリケーションのショートカット・アイコンとして使用するイメージはどれか	MyMobileIcon.png ヒント: 最良の結果を得るには、各辺のサイズが57 pxよりも大きく、144 pxより小さい正方形のアイコンを使用します。
使用する背景イメージはどれか	WatermarkOracle.png ヒント: 最良の結果を得るには、可能なかぎり1024 x 768ピクセルに近いイメージ・サイズを使用してください。

ロゴおよびカラー・スキームの変更

「テーマ」ページを使用して、ナビゲーション・アイコンやボタンなどの各種UI要素のルック・アンド・フィールの要素を指定します。これらの外観設定を変更できるフィールドは、一部のフィールドに選択する内容に基づいて異なる場合があります。たとえば、デフォルトのホーム・レイアウトとして「ニュース・フィード」を選択した場合、「グループ・インジケータの色」フィールドは選択項目に表示されません。これは、このフィールドがニュース・フィード・ホーム・ページ・レイアウトに適用されないためです。

ロゴおよびカラー・スキームの変更方法を次に示します。

「外観」ツールが含まれているサンドボックスをアクティブ化します。
「ナビゲータ」→「構成」→「外観」をクリックします。
「テーマ」リストから、Sky Blueを選択します。
「デフォルト・ホーム・ページ・レイアウト」リストから、「バナー」を選択します。

ノート: バナー・レイアウトを使用するホーム・ページには、主にインフォレットに移動するページ・コントロール、作業領域アイコン(スタンドアロンまたはグループ)および会社のお知らせなどの情報を表示するバナーが含まれます。
「ロゴ」リストから、ロゴが保存されている場所のタイプとして「ファイル」を選択します。 MyCompany.pngを参照して選択します。
「デスクトップのブックマーク・アイコンの構成」チェック・ボックスを選択し、「デスクトップ・アイコン」リストから「ファイル」を選択します。 MyDesktopIcon.pngを参照して選択します。
「モバイルのショートカット・アイコンの構成」チェック・ボックスを選択し、「モバイル・アイコン・リスト」から「ファイル」を選択します。 MyMobileIcon.pngを参照して選択します。
「背景イメージ」リストから、背景イメージが保存されている場所のタイプとして「ファイル」を選択します。 WatermarkOracle.pngを参照して選択します。

アプリケーションの一般的な外観を指定するには、この表に示された値を入力するか、カラー・パレットからカラーを選択します。

フィールド	値
グローバル・リージョンの背景色	A9A9A9 (暗いグレー) このフィールドでは、UIの最上部のリージョンである、グローバル・ヘッダーの背景色を指定します。
グローバル・テキストおよびアイコンの色	4169E1 (濃い青) このフィールドでは、グローバル・ヘッダーの通常表示されるテキストおよびアイコンの色を指定します。
色のグラデーションの有効化	チェック・ボックスを選択し、グラデーション・タイプを「上から下」として指定し、グラデーションの開始色と終了色を次のように指定します。開始色: 00BFFF (濃い水色) 終了色: 4169E1 (濃い青)
カバー・イメージ	カバー・イメージが保存されている場所のタイプとして「ファイル」を選択します。 MyCover.pngを参照して選択します。このイメージはバナーに表示されます。バナー・レイアウトのホーム・ページの場合、推奨のイメージ・サイズは2600 x 290ピクセルです。
パネル・スタイル	明るいこのフィールドでは、ホーム・ページ上のメイン・パネルのスタイルを指定します。

ナビゲーション・アイコンの外観を指定するには、この表に示された値を入力するか、カラー・パレットからカラーを選択します。

フィールド	値
アイコン・タイプ	実線
サイズ	小
イメージの色	マルチカラー
グループ・インジケータの色	D02090 (赤紫) このフィールドでは、スプリングボードの特定のアイコンに表示される、これらのアイコンがグループ・アイコンであることを示す3つのドットの色を指定します。
ラベル色	000000 (黒) このフィールドでは、ナビゲーション・アイコンのラベル・テキストの色を指定します。
背景シェイプ	円形
背景色	マルチカラー背景シェイプとして「なし」を選択した場合、このフィールドは表示されません。

アプリケーション・ページの外観を指定するには、この表に示された値を入力するか、カラー・パレットからカラーを選択します。

フィールド	値
見出しの色	8B008B (ダーク・マゼンタ) このフィールドでは、アプリケーション・ページのヘッダー・テキストの色を指定します。
リンクの色	0000FF (青) このフィールドでは、アプリケーション・ページに表示されるリンクの色を指定します。
選択の色	FFB6C1 (明るいピンク) このフィールドでは、ページ上の選択されたUI要素またはハイライト表示されたUI要素の色を指定します。
強調表示色	FFB6C1 (黄)
カード・スタイル	明るいこのフィールドでは、グリッド・ビューを持つアプリケーション・ページに表示されるカードのスタイルを指定します。
従業員用ランディング・ページ・アイコン	青このフィールドは、個人情報、福利厚生および休暇欠勤など、従業員に関連するすべての作業領域のランディング・ページのアイコン色を指定します。

ボタンの外観を指定するには、この表に示された値を入力するか、カラー・パレットからカラーを選択します。

フィールド	値
ラベル	000000 (黒) このフィールドでは、ボタンのラベル・テキストの色を指定します。
境界線	000000 (黒) このフィールドでは、ボタンの境界線の色を指定します。
色のグラデーションの有効化	チェック・ボックスを選択し、グラデーションの開始色と終了色を次のように指定します。開始色: 4169E1 (濃い青) 終了色: 00BFFF (濃い水色)
角の丸み	小このフィールドでは、ボタンの角の丸みの程度を指定します。たとえば、「なし」はボタンの角が丸くならないことを示し、「小」はボタンの角がわずかに丸くなることを示します。

「処理」メニューで、「別名保存」を選択し、テーマ名をMyCompanyとして入力します。
「このテーマを適用」チェック・ボックスが選択されていることを確認します。
「OK」をクリックします。