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

リッチテキストモジュールに画像を挿入

更新日時 2019年 10月 1日

対象製品

Marketing Hub  Professional, Enterprise
Basic

HubSpotのリッチテキストモジュールに画像を追加するには、次の手順を実行します。

  • HubSpotアカウントで、ブログ、Eメール、ランディングページまたはウェブサイトページに移動します

  • ダッシュボードで、編集するブログ記事、Eメール、ランディングページ、またはウェブサイトページの名前をクリックします。

  • 画像を表示したい場所で、リッチテキストモジュールをクリックします。
  • リッチテキストツールバーで、[挿入]ドロップダウンメニューをクリックして[画像]を選択するか、画像アイコン insertImage をクリックします。
  • 右のパネルで、ファイルマネージャーから既存の画像を選択するか、[画像を追加]をクリックしてデバイスまたはURLから新しい画像をアップロードします。

Shutterstockからのストック画像を使用するには、次の手順を実行します。

  • 検索バーに検索語句を入力して、Enterキーを押します。
  • [ストック画像]タブをクリックします。
  • [画像]をクリックして詳細を確認し、[挿入] をクリックしてコンテンツに追加します。

    insert-stock-image

注:マーケティングEメールに埋め込むことができる画像のファイルタイプは、pngicobmpjpggifのみです。

  • リッチテキストモジュールにファイルを挿入したら、画像をクリックして、代替テキスト、アラインメント(位置合わせ)、サイズを編集します。
    • [コンテンツ]タブでは、代替テキスト追加して、検索エンジンが画像の内容を認識できるようにします。
    • [スタイル]タブでは、[幅][高さ]の矢印を使用するか、ピクセル値を入力して、画像のサイズを調整します。画像の周囲のテキストの位置と回り込みを調整するには、[画像のレイアウト]を選択します。画像の周囲のパディングを調整するには、[間隔]矢印をクリックするか、画像アイコンの境界付近でピクセル値を入力します。
    • [リンク]タブでは、画像へのリンクを追加できます。

image-plugin-edit-image

  • 必要に応じてコンテンツに追加の変更を加え、[公開]または[更新]をクリックして変更を公開するか、[保存]をクリックして変更を下書きとして保存します。

リッチテキストモジュールから画像を削除するには、画像をクリックしてから、[削除]をクリックするか、キーボードのDeleteまたはBackspaceキーを押します。画像を差し替えるには、画像をクリックしてから、[置換]をクリックして上記の手順に従います。