ブランディングをカスタマイズし、カスタムドメインを接続する

あなたのコミュニティは、テンプレートではなくあなた自身のブランドのように見えるべきです。MateFlow では、表示されるすべてのロゴを差し替え、ライトモードとダークモードの両方に合わせて色を調整し、すべてを独自ドメインから配信できます。そのため、メンバーがあなたの世界を離れたと感じることはありません。このガイドでは、ブランド素材、テーマ、そしてカスタムドメインの接続について説明します。

ロゴ、favicon、ソーシャル画像

管理 → 外観 → ブランディングを開きます。まずヘッダーロゴのモードから始めましょう。これは、上部ナビゲーションでブランドがどのように表示されるかを制御します。

• ワードマーク — 横長のフルロゴ（小 / 中 / 大のサイズ調整付き）。
• アイコン + 名前 — コミュニティ名の横に配置される正方形のアイコン。
• アイコン — 正方形のマークのみ。

次に素材をアップロードします。MateFlow はライトとダークの両インターフェースに対応しているため、ほとんどのスロットは対になったペアで提供されます。

• メインロゴ — どちらの背景でもロゴが読みやすいように、ライト版とダーク版を用意します。まだロゴがありませんか？ テキストから生成を使って、コミュニティ名からロゴを作成できます。
• アプリアイコン — コンパクトなマークが必要な場所で使われる正方形のロゴ（ライトとダーク）と、favicon（ブラウザのタブに表示される小さなアイコン。.ico、PNG、WebP に対応）。
• Open Graph 画像 — コミュニティがソーシャルメディアやチャットアプリで共有されたときに表示されるプレビュー画像。優れた OG 画像はクリック率を大きく高めます。
• 認証画面の背景 — サインインおよびサインアップ画面の背後に表示される任意の画像。

ライブのプレビューパネルで、保存前に各素材の見え方を確認でき、未保存の変更がある状態で離れようとすると MateFlow が警告します。

テーマカラーとダークモード

管理 → 外観 → テーマでパレットを作り込みます。プリセットから始めるか、独自のテーマを作成し、コアカラー（プライマリ、アクセント、セカンダリ、ボーダー）を編集します。重要なのは、エディター内のトグルを使ってライトモードとダークモードで別々に設定でき、それぞれにライブプレビューがある点です。テーマが良い感じになったら、公開して有効にします。テーマの複製、履歴の確認、モバイル向けの専用アプリテーマの設定も可能です。別途用意されたデフォルト外観の設定では、メンバーがデフォルトでライト、ダークのいずれを表示するか、またはシステム設定に従うかを決められます。

カスタムドメインの接続

すべてのコミュニティに無料の MateFlow サブドメインが付与され、有料プランでは自分が所有するドメインを接続できます。どちらも管理 → 設定 → 一般にあります。

サブドメイン

サブドメイン（例: your-name.mateflow.com）を編集し、リアルタイムで空き状況を確認して保存します。サブドメインの変更にはクールダウン期間があるため、長く使えるものを選んでください。

所有しているドメイン

1. 接続を選び、ドメインを入力します（community.com のようなapex ドメイン、または community.example.com のようなサブドメイン）。
2. MateFlow は、レジストラーで追加すべき正確な DNS レコードを表示します。レコードのタイプ、ホスト、値それぞれにワンクリックのコピーボタンが付いています。apex ドメインの場合、ほとんどのプロバイダーは CNAME ではなく ALIAS/ANAME を必要とし、MateFlow がそれを知らせます。
3. DNS プロバイダーでレコードを追加し、戻って検証を選びます。
4. MateFlow は HTTPS を自動的にプロビジョニングし、ドメインがアクティブと表示されるまで進行状況（DNS の検証、続いて SSL 証明書のプロビジョニング）をリアルタイムで表示します。

カスタムドメインにも変更のクールダウンがあり、ドメインを削除してもそのタイマーはリセットされません。そのため、長く使うつもりのドメインを接続してください。

次のステップ

• ブランディング機能の概要全体と、より幅広い管理ツールをご覧ください。
• MateFlow コミュニティをデザインするで、まとまりのある見た目を計画しましょう。
• モバイルでのコミュニティでブランドをスマートフォンに広げ、料金でプランを比較してください。