目次
リッチカラムの追加方法
STEP
編集画面で「+」をクリックします
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_03_22_30.png)
STEP
スクロールしてブロックを追加します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_18.png)
STEP
リッチカラムが選択されました
![](https://goriweb.jp/wp-content/uploads/2023/09/image-8.png)
STEP
ミニメニューのカラムを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_21.png)
STEP
「+」ボタンで追加します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_22.png)
STEP
ブロックが追加されました
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_23.png)
デザインの変更
STEP
ミニメニューのカラムを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_24.png)
STEP
リッチカラムのボタンが表示されます
![](https://goriweb.jp/wp-content/uploads/2023/09/新規投稿を追加_‹_インターネットの仕掛けを作ってレバレッジをかけるTreasureNey_トレジャーニー_—_WordPress-4.png)
STEP
「三」からリッチカラムを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/Cursor_と_新規投稿を追加_‹_インターネットの仕掛けを作ってレバレッジをかけるTreasureNey_トレジャーニー_—_WordPress.png)
STEP
設定からスタイルから選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_27-1.png)
STEP
シャドウを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_31.png)
STEP
下記のように表示されます
カラム1
カラム2
カラム3
レイアウトを変更する
STEP
ミニメニューの左側のカラムマークを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_24.png)
STEP
リッチカラムを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/新規投稿を追加_‹_インターネットの仕掛けを作ってレバレッジをかけるTreasureNey_トレジャーニー_—_WordPress-4.png)
STEP
「三」のマークをクリックして、リッチカラムを選択します
![](https://goriweb.jp/wp-content/uploads/2023/09/Cursor_と_新規投稿を追加_‹_インターネットの仕掛けを作ってレバレッジをかけるTreasureNey_トレジャーニー_—_WordPress.png)
STEP
右の設定→ブロック→列数を設定します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_27.png)
STEP
列数をPCを2列から3列に変更します
![](https://goriweb.jp/wp-content/uploads/2023/09/貼り付けた画像_2023_09_04_1_33.png)
他のレイアウトは会のように設定できます
![](https://goriweb.jp/wp-content/uploads/2022/12/貼り付けた画像_2022_12_20_13_05.jpg)
PC2列、タブレット2列、スマホ2列のレイアウト
- PC閲覧時:2列
- タブレット閲覧時:2列
- スマホ閲覧時:2列
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
PC4列、タブレット2列、スマホ1列のレイアウト
- PC閲覧時:4列
- タブレット閲覧時;2列
- スマホ閲覧時:1列
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
ブロック編集画面から編集できます。
下記の場合だと下記のように表示されます。
注意点
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。
![](https://goriweb.jp/wp-content/uploads/2022/08/image-20.png)
テキストが入ります。テキストが入ります。