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

ロゴ、ファビコン、ブランドカラーの編集

更新日時 2022年 12月 5日

対象製品

すべての製品とプラン

アカウント設定で、ブランドキットのロゴ、ファビコン、ブランドカラーを編集することができます。  

ロゴを編集する

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

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

ファビコンを編集する

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

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

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

  • ファビコン名の欄には、ファビコンの名前を入力します。 

アドファビコン

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

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

コンテンツエディターに表示されるブランドカラーを設定で設定できるほか、スケジュールページ、引用、会話チャンネルにも表示されます。販売用のテンプレートやメールには、ブランドカラーは表示されません

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左サイドバーのメニューから、「アカウントの既定値」をクリックします。
  • [ブランディング]タブをクリックします。 
  • 編集したいブランドキットをクリックします。 
  • マイブランドキットのセクションで、「色」タブをクリックします。 
  • 原色カラーを設定するには、16進数コードを入力するか、カラーピッカーをクリックして色を選択します。原色は、スケジュールページや引用文、会話チャンネルなどで使われています。
  • さらにブランドカラーを追加する場合は、「+追加」をクリックし、16進数コードを入力するか、カラーピッカーをクリックしてカラーを選択します。主色以外の色を削除するには、その色の横にある削除アイコンをクリックします。 

セレクトブランドカラー

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

インポートカラーズ

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.