この記事にはカラム数を変更してリンク付き画像を横に2~6つ表示する方法が書いてあります
(参考:過去記事)
リンクをつけなくていい人は、ギャラリーブロックを使うと簡単にできます
アップロードする画像を複数選択すればOKです
環境↓
WordPress
Cocoonテーマ
ブロックエディタ
ブログで画像を横に並べて4つ以上表示する方法
![](http://junjunblog.org/wp-content/uploads/2021/02/8d8147f7b5e921e71c79a98c7044f009-1024x360.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/0cc6716956d35857503553ffba8d4940-1024x479.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/f1d36707a510f5e2e191d1b6561abb12-1024x775.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/2174caed5661376e555ec2c19174c053-1024x490.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/ea42ac8e55057bb67ceef21d3a366ff6-1024x438.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/a330ddde978737c25957242f9a7b4fe6-1024x468.jpg)
カラム数を変更する方法
![](http://junjunblog.org/wp-content/uploads/2021/02/255f97f3db2f04bf1353a6a66e6625d0-1024x606.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/20101da504ae6045025772e648be57e2-1024x497.jpg)
【便利なショートカットキー】
・選択したブロックを複製
「Ctrl」+「Shift」+「D」(Mac:「Command」+「Shift」+「D」)
![](http://junjunblog.org/wp-content/uploads/2021/02/963dab353c0c4713a5814d4e79cb8521-1024x688.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/0ea584e791999aabb8819b39d371a75c-1024x718.jpg)
1番カンタンに画像を挿入する方法は、ドラッグ&ドロップすればOKです
画像にリンクを貼り付ける方法
![](http://junjunblog.org/wp-content/uploads/2021/02/2aa03f7878f6c1d7535a3a461eeca9cd-1024x601.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/1729b48c69a5092fe7347e37fd981894-1024x494.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/61ae3b647252bc348b6152aaa26d965a-1024x538.jpg)
ギャラリーブロックで挿入した場合の例
![](http://junjunblog.org/wp-content/uploads/2021/02/2b25840ca8afd7c5ccc7141d2fec48a6-1024x680.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/02/e37271850a396b3434d7736dc70d9021-1024x475.jpg)
コメント