WordPress

【WordPress】カラムを構成するためのプラグインGenesis Columns Advanced

May 30, 2017
Genesis Columns Advanced

Genesis Columns AdvancedはWordPressのエディタにカスタムボタンを追加し、ショートコードで簡単にカラムを構成できるプラグイン。

Genesis Columns Advancedプラグイン導入

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

エディタ


エディタをビジュアルにし、Insert Columnsをクリックします。


クリックすると上記のように挿入するカラムを選択できます。


Advanced Layoutsをクリックすると上記のようにお好きなカラム幅で設置が可能になります。右上のShow Titlesをクリックするともっとわかりやすいかもしれません。


完成。上記画像で使用したカラムは以下になります。

2Columns

[one-half-first]Place your content for the first column here.[/one-half-first]
[one-half]Place your content for the second column here.[/one-half]

3Columns

[one-third-first]Place your content for the first column here.[/one-third-first]
[one-third]Place your content for the second column here.[/one-third]
[one-third]Place your content for the third column here.[/one-third]

4Columns

[one-fourth-first]Place your content for the first column here.[/one-fourth-first]
[one-fourth]Place your content for the second column here.[/one-fourth]
[one-fourth]Place your content for the third column here.[/one-fourth]
[one-fourth]Place your content for the fourth column here.[/one-fourth]

5Columns

[one-fifth-first]Place your content for the first column here.[/one-fifth-first]
[one-fifth]Place your content for the second column here.[/one-fifth]
[one-fifth]Place your content for the third column here.[/one-fifth]
[one-fifth]Place your content for the fourth column here.[/one-fifth]
[one-fifth]Place your content for the fifth column here.[/one-fifth]

6Columns

[one-sixth-first]Place your content for the first column here.[/one-sixth-first]
[one-sixth]Place your content for the second column here.[/one-sixth]
[one-sixth]Place your content for the third column here.[/one-sixth]
[one-sixth]Place your content for the fourth column here.[/one-sixth]
[one-sixth]Place your content for the fifth column here.[/one-sixth]
[one-sixth]Place your content for the sixth column here.[/one-sixth]

1/6-5/6

[one-sixth-first]Place your content for the first column here.[/one-sixth-first]
[five-sixths]Place your content for the second column here.[/five-sixths]