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

- ロゴの編集が終わったら、左下の「保存」をクリックします。

ファビコンを編集する
Webサイトのファビコン(ブラウザのタブ内でページタイトルの横に表示される小さな画像)をカスタマイズすることができます。ファビコンは、HubSpotでホストされているコンテンツにのみ適用されます。
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左サイドバーのメニューから、「アカウントの既定値」をクリックします。
- [ブランディング]タブをクリックします。
- 編集したいブランドキットをクリックします。
- 新しいファビコンを追加するには、「ファビコン」セクションの「+追加」をクリックします。
- 新しいファビコンを追加します。
- ファイルツールの既存の画像をファビコンとして追加するには、「画像を参照する」をクリックします。右のパネルで、画像をクリックします。
- 新しい画像をファビコンとして追加するには、「アップロード」をクリックし、コンピュータから画像を追加します。
注意:最良の結果を得るには、ファビコンを48×48pxの画像として、以下のファイル形式のいずれかで保存してください。.ico、.gif、.pngのいずれかのファイル形式で保存してください。
- ファビコン名の欄には、ファビコンの名前を入力します。
- ファビコンの編集が完了したら、左下の「保存」をクリックします。
ブランドカラーを編集する
コンテンツエディターに表示されるブランドカラーを設定で設定できるほか、スケジュールページ、引用、会話チャンネルにも表示されます。販売用のテンプレートやメールには、ブランドカラーは表示されません。
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左サイドバーのメニューから、「アカウントの既定値」をクリックします。
- [ブランディング]タブをクリックします。
- 編集したいブランドキットをクリックします。
- マイブランドキットのセクションで、「色」タブをクリックします。
- 原色カラーを設定するには、16進数コードを入力するか、カラーピッカーをクリックして色を選択します。原色は、スケジュールページや引用文、会話チャンネルなどで使われています。
- さらにブランドカラーを追加する場合は、「+追加」をクリックし、16進数コードを入力するか、カラーピッカーをクリックしてカラーを選択します。主色以外の色を削除するには、その色の横にある削除アイコンをクリックします。
- また、すでにブランドカラーを使用しているライブページからカラーをインポートすることも可能です。
- URLからインポートする]をクリックします。
- ダイアログボックスに、ブランドカラーを使用したページのURLを入力します。
- スキャンが終了したら、取り込みたくない色の横にあるチェックボックスをオフにして、「取り込み」をクリックします。
Thank you for your feedback, it means a lot to us.
関連記事
-
HubSpotユーザー権限ガイド
ユーザーの追加および編集権限を持つHubSpotユーザーは、HubSpotアカウント内の新しいユーザーと既存のユーザーの権限をカスタマイズできます。 [ユーザーとチーム]設定にアクセスしてユーザー権限を更新する...
ナレッジベース -
Sales Hub と Service Hub の有料ユーザーを管理する
Sales HubアカウントまたはService Hubアカウントにユーザーの追加および編集権限と請求の変更権限の両方が付与されている場合、他のユーザーにサブスクリプションに含まれる有料のセールスやサービスの機能...
ナレッジベース -
シングルサインオンの設定(SSO)
シングルサインオン(SSO)を使用すると、チームの各メンバーは、自社で使用するすべてのシステムを1つのアカウントで利用できるようになります。HubSpot Enterprise...
ナレッジベース