更新日時 2023年 6月 12日
以下の 製品でご利用いただけます（別途記載されている場合を除きます）。
すべての製品とプラン
|
アカウント設定で、ブランドキットのブランドのロゴ、ファビコン、ブランドカラーを編集することができます。
ロゴを編集する
アカウント設定で、既定のロゴを編集することができます。このロゴは、コンテンツごとに個別にオーバーライドできます。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンをクリックします。
- 左のサイドバーメニューで［アカウントの既定値］をクリックします。
- ［ブランディング］タブをクリックします。
- 編集するブランドキットをクリックします。
- ［ロゴ］セクションに新しいロゴを追加します。
- ファイルツールから既存の画像をロゴとして追加する場合は、［画像を参照］をクリックします。右側のパネルで、画像をクリックします。
- 新しい画像を追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。
- ［ロゴ名］フィールドに、ロゴの名前を入力します。このフィールドは必須です。
- ［ロゴのaltテキスト］フィールドに、検索エンジンおよびスクリーンリーダー向けのロゴの説明を入力します。これにより、サイトのアクセシビリティーとSEOが向上します。ウェブサイトのアクセシビリティーについて詳しくは、開発者ドキュメントを参照してください。
- ロゴにクリック可能なリンクを設定する場合は、［ロゴURL］フィールドにURLを入力します。
- ロゴのサイズを変更する場合は、［幅］フィールドまたは［高さ］フィールドに、新しい寸法を入力します。他のフィールドは、画像の比率を維持するように自動的に調整されます。
- 別のロゴを追加するには、［ロゴ］セクションの下部にある［+追加］をクリックします。
- 既存の画像を削除するには、画像にカーソルを合わせ、右上隅の［X］をクリックします。追加のロゴを削除するには、［アクション］ドロップダウンメニューをクリックし、［削除］を選択します。
- ロゴの編集が完了したら、左下の［保存］をクリックします。
ファビコンを編集する
アカウント設定で、ウェブサイトのファビコン（ブラウザーのタブ内でページタイトルの横に表示される小さな画像）をカスタマイズすることができます。ファビコンはHubSpotでホスティングされているコンテンツにのみ適用されます。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンをクリックします。
- 左のサイドバーメニューで［アカウントの既定値］をクリックします。
- ［ブランディング］タブをクリックします。
- 編集するブランドキットをクリックします。
- 新しいファビコンを追加するには、［ファビコン］セクションで［+追加］をクリックします。
- 新しいファビコンを追加します。
- ファイルツールから既存の画像をファビコンとして追加する場合は、［画像を参照］をクリックします。右側のパネルで、画像をクリックします。
- 新しい画像をファビコンとして追加する場合は、［アップロード］をクリックし、パソコンから画像を追加します。
注：最適な結果を得るには、.ico、.gif、.pngのいずれかのファイル形式で48×48ピクセルの画像としてファビコンを保存してください。
- ［ファビコン名］フィールドに、ファビコンの名前を入力します。
- ファビコンの編集が完了したら、左下の［保存］をクリックします。
また、メインナビゲーションバーの設定アイコンをクリックすると、ファビコンを編集することができます。左サイドバーのメニューから、ウェブサイト > ページに移動し、ブランディングタブをクリックします。
ブランドカラーを編集する
設定で、コンテンツエディターおよびスケジュール設定ページ、見積もり、コミュニケーションチャネルに表示されるブランドカラーを設定できます。ブランドカラーは、セールステンプレートおよびEメールには表示されません。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンをクリックします。
- 左のサイドバーメニューで［アカウントの既定値］をクリックします。
- ［ブランディング］タブをクリックします。
- 編集するブランドキットをクリックします。
- ［自分のブランドキット］セクションで、［色］タブをクリックします。
- 基本色を設定するには、16進数コードを入力するか、カラーピッカーをクリックして色を選択します。基本色は、スケジュール設定ページ、見積もり、コミュニケーションチャネルで使用されます。
- さらにブランドカラーを追加する場合は、［+追加］をクリックして、16進数コードを入力するか、カラーピッカーをクリックして、色を選択します。基本色以外の色を削除する場合は、その横にある削除アイコンをクリックします。
- 既にブランドカラーを使用しているライブページから色をインポートすることもできます。
- ［URLからインポート］をクリックします。
- ダイアログボックスに、ブランドカラーを使用しているページのURLを入力します。
- スキャンが終了したら、インポートしない色の横にあるチェックボックスをオフにして、［インポート］をクリックします。
