WordPressでブログを書いていると、画像を横に並べたり、画像の横に文字を入れたくなることがあります。
WordPressのブロックエディタで画像や文字を横に並べる方法をお伝えします。
「カラム」ブロックを追加する
↓WordPressの投稿画面で「ブロックの追加」ボタンをクリックしてブロックを追加します。追加するブロックは「カラム」です。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061701.jpg)
↓「 / 」を入力してブロックを追加することもできます。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061701-2-750x459.jpg)
↓カラムのパターンを以下から選択します。
- 2カラム:等分
- 2カラム:1/3、2/3に分割
- 2カラム:2/3、1/3に分割
- 3カラム:均等割
- 3カラム:中央を広く
![](https://o-naru.com/wp-content/uploads/2020/06/2020061702.jpg)
↓1段のブロックが複数のカラムに分かれました。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061703-2.jpg)
カラムの数は2~6カラムで変更できます。
↓カラムの分かれ目あたりをクリックしてカラムのブロック全体を選択します。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061708.jpg)
↓右サイドバーにカラムの設定画面が表示されるのでカラムの数を設定します。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061709.jpg)
カラムの数を6つにした状態です。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061710.jpg)
各カラムにブロックを追加して編集する
↓各カラムの「ブロックの追加」ボタンをクリックします。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061703.jpg)
↓各カラムごとにブロックを追加して編集していきます。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061704.jpg)
↓各カラムに画像ブロックを追加した様子です。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061705.jpg)
↓画像ブロックと段落ブロック(文字)を並べることもできます。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061706.jpg)
↓1度1カラムで配置したブロックをドラッグ & ドロップで複数カラムにすることもできます。
![](https://o-naru.com/wp-content/uploads/2020/06/2020061707.jpg)