• メニュー
  • メニュー

【プラグインいらず】WordPressで画像を横並び表示する方法

WordPressで画像を横並びする方法についてご紹介します。
プラグインもなく簡単に画像をドラッグアンドドロップするだけで、画像の横並びができちゃいます。

横並びにすると画像は小さくなりますが、たくさんの画像を表示したい場合や、画像比較にも使えますよね。


WordPressの基本機能で画像を横並びにしよう

使う機能は、ブロックエディタ(Gutenberg)の基本機能です。

ブロックエディタの「ギャラリー」を選びます。「画像」だとシングルの1枚画像ですが、ギャラリーは複数画像を選択する時に使います。

wordpressで画像の横並びする方法


「ギャラリー」を挿入すると、ドラッグ&ドロップで画像をアップロードするか、メディア画面を開いてアップロードすることができます。

wordpressで画像の横並びする方法


メディア画面では、複数画像を選択することができるので、右下の「ギャラリーを作成」をクリックします。

wordpressで画像の横並びする方法


ギャラリーを作成をクリックすると、選択した画像が表示されるので「ギャラリーを挿入」をクリックします。

wordpressで画像の横並びする方法

2つの画像を選択すると以下のように横並び表示されます。
画像サイズが横長なのでちょっとおかしな表示ですね。


違う画像でも表示してみます。


まとめ:

画像の横並び表示はブロックエディタになってから、信じられないくらい簡単になりました。

フォトグラファーの方はこのように簡単に写真ギャラリーを作ることができるようになりました。

固定ページでトップ画面にこのギャラリー機能を使えばポートフォリオも簡単に作成できそうですね。


有益情報も流しているのでツイッターもぜひフォローお願いします。


参考になったらシェアお願いします!
toshiki@ひざのうえ起業家

3児&2犬(大型)のウェブ大好きパパです。

サイト作り・デザイン大好きで、どんどん新しいサイトを作ろうとしてしまう性格の持ち主。けど、深く深く極めるのも好きなハイブリットです。Wordpress歴は18年くらいです。

子どもが大きくなってしまう前に、子どもとの時間を作りたくて脱サラ計画中。ひざのうえにノートパソコンを置いてでも稼げる仕事で起業を目指しています。

10年ちょい前に世界一周チケットで主要都市だけ回る旅行も経験、これからもいっぱい旅行したい一心で切磋琢磨しています。旅行大好きだから。

好きな物:ウェブサイト/旅行(国内・海外)/動画編集/音楽(クラシック/JAZZ/ポップス)/山崎豊子/久石譲/ショパン/ピアノ/ラブラドールレトリバー/コーヒー/ワイン/スポーツ全般/スキーモーグル/高校野球/スキューバ

夢:キャンピングカーで子どもと犬と日本一周、もう一度乗りたい豪華客船クルーズ、映画音楽の作曲、プール付きか温泉付きの別荘で暖炉の前でリクライニングチェアで老眼鏡付けて分厚い洋書を手に犬を足元に居眠り。

ストーリーを見る

コメント・質問する

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です