WordPress

【WordPress】投稿/ページ内のコンテンツで使用できるレスポンシブで使い易いGrid Shortcodes

February 19, 2017
Grid Shortcodes


Grid Shortcodesはレスポンシブで使いやすい投稿/ページ内のコンテンツでグリッドを使用できるプラグイン。軽量で様々な幅の列を配置することができ、ショートコードの挿入はエディタのボタンから選択し、追加することができます。

Grid Shortcodesプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Grid Shortcodesを検索
有効化にします。

エディタ

エディタをビジュアルにするとGrid Shortcodesが追加されます。

グリッドを選択するとショートコードが挿入されます。


[GDC_row]
[GDC_column size="half"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="half"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[/GDC_row]


[GDC_row]
[GDC_column size="third"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="third"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="third"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[/GDC_row]


[GDC_row]
[GDC_column size="third"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="two-thirds"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[/GDC_row]


[GDC_row]
[GDC_column size="three-quarters"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="quarter"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[/GDC_row]


[GDC_row]
[GDC_column size="quarter"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="quarter"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="quarter"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[GDC_column size="quarter"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/GDC_column]
[/GDC_row]