ブランドのロゴ、ファビコン、ブランドカラー、フォント、テーマを編集する

ブランドキットを使用して、HubSpotアカウントのブランディング資産（ロゴ、ファビコン、ブランドカラー、テーマ、フォントなど）を一元管理しましょう。HubSpotがホストするコンテンツや、コンテンツエディタ、ページ公開スケジュール、見積書、コミュニケーションチャネルなどの対応ツール全体に、一貫したブランディングが自動的に適用されます。

ブランド資産やスタイルを常に最新の状態に保つことで、より一貫性のある顧客体験を創出し、AIが生成するコンテンツの質を向上させることができます。「Brands」追加オプションをお持ちの場合は、ブランドごとに個別のブランドキットを作成・管理することができます。

ブランドキットの編集によってAIの結果がどのように改善されるかについてもっと詳しく。

ロゴの追加、編集、削除

[ ブランドキット ] タブで、デフォルトのロゴを編集します。このロゴは、コンテンツごとに個別にオーバーライドできます。 

ご注意：ミーティングリンクやスケジュール設定ページにおいて、ロゴは「ブランド設定」で管理されており、ミーティングリンクエディタでは変更できません。このロゴを削除または変更すると、他の場所でも使用されているロゴがすべて削除または変更されます。ミーティングのリンクからだけ削除することはできません。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［ブランド］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［ブランド］に直接移動します。
2. 「Brands」追加オプションをご利用の場合は、右上のドロップダウンメニューをクリックし、ロゴを更新したいブランドを選択してください。
   
3. [ ブランドキット ] タブで、[ ロゴの追加 + ] をクリックします。
4. 右側のパネルに、新しいロゴを追加してください：
   
   • ファイルツールから既存の画像をロゴとして追加する場合は、［画像を参照］をクリックします。右側のパネルで、画像をクリックします。
   • 新しい画像を追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。
5. ［ロゴ名］フィールドに、ロゴの名前を入力します。このフィールドは必須です。 
6. ［ロゴのaltテキスト］フィールドに、検索エンジンおよびスクリーンリーダー向けのロゴの説明を入力します。これにより、サイトのアクセシビリティとSEOが向上します。ウェブサイトのアクセシビリティーについて詳しくは、HubSpotの 開発者ドキュメントを参照してください。
7. ロゴをクリック可能にしたい場合は、「リンク」欄にURLを入力してください。
8. このロゴをデフォルトに設定するには、「はい」をクリックしてください。ロゴをドメインに割り当てるには、「いいえ」をクリックします。次に、ドメインのドロップダウンメニューをクリックして、ドメインを選択してください。
9. クリック保存.
10. ロゴを編集または削除したり、ロゴをデフォルトに設定したりするには、verticalMenuIcon縦のメニューアイコンをクリックし、[デフォルトに設定]、[ ロゴを編集 ]、または [ ロゴを削除 ]をクリックしてください。

ファビコンの追加、編集、削除

[ ブランドキット] タブで、ウェブサイトのファビコン（ブラウザのタブでページタイトルの横に表示される小さな画像）をカスタマイズします。ファビコンは、HubSpotでホストされているコンテンツにのみ適用されます。ブランドごとに最大20個のファビコンを追加できます。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［ブランド］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［ブランド］に直接移動します。
2. 「Brands」追加オプションをご利用の場合は、右上のドロップダウンメニューをクリックし、ロゴを更新したいブランドを選択してください。
   
   
3. [ ブランドキット ] タブで、[ ファビコンを追加 + ] をクリックします。 
4. 右側のパネルで、新しいファビコンを追加します。
   
   • ファイルツールから既存の画像をロゴとして追加する場合は、［画像を参照］をクリックします。次に、画像をクリックします。 
   • 新しい画像を追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。 
5. [ファビコン名] フィールドに、ファビコンの名前を入力します。 
6. ファビコンをデフォルトに設定するには、「はい」を選択してください。ドメインにファビコンを割り当てるには、「いいえ」をクリックしてください。その後、ドメインのドロップダウンメニューをクリックして、ドメインを選択してください。
7. クリック保存.
8. ファビコンを編集または削除したり、ファビコンをデフォルトとして設定したりするには、verticalMenuIcon縦のメニューアイコンをクリックし、[デフォルトに設定]、[ ファビコンを編集 ]、または [ ファビコンを削除 ]をクリックしてください。
   
   
   

ブランドカラーの追加、編集、削除

コンテンツエディタに表示される「ブランドキット」タブでブランドカラーを設定し、ページ、見積書、およびコミュニケーションチャネルのスケジュールを設定します。ブランドカラーは、セールステンプレートおよびEメールには表示されません。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［ブランド］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［ブランド］に直接移動します。
2. 「Brands」追加オプションをご利用の場合は、右上のドロップダウンメニューをクリックし、ロゴを更新したいブランドを選択してください。
   
