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

「 アカウントの既定設定を編集」 権限アクセス権 を持つユーザーは、ブランドキットのブランドのロゴ、ファビコン、ブランド色、テーマ、フォントを編集できます。 

注：1つのアカウントにつき1つのブランドキットを作成できます。ブランド追加オプション がある場合、ブランドごとに1つのブランドキットを作成できます。

ロゴを追加または編集する

アカウント設定で、既定のロゴを編集することができます。このロゴは、コンテンツごとに個別にオーバーライドできます。 

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• 「ブランドキット 」セクションで、「 ロゴ」をクリックします。 
• 新しいロゴを追加します。
  
  • ファイルツールから既存の画像をロゴとして追加する場合は、［画像を参照］をクリックします。右側のパネルで、画像をクリックします。 
  • 新しい画像を追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。 
• ［ロゴ名］フィールドに、ロゴの名前を入力します。このフィールドは必須です。 
• ［ロゴのaltテキスト］フィールドに、検索エンジンおよびスクリーンリーダー向けのロゴの説明を入力します。これにより サイトのアクセシビリティーとSEOが向上します。ウェブサイトのアクセシビリティーについて詳しくは、HubSpotの開発者ドキュメントをご覧ください。
• ロゴにクリック可能なリンクを設定する場合は、［ロゴURL］フィールドにURLを入力します。
• ロゴのサイズを変更する場合は、[ 幅]フィールドまたは[高さ]フィールドに、新しい寸法を入力します。他のフィールドは、画像の比率を維持するように自動的に調整されます。
• 別のロゴを追加するには、[ロゴ]セクションの下部にある[+追加]をクリックします。
• 既存の画像を削除するには、画像の中央にある[ X ]をクリックします。

• 既定のロゴを変更するには、既定として使用するロゴの上にマウスポインターを置き、[ アクション] ドロップダウンメニューをクリックし、[既定にする]を選択します。
• ロゴを削除するには、［アクション］ドロップダウンメニューをクリックし、［削除］を選択します。

• ロゴの編集が完了したら、左下の[ 更新 ]をクリックします。
• コンテンツエディターまたはデザインマネージャーで、特定のコンテンツのデフォルトのロゴをオーバーライドできます。Logoモジュールで、[既定のロゴを変更]スイッチをクリックしてオンにし、ロゴをアップロードします。

ファビコンを追加または編集する

アカウント設定で、ウェブサイトのファビコン（ブラウザーのタブ内でページタイトルの横に表示される小さな画像）をカスタマイズすることができます。ファビコンはHubSpotでホスティングされているコンテンツにのみ適用されます。 

注意: ブランドごとに最大20個のファビコンを追加できます。

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• [ブランドキット ]セクションで、[ ファビコン]をクリックします。 
• 新しいファビコンを追加します。
  
  • ファイルツールから既存の画像をロゴとして追加する場合は、［画像を参照］をクリックします。右側のパネルで、画像をクリックします。 
  • 新しい画像を追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。 
