メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

ロゴ、ファビコン、ブランドカラーを編集する

更新日時 2024年 1月 29日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

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

注:1つのページからコンテンツ全体のブランドのロゴとファビコンを管理できるよう、HubSpotは2024年2月1日に、全てのブランディング設定を[ウェブサイト]>[ページ]>[ブランディング]から[ブランドキット]設定に移行します。この日までに、必要なプライマリーロゴおよびファビコンをここで設定してください。HubSpotはドメインの関連付けを維持したまま、ドメイン固有のロゴとファビコンを自動的にブランディングページからブランドキットに移行します。2024年2月1日にブランドキットのプライマリーロゴまたはファビコンが空で、ページ設定で既定のロゴまたはファビコンが設定されている場合、そのロゴまたはファビコンをブランドキットに移行します。

ロゴを編集する

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

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左のサイドバーメニューで[アカウントの既定値]をクリックします。
  • [ブランディング]タブをクリックします。 
  • 編集するブランドキットをクリックします。 
  • [ロゴ]セクションに新しいロゴを追加します。 
    • ファイルツールから既存の画像をロゴとして追加する場合は、[画像を参照]をクリックします。右側のパネルで、画像をクリックします。 
    • 新しい画像を追加する場合は、[アップロード]をクリックし、パソコンから画像を追加します。 
  • [ロゴ名]フィールドに、ロゴの名前を入力します。このフィールドは必須です。 
  • [ロゴのaltテキスト]フィールドに、検索エンジンおよびスクリーンリーダー向けのロゴの説明を入力します。これにより、サイトのアクセシビリティーとSEOが向上します。ウェブサイトのアクセシビリティーについて詳しくは、開発者ドキュメントを参照してください。
  • ロゴにクリック可能なリンクを設定する場合は、[ロゴURL]フィールドにURLを入力します。
  • ロゴのサイズを変更する場合は、[幅]フィールドまたは[高さ]フィールドに、新しい寸法を入力します。他のフィールドは、画像の比率を維持するように自動的に調整されます。
  • 別のロゴを追加するには、[ロゴ]セクションの下部にある[+追加]をクリックします。
  • 既存の画像を削除するには、画像にマウスポインターを合わせ、右上隅の[X]をクリックします。追加のロゴを削除するには、[アクション]ドロップダウンメニューをクリックし、[削除]を選択します。
edit-logo
  • ロゴの編集が完了したら、左下の[保存]をクリックします。
コンテンツエディターやデザインマネージャーで、特定のコンテンツの既定のロゴをオーバーライドすることができます。[ロゴ]モジュールで、[既定のロゴを上書き]スイッチをクリックしてオンに切り替え、ロゴをアップロードします。override-default-logo-in-content-editor

ファビコンを編集する

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

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左のサイドバーメニューで[アカウントの既定値]をクリックします。
  • [ブランディング]タブをクリックします。 
  • 編集するブランドキットをクリックします。 
  • 新しいファビコンを追加するには、[ファビコン]セクションで[+追加]をクリックします。 
  • 新しいファビコンを追加します。 
    • ファイルツールから既存の画像をファビコンとして追加する場合は、[画像を参照]をクリックします。右側のパネルで、画像をクリックします。 
    • 新しい画像をファビコンとして追加する場合は、[アップロード]をクリックし、パソコンから画像を追加します。 

注:最適な結果を得るには、.ico、.gif、.pngのいずれかのファイル形式で48×48ピクセルの画像としてファビコンを保存してください。

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

add-favicon

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

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

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

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左のサイドバーメニューで[アカウントの既定値]をクリックします。
  • [ブランディング]タブをクリックします。 
  • 編集するブランドキットをクリックします。 
  • [自分のブランドキット]セクションで、[色]タブをクリックします。 
  • 基本色を設定するには、16進数コードを入力するか、カラーパレットをクリックしてを選択します。基本色は、スケジュール設定ページ、見積もり、コミュニケーションチャネルで使用されます。
  • さらにブランドカラーを追加する場合は、[+追加]をクリックして、16進数コードを入力するか、カラーパレットをクリックして、を選択します。基本色以外の色を削除する場合は、その横にあるdelete削除アイコンをクリックします。 

select-brand-colors

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

import-colors

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。