![ショートコードの紹介:グリッドレイアウト](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2017/02/lgf01a201411010800-min.jpg)
カラムレイアウト
カラムレイアウトのショートコードでは、全体をcolwrapで囲むことを忘れないようにしてください。詳しい使い方は以下をご参照ください。
2カラム
通常の2カラムレイアウトでは、スマホ表示時に1カラムに戻ります。
[colwrap][col2] [/col2][col2] [/col2][/colwrap]
SP2カラム
スマホ用の2カラムショートコードを利用すれば、スマホでも2カラムのまま表示することが可能です。
[colwrap][col2_sp] [/col2_sp][col2_sp] [/col2_sp][/colwrap]
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2017/02/スクリーンショット-2017-02-07-10.57.49.png)
3カラム
3カラム表示です。
[colwrap][col3] [/col3][col3] [/col3][col3] [/col3][/colwrap]
3/2カラム
工夫すれば3/2・3/1というレイアウトを作ることも可能です。
[colwrap][col3] [/col3][col3_2] [/col3_2][/colwrap]
4カラム
[colwrap][col4] [/col4][col4] [/col4][col4] [/col4][col4] [/col4][/colwrap]
4/3カラム
工夫すれば4/1・4/3というレイアウトを作ることも可能です。
[colwrap][col4] [/col4][col4_3] [/col4_3][/colwrap]