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

画像を編集する

更新日時 2021年 9月 16日

対象製品

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Marketing Hub Basic(旧製品)

HubSpotの画像エディターでは、アップロードした画像をトリミング、サイズ変更、または回転し、変更した画像を元の画像の複製として保存できます。 

画像エディターを開きます。

画像エディターには、ファイルツールソーシャルツールからアクセスできます。また、リッチ テキスト モジュールを編集している場合はコンテンツエディター内でもアクセスできます。

ソーシャルツールで画像を編集する

  • HubSpotアカウントにて、[マーケティング] > [ソーシャル]の順に進みます。
  • 右上の[ソーシャル投稿を作成]をクリックします。
  • 右側のパネルで、ソーシャル投稿の公開先とするソーシャルネットワークを選択します。
  • テキストボックスで、insertImage image画像アイコンをクリックし、画像を挿入します。 
  • 右側のパネルで、画像を選択します。 
  • テキストボックスで、画像の上にカーソルを重ねてedit鉛筆アイコンをクリックします。これによって、画像エディターが開きます。 

ファイルツールで画像を編集する

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [ファイル]の順に進みます。
  • 画像ファイルの名前をクリックします。 
  • 右側のパネルで、[複製して編集]をクリックして画像エディターを開きます。 

コンテンツエディターで画像を編集する 

  • コンテンツに移動します。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。
  • コンテンツエディターで、画像を表示するリッチ テキスト モジュールをクリックします。
  • リッチ テキスト ツールバーで、insertImage画像アイコンをクリックします。 
  • 右側のパネルで、画像の上にカーソルを重ねて[詳細]をクリックします。 
  • 右側のパネルの下部にある[複製して編集]をクリックして画像エディターを開きます。
edit-image-in-rich-text-module-1

画像のサイズ変更とトリミング

画像エディターでは、画像のサイズを変更できます。
  • 画像エディターを開きます。
  • [サイズ変更]をクリックします。
  • 画像の高さをピクセル単位で入力します。 
  • [複製を保存]をクリックします。これにより、サイズ変更された画像が元の画像の複製として保存されます。
画像をトリミングまたは回転することもできます。
  • 画像エディターを開きます。
  • [クロップ]をクリックします。
  • サイズを調整するには、画像セレクターのまたはをクリックしてドラッグします。
  • 画像を45度時計回りに調整するには、rotate回転アイコンをクリックします。
  • ソーシャルメディア投稿の画像を最適化するには、[カスタム]ドロップダウンメニューをクリックし、[Facebook][Instagram](正方形、縦向き、または横向き)、[LinkedIn]、または[Twitter]を選択します。
  • 編集が完了したら、[複製を保存]をクリックします。トリミングした画像を元の画像の複製として保存します。

edit-images