メインコンテンツまでスキップ

WebUI内で利用するロゴ等の画像​

NocodilySuite のWebUIには、ロゴ・ファビコン・その他の画像アセットを設定できます。
これらはコンソールのメディア管理から登録し、WebUIエディターで参照します。

設定できる画像の種類​

種類用途推奨サイズ
ロゴWebUIのヘッダーや認証画面に表示横幅 200px 以上、PNG / SVG 推奨
ファビコンブラウザタブに表示されるアイコン32×32px または 64×64px、ICO / PNG
OGP画像SNSシェア時のサムネイル1200×630px 推奨
その他の画像WebUIコンポーネント内で使用する汎用画像用途に応じて

対応フォーマット: PNG / JPG / SVG / WebP / ICO

画像の登録手順​

  1. コンソールでチームを選択します。
  2. 「メディア」 メニューを開きます。
  3. 「画像をアップロード」 をクリックし、ファイルを選択します。
  4. アップロード後、画像のURLが発行されます。

WebUIエディターで画像を参照する方法​

登録した画像は、WebUIエディター内のコンポーネント設定やCSS設定から参照できます。

ロゴ設定の例:

  1. WebUIエディターの 「サイト設定」 を開きます。
  2. 「ロゴ」 フィールドにメディア管理で発行されたURLを貼り付けます。
  3. プレビューで表示を確認します。

コンポーネント内での画像表示例:

  1. Cardなどのコンポーネントを配置します。
  2. 画像フィールドにURLを設定します。
    • メディア管理のURLを直接指定する
    • API のレスポンスデータ（Storage API 経由の URL）を動的にバインドする
ヒント

ロゴや画像を変更した場合、WebUIの再デプロイ不要で即座に反映されます。
ただし、ブラウザキャッシュが残っている場合は強制リロード（Ctrl+F5 / Cmd+Shift+R）が必要な場合があります。