3. [ ブランドキット ] タブで、[ 色の編集 ] をクリックします。
4. ブランドカラーを設定するには、右側のパネルで次の操作を行います：
   • URLから色をインポートするには、[ URLから色をインポート]をクリックします。
     • ダイアログボックスに、ブランドカラーを使用しているページのURLを入力し、［色を検索］をクリックします。 
     • 使用する色を割り当てたい色の隣にドラッグ&ドロップします。例えば、「#754262」を 「基本色 」セクションにドラッグします。
       
       
   • 16進数コードを入力するか色を選択するには:
     • 基本色：ブランドで使用されるメインの色。［基本色］で16進数コードを入力するか、カラーパレットをクリックして色を選択します。 
     • 第2色：ブランドで2番目に多く使用される色。「セカンダリカラー」の欄に16進数コードを入力するか、カラーピッカーをクリックして色を選択してください。
     • アクセントカラー:プライマリーカラーとセカンダリーのブランドカラーを引き立てる色。「アクセントカラー」の欄に16進数コードを入力するか、カラーピッカーをクリックして色を選択してください。 
     • その他の色：これらの色は自動的に使用されるわけではありませんが、カラーピッカーで選択可能であり、開発ツールで参照することができます。「クリック」add 「追加の色」の横にある「追加」をクリックし、16進数コードを入力するか、カラーピッカーをクリックしてから色を選択します。 追加色を削除するには、[ 削除]をクリックします。
5. ［保存］をクリックします。
6. ブランドカラーを削除するには、色の横にあるdeleteIconその色の横にある削除アイコンをクリックします。

フォントの追加、編集、削除

ご注意：ブランド設定でフォントを追加すると、HubSpotのコンテンツツールで使用可能なデフォルトのフォントが設定されます。カスタムテーマ、コーディング済みのテンプレート、またはカスタムスタイルシートを使用しているページの場合、テンプレートやスタイルシート内でフォントを読み込む必要がある場合もあります。Google Fontsを使用する場合は、そのフォントの @import ステートメントを、そのページで使用されているスタイルシートに追加してください。

「ブランドキット」タブで、コンテンツ全体で使用されるメインフォント、サブフォント、およびカスタムフォントを設定してください。

フォントを追加する

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［ブランド］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［ブランド］に直接移動します。
2. 「Brands」追加オプションをご利用の場合は、右上のドロップダウンメニューをクリックし、ロゴを更新したいブランドを選択してください。
   
3. [ ブランドキット ] タブの [ フォント ] セクションで、変更したいフォントの [編集 ] をクリックします
4. 右側のサイドバーで、「フォント」のドロップダウンメニューを選択します。
5. 検索バーに フォント名 を入力するか、リストからフォント を選択します。
6. コンテンツエディタのフォント選択画面で使用できるカスタムフォントを設定するには、「+ カスタムフォントを追加」をクリックします。
   • [フォント名 ]フィールドに、フォントの名前 を入力します。
   • [フォントファイルを選択]をクリックします。
   • コンピューターからアップロードする フォントファイル を選択します。サポートされているファイル形式:TTF、OTF、WOFF。
   • フォントファイルをさらに追加するには、[+さらにファイルをアップロード ]をクリックします。
   • ［次へ］をクリックします。
   • ドロップダウンメニュー を使用して、対応するフォントスタイルを選択します。
   • [+別のフォントスタイルを追加 ]をクリックしてスタイルを追加します。
7. ［保存］をクリックします。

カスタムフォントを編集または削除する

カスタムフォントを編集するには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［ブランド］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［ブランド］に直接移動します。
2. 「Brands」追加オプションをご利用の場合は、右上のドロップダウンメニューをクリックし、ロゴを更新したいブランドを選択してください。
   
3. [ ブランドキット ] タブの [フォント] セクションにある [ カスタムフォント]の、既存のフォントの横にある[アクション]をクリックし、[編集]または[削除]を選択します。

• • ドロップダウンメニュー を使用して、対応するフォントスタイルを選択します。
  • [+別のフォントスタイルを追加 ]をクリックしてスタイルを追加します。
  • ［保存］をクリックします。

テーマを変更する

A テーマとは、ウェブサイトを作成するために使用される、テンプレート、モジュール、グローバルコンテンツ、およびスタイル設定の集合のことです。テーマを使用して、コンテンツエディタでテーマを使用してページや投稿を編集し、ブログ設定で、テーマを使用するようにブログテンプレートを設定します。

全てのアカウントでは、少なくとも1つのデフォルトのHubSpotテーマにアクセスできます。テーマは、テンプレートマーケットプレイス.

注：ナレッジベースでは、修正バージョンのテーマが使用されます。編集について詳しく見るナレッジベースのテーマ設定。

テーマを変更するには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［ブランド］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［ブランド］に直接移動します。
2. もし「Brands」追加オプションをご利用の場合は、右上のドロップダウンメニューをクリックし、ロゴを更新したいブランドを選択してください。
   
3. [ ブランドキット ] タブで、[ テーマの設定 ] または [ テーマの変更 ] をクリックして、別のテーマを選択します。
   • 利用可能なテーマが表示されます。ブランドに使用するテーマの横にある［有効なテーマに設定］をクリックします。
   • 検索バーに テーマ名 を入力してテーマを検索します。
   • 利用可能なテーマが表示されます。ブランドに使用するテーマの横にある［有効なテーマに設定］をクリックします。
   • 検索バーに テーマ名 を入力してテーマを検索します。
4. 「編集／プレビュー」をクリックしてテーマの設定を編集するには。