WordPressで画像を横並びする方法についてご紹介します。
プラグインもなく簡単に画像をドラッグアンドドロップするだけで、画像の横並びができちゃいます。
横並びにすると画像は小さくなりますが、たくさんの画像を表示したい場合や、画像比較にも使えますよね。
WordPressの基本機能で画像を横並びにしよう
使う機能は、ブロックエディタ(Gutenberg)の基本機能です。
ブロックエディタの「ギャラリー」を選びます。「画像」だとシングルの1枚画像ですが、ギャラリーは複数画像を選択する時に使います。
「ギャラリー」を挿入すると、ドラッグ&ドロップで画像をアップロードするか、メディア画面を開いてアップロードすることができます。
メディア画面では、複数画像を選択することができるので、右下の「ギャラリーを作成」をクリックします。
ギャラリーを作成をクリックすると、選択した画像が表示されるので「ギャラリーを挿入」をクリックします。
2つの画像を選択すると以下のように横並び表示されます。
画像サイズが横長なのでちょっとおかしな表示ですね。
違う画像でも表示してみます。
まとめ:
画像の横並び表示はブロックエディタになってから、信じられないくらい簡単になりました。
フォトグラファーの方はこのように簡単に写真ギャラリーを作ることができるようになりました。
固定ページでトップ画面にこのギャラリー機能を使えばポートフォリオも簡単に作成できそうですね。
コメント・質問する