便利な機能

レイアウトショートコードの使い方

レイアウトショートコード

テーマ用のプラグインが必要です

このショートコードを使うには、mintテーマ用のショートコードプラグインをインストールして有効化しておく必要があります。

2カラムレイアウト

PC表示のみ2カラムにする場合

2カラムレイアウト

PCでは1列目、スマホでは1段目に表示されます。

2カラムレイアウト

PCでは2列目、スマホでは2段目に表示されます。

入力するショートコード

[layout]
[grid2]PCでは1列目、スマホでは1段目に表示されます。[/grid2]
[grid2]PCでは2列目、スマホでは2段目に表示されます。[/grid2]
[/layout]

スマホ表示も2カラムにする場合

2カラムレイアウト

PC・スマホで1列目に表示されます。

2カラムレイアウト

PC・スマホで2列目に表示されます。

入力するショートコード

[layout class="layout-sp"]
[grid2]PC・スマホで1列目に表示されます。[/grid2]
[grid2]PC・スマホで2列目に表示されます。[/grid2]
[/layout]

class="layout-sp" を追記します。

3カラムレイアウト

3カラムレイアウト

PCでは1列目、スマホでは1段目に表示されます。

3カラムレイアウト

PCでは2列目、スマホでは2段目に表示されます。

3カラムレイアウト

PCでは3列目、スマホでは3段目に表示されます。

入力するショートコード

[layout]
[grid3]PCでは1列目、スマホでは1段目に表示されます。[/grid3]
[grid3]PCでは2列目、スマホでは2段目に表示されます。[/grid3]
[grid3]PCでは3列目、スマホでは3段目に表示されます。[/grid3]
[/layout]