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

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

更新日時 1月 29, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

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

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

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

  • 画像を表示したい場所で、リッチテキストモジュールをクリックします。
  • リッチテキストツールバーで、[Insert (挿入)]ドロップダウンメニューをクリックし、[Image (画像)]を選択するか、画像アイコン insertImageをクリックします。
  • 右側のペインで、[Recent images (最近の画像)]から画像を選択するか、上部の検索バーで画像を検索するか、または[Browse folders (参照フォルダ)]をクリックして、ファイルマネージャーでファイルを表示します。ペイン下部にある[Add image (画像を追加)]をクリックすると、ファイルをアップロードするか、ファイルの URL を追加することもできます。

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

  • リッチテキストモジュールにファイルを挿入したら、画像をクリックして、アラインメント、サイズ、または alt テキストを編集します。
    • [Content (コンテンツ)]タブで、[Alt text (altテキスト)]フィールドの画像に altテキストを追加します。この記述は、検索エンジンに画像の内容を伝達します。
    • [Style (スタイル)]タブで、ピクセルサイズを[Width (幅)]および[Height (高さ)]フィールドに入力して、画像のサイズを調整します。[Image layout (画像レイアウト)]を選択して、テキストを画像に揃え、配置する方法を選択します。必要に応じて、画像の周囲の[Spacing (間隔)]を調整します。
    • [Link (リンク)]オプションを使用して、画像へのリンクを追加することもできます。

image-plugin-edit-image

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

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