[このページのトップへ](#intro)
### 設定
ブランドキット設定を使用すると、Domo環境に表示されるフォントとログイン画面の背景を更新およびカスタマイズできます。変更した後、ブラウザーを更新すると変更内容が表示されます。
[このページのトップへ](#intro)
# フォント
Domoで提供されるフォントとカスタムフォントを、ブランドキットの設定でDomoインスタンスに追加して適用します。プライマリフォントをDomoが提供するフォント以外のフォントに設定すると、チャートのレンダリングやモバイルAppなど、プライマリフォントがサポートされていないエリアにセカンダリフォントを設定するように求められます。
Domoで用意されているフォントには、Open Sans、セリフ、スラブ、コンデンス、モノクロがあります。Domoで使用されるデフォルトのフォントはOpen Sansです。
カスタムフォントを追加する（AdobeまたはGoogleから）
次の手順に従ってカスタムフォントをブランドキットに追加して適用します。
1. 管理者設定から
[ブランドキットにアクセス](#access_brand_kit) します。
2. ブランドキットの **［設定］** に進み、 **［プライマリフォント］** ドロップダウンを展開します。
3. **［カスタムフォントを編集］** を選択してモーダルを開きます。
4. モーダルの **［リンク］** フィールドに、GoogleまたはAdobeフォントのURLを入力します。フォントのURLを取得する方法については、 [こちら](#get_font_url) を確認してください。
**注記：** フォントはGoogleまたはAdobeのものである必要があります。
5. **［名前］** フィールドに、Google/Adobeに表示されるものと同じ名前を入力します。
6. ボックスにチェックを入れて、Domoプラットフォームでフォントを使用するための適切なライセンスを取得したことを確認します。
7. **［フォントを保存］** を選択します。
これで、 **［プライマリフォント］** ドロップダウンからカスタムフォントを使用できるようになります。選択すると、Domoプラットフォーム全体に適用されます。
##### フォントのURLを取得する
AdobeおよびGoogleフォントをブランドキットに追加して適用できます。次の手順に従ってフォントを設定します。
1. [Google](https://fonts.google.com/)
[このページのトップへ](#intro)
# ログイン画面の背景
ブランドキットを使用すると、Domo内の組織にログインする際に表示される背景画像や色をカスタマイズできます。
次の手順に従ってログイン方法をカスタマイズします。
1. [ブランドキットにアクセス](#access_brand_kit) して **［設定］** ページに移動します。
2. **［設定］** ページでラジオボタンを選択し、ログイン画像の背景として **［色］** （単色）または **［画像］** を設定します。
* **［色］** を選択した場合、16進数の色コードを表示するフィールドを選択し、プリセット色を選択するか、16進数コードを入力します。
* **［画像］** を選択した場合、 **［画像を選択］** を選択し、アップロードする画像を選択します。
# 新規パレットを作成する
1. **［ブランドキット］** > **［チャートの色］** ページで、 **［新規パレット］** を選択します。
**カラークリエイター** が表示されます。
2. **カラークリエイター** でUIの手順に従います。［ステップ5：色を確認します］ですべての選択内容をプレビューできます。
* ステップ1：メインの色彩を選択します
カラーパレットのメインの色彩を選択します。RGB 16進数コードを入力して、色彩、彩度、明度を調整できます。カラークリエイターでは、16進数コードで選択した色彩から9段階のグラデーションが自動的に生成されます。
デフォルトのカラーパレットはブルーです。この色のグループまたは任意の色のグループを削除するには、 
* （オプション）ステップ2：インジケータの色を選択します。
チャートで使用する［マイナス］、［警告］、［プラス］の色を選択します。
* （オプション）ステップ3：カテゴリー別のカラーパターンを選択します。
チャートのパネルや矢印で使用する色をパレットから選択します。［ペアリング］、［選択的］、［手動］の3つの選択方法があります。
* （オプション）ステップ4：「前期比チャート」のカラーパターンを選択します。
各期間を示す色を選択します。［ペアリング］と［手動］の2つの選択方法があります。
* ステップ5：色を確認します。
パレットをプレビューし、スライダーをドラッグして色合いの変化をシミュレートすることで、視認性を確認できます。
5. 左ナビゲーションの **［チャートの色］** に戻ります。
6. ［チャートの色］リストでラジオボタンを選択して新しいカラーパレットを見つけ、有効にします。
[このページのトップへ](#intro)
### メールをカスタマイズする
ブランドキットを使用すると、Domoが生成したメールを [独自のSMTPサーバー](#SMTP_integration) 経由でユーザーに送信し、メールの「送信者」アドレスを選択できます。このメールでは、 [ヘッダーとフッターをカスタマイズし](#header_and_footer) 、組織のブランディングを維持できます。詳細については、後のセクションを参照してください。
# SMTP統合
この機能拡張により、Domoが生成したメールをSMTPサーバー経由で送信し、「送信者」アドレスを変更することができます。つまり、メッセージは、Domoから送信されたメッセージ（ [notifications@domo.com](mailto:notifications@domo.com) ）ではなく、組織から送信されたメッセージ（例：notifications@ *yourorganization*.com）としてユーザーに表示されます。
これは、Domoが生成したすべてのメールがSMTPサーバー経由で送信されるか、メールがまったく送信されないことを意味します。 [メールのヘッダーおよびフッターを変更する](#header_and_footer) 場合は、そのメールをSMTPサーバー経由で送信する必要があります。
Domoでは、以下のSMTPサーバーがサポートされています。
* Gmail
* Mailgun
* Microsoft 365（Outlook）
* SendGrid
**［新規設定］** モーダルが表示されます。
3. 以下の情報を指定します。
| 名前 | この特定の設定の名前。メール受信者には表示されません。 |
| 送信元名 | 受信者がメールクライアントの「送信者」アドレスで確認できる名前。 |
| 送信元アドレス | 受信者がメールクライアントの「送信者」アドレスで確認できるメール。 |
| ホスト | 使用するメールサーバー。 |
| ポート587 | TSLまたはSSL（使用しているSMTPサーバーにもとづく） |
| ユーザー名 | 使用するメールサーバーのユーザー名認証情報。 |
| パスワード | 使用するメールサーバーのユーザー名認証情報に関連付けられているパスワード。 |
| （オプション）カスタマーヘッダー | メールサーバー経由のメールを追跡するカスタムヘッダー。 |
[このページのトップへ](#intro)
# ヘッダーとフッター
HTMLを使用して、Domoが生成するすべてのメールの標準のヘッダーとフッターを変更し、組織のブランディングを反映させることができます。
この機能にアクセスするには、CSMにお問い合わせください。
次の手順に従ってメールをカスタマイズします。
1. ナビゲーションヘッダーで、 **［その他］** > **［管理者］** に進みます。
管理者設定が表示されます。
2. **［ブランドキット］** メニューで **［メール］** を選択します。
3. **［ヘッダーとフッター］** タブに進みます。
4. **［カスタムメールテンプレートを使用］** というスイッチを切り替えます。
組織のDomoメールのヘッダーとフッターを上書きすることを示すダイアログが表示されます。加えた変更は、Domoが組織内のすべてのユーザーに送信するすべてのメール通知に適用されます（上記の例外を除く）。
5. **［有効にする］** を選択して次に進みます。
6. ヘッダーとフッターのHTMLを編集します。以下の「
[サポートされているタグと属性](#supported_tags_and_attributes) 」を参照してください。
7. （オプション） **［テストメールを送信］** を選択し、メールを送信するユーザーまたはグループを入力して、カスタムヘッダー/フッターをテストします。 **［送信］** を選択して、テストメールを開始します。
[このページのトップへ](#intro)
#### サポートされているタグと属性
SMTP設定にカスタムヘッダーを追加したり、メールのヘッダーまたはフッターをカスタマイズしたりする場合、Domoでは次のHTMLタグと属性がサポートされています。
| タグ | 属性 |
|---|---|
| a | href、title、style |
| b | style |
| blockquote | cite、style |
| br | style |
| caption | style |
| cite | style |
| code | style |
| col | span、width、style |
| colgroup | span、width、style |
| dd | style |
| div | style |
| dl | style |
| dt | style |
| em | style |
| h1 | style |
| h2 | style |
| h3 | style |
| h4 | style |
| h5 | style |
| h6 | style |
| i | style |
| img | align、alt、height、src、title、width、style |
| li | style |
| ol | start、type、style |
| p | style |
| pre | style |
| q | cite、style |
| small | style |
| span | style |
| strike | style |
| strong | style |
| sub | style |
| sup | style |
| table | summary、width、style |
| tbody | style |
| td | abbr、axis、colspan、rowspan、width、style |
| tfoot | style |
| th | abbr、axis、colspan、rowspan、scope、width、style |
| thead | style |
| tr | style |
| u | style |
| ul | type、style |
| 属性 | プロトコル |
|---|---|
| — | — |
| href | ftp、http、https、mailto |
| title | ■ |
| cite | http、https |
| span | ■ |
| width | ■ |
| align | ■ |
| alt | ■ |
| height | ■ |
| start | ■ |
| type | ■ |
| abbr | ■ |
| axis | ■ |
| colspan | ■ |
| rowspan | ■ |
| scope | ■ |
| summary | ■ |
| style | ■ |
| src | http、https |
6. （オプション） **［テストメールを送信］** を選択して、更新されたホストURLのメールを送信およびプレビューします。
[このページのトップへ](#intro)
# メールフッターを削除する
Domoインスタンスからメールフッターリンクを削除するには、次の手順を実行します。
**開始するには：** 管理者設定に移動します（ **［その他］** > **［管理者］** ）。 **［Domo Everywhere］** で **［インスタンス管理］** を選択します。
1. **［インスタンス管理］** ページの **［インスタンス］** タブで、リストからインスタンス名を選択します。
サブスクライバーログインモーダルが表示されます。
2. サブスクライバーログインモーダルで **［続ける］** を選択します。
管理者権限で管理対象インスタンスにログインされます。
3. 管理対象インスタンスで、 **［ブランド** **キット］** > **［メール］** に移動します。
4. **［ヘッダーとフッター］** タブに進みます。
5. **［編集］** を選択して、 **［カスタムヘッダーとカスタムフッターを使用］** トグルを有効にします。
6. **［フッター］** フィールドに（改行なしスペース）を入力して **［保存］** を選択します。
**［テストメールを送信］** ボタンを使用して設定を確認します。
[このページのトップへ](#intro)
日本語