アイコンと画像

各アイテムには1つのビジュアル要素を設定できます — 内蔵アイコンまたはカスタム画像のいずれか。同時に両方は使用できません。

内蔵アイコン

アイコンは統合された Remixicon ライブラリのベクターシンボルです。どのサイズでも鮮明で、ファイルアップロードは不要です。

追加方法

1. 編集パネルで アイコン ボタンをクリックします。
2. アイコン検索ボックスが開きます — キーワードを入力します（例: home, cart, phone, search）。
3. アイコンをクリックして選択 — プレビューがアイテムにすぐ表示されます。
4. × をクリックして現在のアイコンを削除します。

アイコンを使う場面

• タブバーのアイテム — アイコンはタブのラベル付けに標準的な方法です。
• すっきりした統一感のある外観にしたい場合。
• カスタム画像がまだ用意できていない場合。

カスタム画像

ライブラリアイコンの代わりに独自の写真、ロゴ、グラフィックを使用します。

Starterプラン: カスタム画像はサポートされていません — 代わりに内蔵アイコンを使用してください。

オプション A — ギャラリーからアップロード (Business / Elite)

1. 編集パネルで 画像 ボタンをクリックします。
2. ギャラリー をクリック → アップロードダイアログが開きます。
3. 画像を選択またはアップロードします（JPG、PNG、GIF）。
4. 確認 — 画像 URL が自動入力されます。

オプション B — 画像 URL を貼り付け (Elite)

1. 画像 ボタンをクリックします。
2. URL フィールドに完全な画像 URL を貼り付けます。
3. 更新 をクリックします。

画像のヒント

• タブバーアイコンには正方形（1:1）の画像を使用します。
• 大きな画像アイテムには横長の画像を使用します。
• 透明背景の PNG はロゴやシンボルに最適です。
• ファイルサイズを小さく保ちます — 重い画像はモバイルでのメニュー読み込みを遅くします。
• Elite は自動的に画像を WebP に変換し、寸法を正規化します。

表示レイアウト

アイコンまたは画像を追加した後、レイアウト → 表示レイアウト でアイコン/画像とテキストの配置を選択します:

アイコンまたは画像のスタイル設定

Interface → アイコン / 画像スタイル で外観を細かく調整します:

例 — 丸い青いボックスの白いアイコン:

アイコンカラー:  #FFFFFF
コンテナ:        #0066CC
パディング:      10
カーブ:          50