何かお困りですか?よくある質問とその回答をまとめました。

サポートページ aero-right 複数の画像を並べて表示させる方法

複数の画像を並べて表示させる方法

ドラッグ&ドロップエディタ 更新日 6月 28, 2021

ドラッグ&ドロップエディタを使って、難しい画像の並列表示も簡単に行うことができます。

目次

 

複数の画像を並べて表示させる方法

1. 「画像グループ」ブロックを選択し、任意の位置にドラッグ&ドロップ

 

2. 画面左の編集オプションから「コンテンツ」タブを選択し、「レイアウト」にて並列レイアウトをクリック

 

3. 画像を3枚挿入したい場合は、「グループに画像を追加」オプションからレイアウトを選択

その他、「コンテンツ」タブで画像同士の間隔調整や、「設定」タブでの背景色、上下左右の空白調整などができます。お好みに合わせて変更してください。

 

なお、画像に文章を追加したい場合は「画像+テキスト」「テキスト+画像」あるいは「画像+キャプション」ブロックをご利用下さい。

画像+キャプション」ブロックを選択すると、初期設定で画像とテキストの2つのセクションが追加されます。画像の枚数を増やしたい場合は、以下のようにコンテンツタブの画像の数のドロップダウンメニューで3枚までお選び頂けます。

2つのタブを使用し、以下のような編集が可能です。

  • コンテンツ」タブ
    • テキストの追加や位置(トップ、左、右、または最下部いずれか)を選択できます。画像のサイズに合ったテキストの長さが最適表示となります。
    • 画像は3枚までブロックに追加可能です。
    • 位置調整やテキストの行間も設定できます。
  • 設定」タブ
    • 背景色およびサイド・上下の空白枠の調整が可能です。

なお、パソコンから画像をアップロードし、上記でご紹介した画像のブロックに挿入する方法は以下のFAQをご覧ください。

FAQ:画像の位置調整・枠を編集する方法


 

 

モバイル版で画像を横並びにする方法

画像ブロックを使って画像を横並びに挿入しても、モバイル版では縦並びに表示されます。

モバイル版でも横並びに表示させたい場合は、テキストブロックを使って画像を挿入し、それを横並びに固定することができます。

以下の手順に従ってください。

1.  編集画面でテキストブロックを本文の任意の場所にドラッグ&ドロップします。

2. 画面左のコンテンツタブの「コラム数」でドロップダウンメニューから「2」を選択します。

3. スクロールダウンし、オプション「モバイルレイアウト」で「コンテンツを横並びに固定」を選択します。

4. 「保存&閉じる」ボタンをクリックします。

4. テキストブロック内のコラム毎にお好きな画像を挿入します。

5. 画像を挿入するには、上部メニューバーの画像アイコンをクリックします。

6. 画像ギャラリーから画像の選択、またはパソコンから画像をアップロードして「挿入」ボタンをします。

*テキストブロックですので、画像の下にそのままテキストやテキストリンクを入れることも可能です。

7. 「保存&閉じる」ボタンをクリックします。

8. 最後に、「プレビュー」ボタンをクリックし、モバイル版でも横並びになっているか確認して完了です。

ご不明な点がございましたら、サポートまでご連絡くださいませ。

 

 

>>「メール作成:編集操作」のまとめページに戻る


FAQの情報は役に立ちましたか?
あなたはすでに投票済みです!

Benchmarkから業界トレンド&最新情報をお届けします

ご登録頂きありがとうございます!

登録を完了させるには、認証メールのご確認をお願いします。

質問の回答が見つかりませんか?

サポートへお問い合わせ