---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile
Release :
- xanadu
ft:locale :
- ja-JP
ft:publication_title :
- Xanadu モバイルの構成とナビゲーション
ft:clusterId :
- mobile
bundleId :
- mobile
workflow :
- Platform
---
# アイコンセクションへの画像の追加
# アイコンセクションへの画像の追加 {#ariaid-title1}
* リリースバージョン: Xanadu
*
* 更新日 2024年08月01日
*
*  所要時間：2分
アイコンセクション内で使用する画像またはアイコンスタイルの画像をアップロードします。パーソナライズされた画像を使用して、モバイルアプリケーションをブランディングします。この機能は、モバイルアプリビルダー とは異なり、Web ベースの UI で構成されます。
## 始める前に
必要なロール：admin
## 手順
1. 画像をアイコン画像テーブルにアップロードし、画像の sys_id にアクセスします。
1. \[すべて\] に移動します。
2. フィルターナビゲーターに「sys_sg_icon_image.list」と入力して、アイコン画像のリストを開きます。
3. \[新規\] を選択します。
4. 画像の名前を入力します。
5. \[クリックして追加\] を選択し、画像を参照して選択し、アップロードします。
注:
画像の最適な比率は 1:1.24 です。高さが 74 ピクセル、幅が 92 ピクセルの固定フレームサイズを考えます。
6. \[更新\] を選択します。
画像がアイコン画像テーブルに追加されます。
7. 要素名を右クリックし、\[sys_id をコピー\] を選択します。
2. 選択した画像から画像タイプのアイコンを作成します。
1. \[すべて\] に移動します。
2. フィルターナビゲーターに「sys_sg_icon.list」と入力して、アイコンテーブルを開きます。
3. \[新規\] を選択します。
4. 画像タイプのアイコンの名前を入力します。
5. \[アイコン名\] フィールドに、属性名 ImageRef を入力します。
6. \[アイコン値\] フィールドを右クリックし、選択した要素名の sys_id を貼り付けます。
7. \[タイプ\] フィールドで \[画像\] を選択します。
8. \[送信\] を選択します。
3. 定義された画像をアイコンセクションにマップします。
1. \[すべて\] に移動します。
2. フィルターナビゲーターに「sys_sg_navigation_section_destination.list」と入力して、アイコンセクション宛先テーブルを開きます。
3. 次のいずれかを実行します。
* 表示されたアイコンセクションの宛先をリストから選択します。
* \[新規\] を選択し、\[アイコンセクション宛先タイプを選択\] メニューから、ランチャー、画面、または機能オプションのいずれかを選択します。
{#add-image-icon-section__ul_jmx_hn5_3sb}
4. \[画像\] フィールドで、参照ルックアップアイコンを使用して、作成したアイコンタイプの画像を選択します。
注:
アイコンセクション宛先タイプテーブルの残りの部分を入力するための詳細については、「[アイコンセクションで追加機能を構成する](https://servicenow-prod.fluidtopics.net/OxyB0pdX34pN_n_p3aI3AA "表示するアイテムのタイプ (アイコン、画像、テキストのみ)、列数、大画面の設定など、追加のアイコンセクション機能を定義します。これらの機能は、モバイルアプリビルダー とは異なり、Web ベースの UI で構成されます。")」を参照してください。
5. \[送信\] を選択します。
{#add-image-icon-section__substeps_mlh_s2k_3sb}