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

アカウント既定値の編集権限アクセスを持つユーザーを対象に、自分のブランドキットのロゴ、ファビコン、ブランドカラーを編集することができます。 

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

設定で、ロゴとファビコン、ブランドの基本色、第2色、アクセント色、および追加のブランドカラーを設定します。ブランドカラーは、コンテンツエディター、日程設定ページ、見積もり、コミュニケーションチャネルに表示されますが、セールステンプレートとEメールには表示されません。 

ロゴを編集する

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

• HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
• 左のサイドバーメニューで［アカウントの既定値］をクリックします。
• ［ブランディング］タブをクリックします。 
• ブランド追加オプションを使用している場合は、[ブランドキット]の下のドロップダウンメニュー  をクリックし、ロゴを更新する ブランドを選択します。

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

• ロゴの編集が完了したら、左下の［保存］をクリックします。

コンテンツエディター や デザインマネージャーで、特定のコンテンツの既定のロゴをオーバーライドすることができます。[ロゴ]モジュールで、[ 既定のロゴを変更]スイッチをクリックしてオンにし、 ロゴをアップロードします。

ファビコンを編集する

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

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

• HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
• 左のサイドバーメニューで［アカウントの既定値］をクリックします。
• ［ブランディング］タブをクリックします。 

• ブランド追加オプションを使用している場合は、[ブランドキット]の下のドロップダウンメニュー  をクリックし、ロゴを更新する ブランドを選択します。

• 新しいファビコンを追加するには、[ファビコン]セクションで [+追加]をクリックします。

• 新しいファビコンを追加します。 
  • ファイルツールから既存の画像をファビコンとして追加する場合は、［画像を参照］をクリックします。右側のパネルで、画像をクリックします。 
  • 新しい画像をファビコンとして追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。.ico、.gif、.pngのいずれかのファイル形式で48×48ピクセルの画像としてファビコンを保存すると、最良の結果が得られます。

• ［ファビコン名］フィールドに、ファビコンの名前を入力します。 

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

ブランドカラーを編集する

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

• HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
• 左のサイドバーメニューで［アカウントの既定値］をクリックします。
• ［ブランディング］タブをクリックします。 
• [ブランドキット]セクションで、[ 色]タブをクリックします。 

• ブランド追加オプションを使用している場合は、[ブランドキット]の下のドロップダウンメニュー  をクリックし、ロゴを更新する ブランドを選択します。

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

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

テーマを変更する

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

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

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

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

• HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
• 左のサイドバーメニューで［アカウントの既定値］をクリックします。
• ［ブランディング］タブをクリックします。 

• ブランド追加オプションを使用している場合は、[ブランドキット]の下のドロップダウンメニュー  をクリックし、ロゴを更新する ブランドを選択します。

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