ロゴを編集する
更新日時 2022年 6月 16日
対象製品
すべての製品とプラン |
設定で、ロゴモジュールで使用する既定のロゴを編集することができます。この既定のロゴは、個々のページ、ブログ記事、Eメール、グローバル コンテンツ モジュール、またはテンプレートに対して個別にオーバーライドできます。
既定のロゴを編集する
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左のサイドバーメニューで、[ウェブサイト]>[ページ]の順に移動します。
- [設定を編集するドメインを選択]ドロップダウンメニューをクリックし、ドメインを選択します。すべてのドメインで同じ既定のロゴを設定するには、[すべてのドメインの既定の設定]を選択します。
- [ブランディング]タブをクリックします。
- 既存のロゴを削除するには、[ロゴ]セクション内の画像の上にカーソルを重ねて[X]をクリックします。


- 新しいロゴを追加するには、[アップロード]をクリックしてコンピューターに保存されている画像を選択するか、[画像を参照]をクリックし、ファイルツールから画像を選択します。
- ロゴの設定を編集するには、以下の手順に従います。
- [ロゴのaltテキスト]フィールドに、検索エンジンとスクリーンリーダーに対して画像の内容を説明するテキストを入力します。これにより、サイトのアクセシビリティーとSEOが向上します。ウェブサイトのアクセシビリティーについて詳しくは、開発者ドキュメントを参照してください。
- ロゴのサイズを変更するには、[ロゴの幅]フィールドと[ロゴの高さ]フィールドに、幅、高さをそれぞれ入力します。
- ロゴをクリックした訪問者をURLにリダイレクトするには、[ロゴのリンク]フィールドにURLを入力します。
- 左下の[保存]をクリックします。
注:選択されているロゴがない場合、ロゴモジュールにはEメールフッターの設定で指定されている会社名が表示されます。この設定を無効にするには、[ロゴが設定されていない場合は会社名を表示する]スイッチをクリックしてオフに切り替えます。
既定のロゴをオーバーライドする
個々のEメール、ページ、ブログ記事、グローバル コンテンツ モジュール、またはテンプレートで、既定のロゴを個別にオーバーライドできます。これによって設定されている既定のロゴに影響が及ぶことはありません。
Eメール、ページ、またはブログ記事で既定のロゴをオーバーライドする
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- Eメール:HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
- Eメール、ページ、またはブログ記事の名前をクリックします。
- コンテンツエディターで、ロゴをクリックします。[グローバルコンテンツを編集しますか?]ダイアログが表示された場合、そのロゴはグローバル コンテンツ エディターで編集する必要があります。
- サイドバーのエディターで、[このページの既定のロゴを上書き]スイッチをクリックしてオンに切り替えます。
- 既定のロゴの上にある[置換]をクリックし、新しいロゴを選択します。
- ファイルツール内の画像を使用する場合は、右側のパネルで画像を選択します。
- 新しい画像をアップロードする場合は、[画像を追加]ドロップダウンメニューをクリックします。[ファイルをアップロード]を選択してコンピューターに保存されている画像を選択するか、[URLから]を選択してURLを入力します。
- 必要に応じて、ロゴの下にあるフィールドに、代替テキスト、幅と高さ、URLを入力します。
- 変更内容を保存するには、左上の[保存]をクリックします。ページまたはブログ記事に変更を適用するには、右上の[更新]をクリックします。
グローバルコンテンツで既定のロゴをオーバーライドする
注:グローバルコンテンツに変更を加えると、複数のテンプレートとページに影響が及びます。変更を行う前に、変更対象のグローバルコンテンツをどのアセットが使用しているかを確認することをお勧めします。
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- グローバルコンテンツを使用しているページの名前をクリックします。
- コンテンツエディターで、ロゴをクリックします。
- 表示されるダイアログボックスで、[グローバル コンテンツ エディターで開く]をクリックします。
- グローバル コンテンツ エディターで、ロゴをクリックします。
- サイドバーのエディターで、[このページの既定のロゴを上書き]スイッチをクリックしてオンに切り替えます。
- ロゴの上にある[置換]をクリックし、新しいロゴを選択します。
- ファイルツール内の画像を使用する場合は、右側のパネルで画像を選択します。
- 新しい画像をアップロードする場合は、[画像を追加]ドロップダウンメニューをクリックします。[ファイルをアップロード]を選択してコンピューターに保存されている画像を選択するか、[URLから]を選択してURLを入力します。
- 必要に応じて、ロゴの下にあるフィールドに、代替テキスト、幅と高さ、URLを入力します。
- 右上の[Publish to [x] assets([X]件のアセットに公開)]をクリックします。
テンプレートで既定のロゴをオーバーライドする
注:テンプレートに変更を加えると、そのテンプレートを使用しているページに影響が及びます。変更を行う前に、変更対象のテンプレートをどのページが使用しているかを確認することをお勧めします。
- HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
- ファインダーで、テンプレートを選択します。
- レイアウトエディターで、ロゴモジュールをクリックします。
- インスペクターで、[既定のコンテンツ]セクションまでスクロールダウンします。
- [このページで既定のロゴを上書き]スイッチをクリックしてオンに切り替えます。
- ロゴの上にある[置換]をクリックし、新しいロゴを選択します。
- ファイルツール内の画像を使用する場合は、右側のパネルで画像を選択します。
- 新しい画像をアップロードする場合は、[画像を追加]ドロップダウンメニューをクリックします。[ファイルをアップロード]をクリックしてコンピューターに保存されている画像を選択するか、[URLから]をクリックしてURLを入力します。
- 必要に応じて、ロゴの下にあるフィールドに、代替テキスト、幅と高さ、URLを入力します。
- 右上の[変更を公開]をクリックして変更内容を適用します。
Thank you for your feedback, it means a lot to us.
関連記事
-
スマート コンテンツ ルールを作成して管理する
スマート コンテンツ モジュールには、閲覧者カテゴリーに基づいて異なるバージョンのコンテンツが表示されます。たとえば、特定の国からの訪問者またはモバイルデバイスで閲覧している訪問者に代替案を作成することができます。 ...
ナレッジベース -
Google アナリティクスとHubSpotコンテンツの連携
Google アナリティクスをHubSpotと連携すると、貴社のHubSpotサイトへの訪問者に関するデータがGoogle アナリティクスのアカウント上に収集されます。Google...
ナレッジベース -
非公開コンテンツにアクセスするためのメンバー登録を必須にする
公開権限を付与されているユーザーは、HubSpot上にホスティングされている特定のページ、ブログ記事、ナレッジベースの記事に、アクセス可能なコンタクトを指定できます...
ナレッジベース