• [ファビコン名] フィールドに、ファビコンの名前を入力します。このフィールドは必須です。 
• 別のロゴを追加するには、[ファビコン セクションの下部にある[+追加]をクリックします。
• 既存の画像を削除するには、画像の中央にある[ X ]をクリックします。

• 既定のファビコンを変更するには、既定として使用するファビコンの上にマウスポインターを置き、[ アクション ]ドロップダウンメニューをクリックして、[既定にする]を選択します。
• ロゴを削除するには、［アクション］ドロップダウンメニューをクリックし、［削除］を選択します。

• ファビコンの編集が完了したら、左下の［保存］をクリックします。 

ブランドカラーを追加または編集する

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

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• 「ブランドキット 」セクションで、「 色」をクリックします。
• ブランドの色を設定するには、次の手順に従います。
  
  • 基本色：ブランドで使用されるメインの色。［基本色］で16進数コードを入力するか、カラーパレットをクリックして色を選択します。続いて［保存］をクリックします。［基本色］は必須フィールドです。
  • 第2色：ブランドで2番目に多く使用される色。［第2色］で16進数コードを入力するか、カラーパレットをクリックして色を選択します。続いて［保存］をクリックします。
  • アクセント色：ブランドの基本色と第2色を引き立てる色。［アクセント色］で16進数コードを入力するか、カラーパレットをクリックして色を選択します。続いて［保存］をクリックします。アクセント色は最大3色まで追加できます。
  • 追加の色：自動的には使用されませんが、カラーパレットで選択可能であり、開発ツールで参照できます。「追加の色」の横にある［add 追加］をクリックし、16進数コードを入力するか、カラーパレットをクリックして色を選択します。続いて［保存］をクリックします。追加の色は最大 16 色まで追加できます。
    • 追加色を削除するには、削除する色の横にある delete delete  をクリックしてから [保存]をクリックします。

• 既にブランドカラーを使用しているライブページから色をインポートすることもできます。 
  • ［URLから色をインポート］をクリックします。
  • ダイアログボックスに、ブランドカラーを使用しているページのURLを入力し、［色を検索］をクリックします。 
  • スキャンが終了したら、インポートしない色の横にあるチェックボックスをオフにして、［インポート］をクリックします。 

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

設定で、コンテンツ全体で使用されるプライマリーフォント、セカンダリーフォント、カスタムフォントを設定できます。フォントの追加または編集を設定するには、次のようにします。

フォントを追加する

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• 「 ブランドキット 」セクションで、「 フォント」をクリックします。
• 本文に使用するフォントを設定するには、次のようにします。
  • [本文]で[フォントを選択 ]ドロップダウンメニューをクリックします。
  • 検索バーに フォント名 を入力するか、リストからフォント を選択します。
  • [更新]をクリックします。

• 見出しや大きなテキストに使用するフォントを設定するには:
  • [ プライマリー]で、[フォントを選択 ]ドロップダウンメニューをクリックします。
  • 検索バーに フォント名 を入力するか、リストからフォント を選択します。

• • [更新]をクリックします。

• コンテンツエディターのフォントセレクターで使用できるカスタムフォントを設定するには、次のようにします。
  • [カスタムフォント]で、[+カスタムフォントを追加]をクリックします。
  • [フォント名 ]フィールドに、フォントの名前 を入力します。
  • [フォントファイルを選択]をクリックします。
  • コンピューターからアップロードする フォントファイル を選択します。サポートされているファイル形式:TTF、OTF、WOFF。
  • フォントファイルをさらに追加するには、[+さらにファイルをアップロード ]をクリックします。
  
  • ［次へ］をクリックします。
  • ドロップダウンメニュー を使用して、対応するフォントスタイルを選択します。

• • [+別のフォントスタイルを追加 ]をクリックしてスタイルを追加します。

• • 「更新」をクリックします。
  • 複数のカスタムフォントを追加できます。別のものを追加するには、 手順を もう一度実行します。

フォントの編集

既存のフォントを編集するには:

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• 「 ブランドキット 」セクションで、「 フォント」をクリックします。
• 本文に使用するフォントを編集するには、次の手順に従います。
  • [本文]でドロップダウンメニューをクリックします。
  • 検索バーに フォント名 を入力するか、リストからフォント を選択します。

• • [更新]をクリックします。

• 見出しや大きなテキストに使用されるフォントを編集するには:
  • [ プライマリー]でドロップダウンメニューをクリックします。

• • 検索バーに フォント名 を入力するか、リストからフォント を選択します。

• • [更新]をクリックします。
• カスタムフォントを編集するには、次の手順に従います。

• • [カスタムフォント]で、既存のフォントの横の[アクション]をクリックし、[編集]を選択します。

• • ドロップダウンメニューを使用して、対応するフォントスタイルを選択します。

• • [+別のフォントスタイルを追加 ]をクリックしてスタイルを追加します。
  • 「更新」をクリックします。

カスタムフォントを削除する

カスタムフォントを削除するには:

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• 「 ブランドキット 」セクションで、「 フォント」をクリックします。

• [カスタムフォント]で、既存のフォントの横にある[アクション]をクリックし、[削除]を選択します。

• ダイアログボックスで、[ フォントを削除]をクリックします。

テーマを変更する

テーマは、テンプレート、モジュール、グローバルコンテンツ、スタイル設定のセットであり、ウェブサイトを作成するために使用できます。コンテンツエディターでテーマを使用してページや記事を編集したり、ブログ設定でテーマを使用するようにブログテンプレートを設定したりできます。

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

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

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

• HubSpotアカウントにて、[ コンテンツ ] > [ブランド]の順に進みます。
• ブランド追加オプションを使用している場合は、右上のドロップダウンメニュー  をクリックして、ロゴを更新する ブランドを選択します。

• [ ブランドキット ]セクションで、[ テーマ]をクリックします。
• [ テーマの変更 ] を選択して、別のテーマを選択します。
  • • 利用可能なテーマが表示されます。ブランドに使用するテーマの横にある［有効なテーマに設定］をクリックします。 
    • ［マーケットプレイスでテーマを表示］をクリックすると、ダウンロード可能な他のテーマが表示されます。
  • テーマ設定を編集する場合は、［編集］を選択します。
  • テーマがどのように表示されるかをプレビューするには、［プレビュー］を選択します。