WordPress | 画像を横に並べる（プラグイン無し）

WordPressで画像を横に並べる方法を説明する。

完成イメージ

1枚目の画像

2枚目の画像

やり方

ブロック挿入ツールからカラムを選択する。

開始時のパターンを選択する。今回の例では50 / 50を選択する。

このような箱が表示される。

それぞれの箱には画像でもテキストでもブロックを何でも入れることができる。

今回は左の箱に将棋の金の画像を入れる。

右の箱に将棋の玉の画像を入れる。

これで完成である。

今回の方法のデメリット

今回の方法はレスポンシブではない方法であるためスマホ、PCのウィンドウ幅が狭い場合、では画像が縦に並んでしまう。

この現象を防止するためには現状プラグインが必要。やり方は下記記事を参照。

WordPress | 画像を横に並べる（プラグインでレスポンシブ対応）

WordPressで画像を横に並べる方法を説明する。■結論 プラグインGutenberg Blocksをインストールし、ブロック挿入ツールからAdvanced Columnsを選択する。出てきたそれぞれの箱に画像を入れることで画像を横に並べて表示することができる。

wordpress.kazunoriri.com

2022.07.17

まとめ

将棋の神様がいたら、こんな私を許してくれるのでしょうか？

以上です。