アイコンと画像

各項目には1つの視覚要素を持たせることができます — 組み込みアイコンまたはカスタム画像のいずれかです。両方を同時に使用することはできません。

組み込みアイコン

アイコンは統合されたRemixiconライブラリからのベクターシンボルです。サイズに関係なく鮮明で、ファイルのアップロードは必要ありません。

追加方法

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

アイコンを使用するタイミング

• Tab Barのアイテム — アイコンはタブをラベル付けする標準的な方法です。
• クリーンで一貫した外観を望むとき。
• カスタム画像が準備できていないとき。

カスタム画像

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

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

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

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

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

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

画像のヒント

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

表示レイアウト

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

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

インターフェース → アイコン / 画像スタイルに移動して外観を微調整します：

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

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