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

HubSpot ページまたはテンプレートでカスタムソーシャルアイコンを使用する

更新日時 12月 21, 2018

対象製品

Marketing Hub Professional, Enterprise
Basic

HubSpot ページまたはテンプレートの Follow Me モジュールまたはソーシャルシェアリングモジュールでカスタムソーシャルアイコンを使用するには、モジュールのカスタムバージョンを作成して独自のソーシャルアイコンを追加します。

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • 左上の検索バーを使用して、既定の Follow Me モジュールまたはソーシャルシェアリングモジュールを検索します。
  • モジュールの名前をクリックしてエディターで開きます。
  • モジュールエディターのアラートで、[モジュールを複製] をクリックします。
custom-social-sharing-module
  • このダイアログボックスで、複製したモジュールの名前を入力して、[複製] をクリックします。
  • モジュールインスペクターで、[リンク済みファイル] セクションを見つけます。[その他のファイル] で、各ネットワークのソーシャルアイコンファイル名を書き留めます (facebook-color.png など)。
  • カスタムソーシャルアイコン画像が PNG 形式であり、モジュールの各ネットワークの既存のソーシャルアイコンファイルと同じ名前であることを確認します (facebook-color.png など)。
  • ネットワークの既存のソーシャルアイコンを置換するには、ファイル右側の [x] 記号をクリックします。次に、[その他のファイル] の横にある [追加] をクリックします。

  • 右側のペインで、検索バーを使用してファイルマネージャーのカスタムソーシャルアイコンを見つけるか、左下で [ファイルを追加] をクリックして [ファイルをアップロード] を選択してデバイスからカスタムソーシャルアイコンをアップロードします。
  • ファイル名をクリックしてアイコンをモジュールに追加します。

  • ソーシャルアイコンファイルを置換した後で、モジュールエディターの右上にある [プレビュー] をクリックしてモジュールのプレビューを開きます。
  • モジュールの表示に問題がなければ、モジュールエディターの右上にある [変更を公開] をクリックします。これで、この新しいカスタムモジュールを HubSpot コンテンツに追加できるようになりました。