ブランドビジュアルとサイト全体の設定

約 11 分

概要

フォント、配色、ロゴ、アクションボタン、ソーシャルリンク、連絡先情報は、サイト全体で共有されるブランド資産です。一度設定するだけで、すべてのページ、ヘッダー、フッター、モジュールに同じ基準が自動的に適用されるため、ページごとに調整する必要はありません。

サイト全体の設定における3つの入り口

日々の編集作業とバックエンド管理を明確に分けるため、サイト全体の設定は以下の3つのエリアに分かれています。

設定項目	場所	管理内容	反映タイミング
1. サイト作成 › デザイン	エディター上部ツールバーの「デザイン」をクリック	フォント、見出しと本文のサイズ、ブランドのメインカラーとテキストカラー、ライト/ダークモード、モジュールの間隔、角のスタイル、トップへ戻るボタン。	パネル下部の「保存」をクリックして下書きとして保存し、右上の「公開」をクリックしてサイトに反映します（「トップへ戻る」ボタンのみ保存後すぐに反映されます）。
2. サイト作成 › ブランディング	エディター上部ツールバーの「ブランディング」をクリック	カスタムボタン（CTA）、ブランド関連のURL（SNSリンク）とアイコンカラー、ビジネス情報（住所、電話番号、メールアドレス、営業時間）。	ボタンとSNSリンクは「保存」後に「公開」をクリックする必要があります。ビジネス情報は「保存」をクリックするとすぐにサイトへ反映されます。
3. サイト設定 › 一般	ダッシュボード左サイドバーの「サイト設定 › 一般」をクリック	サイト名、ブランドロゴ（ライト/ダークモード用）、ファビコン、サイトコンテンツの言語、ビジネスの所在地、サイトの通貨、サイトのタイムゾーン。	ページ下部の「保存」をクリックするとすぐにサイトへ反映されます。エディターに戻って公開する必要はありません。

1. サイトを編集 › デザイン（サイト全体のフォント、色、表示モード、角丸）

エディターで"デザイン"を開きます。変更内容は中央のプレビュー画面にリアルタイムで反映されます。

1. 多言語フォントと9段階のフォントサイズ

言語別フォント選択: 「デザイン」パネルには、サイトのメイン言語のフォントが表示されます。「多言語フォント」を展開して、英語（約170種類）、繁体字中国語（約60種類）、簡体字中国語（約30種類）、日本語（約70種類）、韓国語（約40種類）専用のフォントを選択できます。すべてのフォントは当社のプラットフォームで高速配信されており、カスタムフォントファイルのアップロードには現在対応しておりません。
見出しと本文のフォントサイズ: H1（メイン見出し）、H2（セクション見出し）、H3（小見出し）、および「本文」のデフォルトサイズをそれぞれ9段階で調整できます。特定のモジュールのテキストサイズを変更したい場合は、モジュール内のテキストをハイライトしてリッチテキストツールバーを使用してください（を参照）。

2. ブランドのメインカラー、テキストのコントラスト、表示モード

設定項目	説明とヒント
ブランドメインカラー	ボタン、リンク、主要アイコン、および「ブランドメイン/ソフト」モジュールの背景に使用される基本色です。24種類の厳選されたパレット（クラシック、モランディ、アーシーニュートラルなど）が含まれており、カスタムのHex/RGB/HSLコードもサポートしています。ライトモードとダークモードで個別に色を微調整できます。
ブランドテキストカラー	ブランドメインカラーを使用した塗りつぶしボタンや背景に表示されるテキストの色です。視覚的なコントラスト（WCAG AA基準）に基づいて、システムが最も見やすい白または濃い色のテキストを自動的に選択しますが、手動で変更することも可能です。
外観モード	システム設定に従う（デフォルト：訪問者のデバイス設定に基づいて自動的に切り替わります。選択した場合は、上部ツールバーの太陽/月アイコンを使用して両方のモードを確認してください）、ライト固定、またはダーク固定（すべての訪問者に単一のモードを強制的に表示します）。

3. モジュール間の余白、角丸、トップへ戻るボタン

モジュールの余白（密度）: 垂直方向に隣接するモジュール間のデフォルトの余白を制御します。「標準」（ゆとりのある空間で、ほとんどのブランドやポートフォリオに適しています）または「コンパクト」（情報量の多いサービスページに最適）から選択できます。個別のモジュール設定でこの余白を上書きすることも可能です。
角のスタイル: すべてのボタン、カード、入力フィールド、画像の角丸をワンクリックで統一設定できます。「シャープ」（四角に近い）、「標準」（バランスの取れたデフォルト）、「ソフト」（大きな丸み）から選択してください。
トップへ戻るボタン: 有効にすると、訪問者がスクロールした際に右下にボタンが表示されます（保存後に反映されます）。

2. サイトを編集 › ブランド（共有ボタン、ブランドURL、ビジネス情報）

エディターで"ブランド"を開きます（またはモジュールフォームのフィールド横にある「設定へ移動」をクリックします）。

1. サイト全体で共有されるカスタムボタン（CTA）

ここで作成したボタン（例：「今すぐ予約」、「無料相談」、「ストアへ行く」）は、すべてのモジュールやで参照できます。

一度の編集でどこでも更新: 予約URLやキャンペーンリンクが変更された場合、「ブランド」パネルで一度更新すれば、それを参照しているすべてのモジュールやナビゲーションバーが自動的に更新されます。
内部および外部へのリンク: ボタンは内部ページ（ページ内の#アンカージャンプを含む）、商品、商品カテゴリー、ブログ記事、または外部URLにリンクでき、アイコンを設定することも可能です。
モジュール内から直接追加: モジュール編集中に、ボタンフィールドの「+ ボタンを追加」をクリックして新しいボタンを素早く作成できます。システムが自動的にこの共有リストと同期します。

