画像を2つ横に並べて表示する方法

画像を2つ横に並べて表示する方法をご紹介します。

手順は簡単なのですが、使用頻度が少ないので忘れがちです。

もものすけ

　うっかりやってしまう　
　方法も含めて
　メモを残しました

Contents

方法1：ブロックのカラムを使う（不採用）

ブロックのカラムを使う方法です。

PC・タブレットでは2つ横に並んでくれるので問題ありません。

しかし、スマホでは縦になってしまっています。

・PC・タブレットの場合

・スマホの場合

PC・スマホの両方で画像を２つ並べたいので、この方法は不採用としました。

ブロックのギャラリーを使うと、PC・タブレット、スマホのすべてで横に並んで表示されます。

また、画面右側「ギャラリー設定」の「カラム」欄で、数字を1-8に変えることにより、横に並ぶ画像の数を変更することができます。

カラムが2の場合の見え方は、PC・タブレットとスマホで相違はありません。

・PC・タブレット

・スマホ

カラムが3以上になると、見え方は次のように変わってきます。

見え方を統一させるのであれば、カラムは2までにしておいた方が良さそうです。

・PC・タブレット

・スマホ

・PC・タブレット

・スマホ

このように操作自体はとても簡単なのですが、細かい設定を忘れがちな機能です。

もものすけ

　メモに残せたので　

　安心です！