2. ブランドURL（ソーシャルリンク）とアイコンの色

Instagram、LINE、Facebook、Threads、YouTube、TikTok、X（Twitter）、WhatsApp、LinkedIn、Pinterestなどの公式アカウントURLを一元管理し、ドラッグして並べ替えることができます。

一元設定、選択的表示: 追加したアイコンは、ヘッダー（デスクトップ/タブレット/モバイルで個別に設定可能）、フッター、ページヒーロー、、およびで、カプセルボタンの切り替えを使用して選択的に表示できます。
アイコンの色（標準 vs カスタムモノトーン）:
- 標準（デフォルト）: 各ソーシャルアイコンが公式のブランドカラーで表示されます。
- カスタムカラー: ミニマルなサイトの配色に合わせたい場合は、「カスタムカラー」に切り替えて、ライトモードとダークモードの両方に適用される単一のアイコン色を指定してください。
自動クリック追跡: ブランドURLのクリック数は、で自動的に追跡されます。

3. ビジネス連絡先情報（住所、電話番号、メールアドレス、営業時間）

入力された情報は、主にや関連する情報モジュールに表示されます。
電話番号: 正しい国番号を選択して番号を入力してください。フロントエンドでは訪問者の言語に基づいて自動的にフォーマットされ、モバイルデバイスではクリックして発信できるようになります。
ビジネス情報の更新は、「保存」をクリックするとライブサイトに即座に反映されます。別途公開作業は不要です。

3. サイト設定 › 一般（名前、ロゴ、ファビコン、言語、通貨、タイムゾーン）

バックエンドの左サイドバーにある"サイト設定 › 一般"に移動します。

1. サイト名、デュアルモード対応ブランドロゴ、ファビコン

サイト名: ヘッダー、フッター、ブラウザのタブタイトル、検索結果、システム通知メールに表示されます。
ブランドロゴ（ライト/ダークのデュアルモード対応）:
- 画像をアップロードするか、内蔵アイコンを選択します。
- サイトの表示設定が「システムに従う」になっている場合は、「ダークモード」タブに切り替えて、ダーク背景専用の明るい色のロゴをアップロードすることをお勧めします（アップロードしない場合、ダークモードではライトモード用のロゴがそのまま使用されます）。
ファビコン: ブラウザのタブやブックマークに表示される小さなアイコンです。デフォルトではブランドロゴから自動生成されますが、これを無効にしてカスタムファビコンをアップロードすることも可能です。

2. サイトのコンテンツ言語、ビジネス所在地、通貨、タイムゾーン

設定フィールド	機能と制限
サイトコンテンツの言語	インターフェースのラベル（カート、検索、フッターのデフォルトなど）、システム推奨フォント、AI生成コピーに使用される言語を決定します。注意：言語を変更しても既存のページコンテンツは自動的に翻訳されません。また、個人のダッシュボードのインターフェース言語にも影響しません。
ビジネスの所在地	ビジネスまたは個人事業主が登録されている国/地域です。利用可能な決済ゲートウェイと電子請求書プロバイダーを決定します（を参照）。決済ゲートウェイが設定されるとロックされ、手動で変更することはできません。
サイトの通貨	ストアの価格設定、配送、プロモーション、配送モジュールで使用される通貨単位です。金銭的価値のある最初の注文が行われるとロックされ、変更できなくなります。販売前に変更した場合、通貨記号のみが更新されます（例：`300`は為替レートに基づいて変換されません）。商品価格を再確認してください。
サイトのタイムゾーン	、ストアのパフォーマンス統計、プロモーションキャンペーンの「00:00～23:59」の1日の区切りを決定します（サイト作成時にローカルタイムゾーンに自動設定されます）。

よくある設定のクイックナビゲーション（このページにない項目はどこ？）

操作内容	場所とガイド
Google検索に表示されるタイトル/説明、またはサイト全体のページタイトル形式を変更する	「SEO › 設定」 →
ブログ記事の下部にSNSシェアボタンを有効にする	「ブログ › 設定」 →
カスタムドメインの購入・接続、無料サブドメインの変更、または301リダイレクトの設定を行う	「サイト設定 › ドメイン」 →
独自の送信ドメイン（SPF/DKIM）を認証する、または顧客に送信されるメールの外観を変更する	「サイト設定 › メール」 →
Googleアナリティクス（GA4）、GTM、Metaピクセルをインストールする、またはCookieバナーを有効にする	「サイト設定 › トラッキング」 →
サイト下部からKanorioのブランド表示を削除する	プロプランまたはビジネスプランへアップグレードすると自動的に削除されます。を参照してください
チームやAIアシスタントの活動ログの確認、サイトバックアップのダウンロード、またはサイトの非公開化	、、

よくある質問

カスタムボタンやブランドURLはサイトの下書きの一部です。「ブランド」パネルで「保存」をクリックした後、エディター右上の「公開」をクリックして、変更をライブサイトに同期してください（ビジネス住所、電話番号、メール、および「サイト設定 › 一般」のロゴは、保存すると即座に反映されます）。

はい、可能です。「サイトを編集 › ブランド」はサイト全体のマスターリストです。5つのリンクすべてを追加した後、独立したカプセルボタンの切り替えを使用して、ヘッダー、フッター、ページヒーロー、Link-in-Bioページ、またはメールフッターのどこにどのアイコンを表示するかを選択できます。

現在、カスタムフォントファイルのアップロードには対応しておりません。Kanorioには、多言語にわたる300種類以上の法的にライセンスされた、エッジ最適化済みのフォントが含まれています。「デザイン › フォント」で、中国語、英語、日本語、韓国語ごとに個別に選択できます。