Shortcodes by Angie Makesの【 Colum 】はページを分割表示するレイアウトができる機能です。WordPressのレスポンシブ対応テーマを利用するとスタイルシートをカスタマイズするのに知識が必要です。文章だけで構成できる記事なら比較的簡単に作りことができますが、企業サイトのように製品やサービスをアピールするにはレイアウトを操作したくなります。ビジュアル編集画面で分割したいレイアウトを選択するだけでショートコードがページに埋め込まれます。
Shortcodes by Angie Makes
Shortcodes by Angie Makes プラグイン・ディレクトリ
「Shortcodes by Angie Makes」は記事のレイアウトや見た目をHTMLやCSSの知識がなくてもショートコードで充実させることができるプラグインです。インストールするとビジュアルモード画面にボタンが表示されます。ボタンをクリックするとColumns,Elements,Content,Posts,Actions,Wrappersから選択し記事を編集することができます。
- このプラグインでできることは、レイアウトや見た目をHTMLやCSSの知識がなくてもショートコードで充実させることができる。
- このプラグインの名称は「Shortcodes by Angie Makes」
- プラグインディレクトリのページ
- ライセンスは無償
- 必須WordPressバージョンは3.7
- 検証済みバージョンは4.7.7
- 管理画面の言語は英語
- アクティブインストールは40,000+
- インストールするには、ダッシュボード → プラグイン → 新規追加 → 検索 → Shortcodes by Angie Makesで検索 → インストール → 有効（プラグインのエラーが発生した時の回復方法）
実装されているショートコード
- Columns（カラム・列）
- Elements（要素）
- Content（コンテンツ）
- Posts（投稿）Posts（投稿）
- Actions（アクション）
- Wrappers（ラッパー）
※「Shortcodes by Angie Makes」のショートコードのデモサイトです。
Colum
分割できるサイズは下記のようになっています。
- 1/2 + 1/2
- 1/3 + 1/3 + 1/3
- 1/3 + 2/3
- 2/3 + 1/3
- 1/4 + 1/4 + 1/4 +1/4
- 1/4 + 1/2 + 1/4
- 1/2 + 1/4 + 1/4
- 1/4 + 1/4 + 1/2
- 1/4 + 3/4
- 3/4 + 1/4
Colum の使用例
1/2分割でレイアウトすることができます。
1/2 +1/2
左・上
1/2 +1/2
右・下
モバイル端末では左側が上に、右側が下にレイアウトされます。
■ 1/3 + 1/3 + 1/3 「Columns」ショートコード
3分割レイアウトです。
1/3 + 1/3 + 1/3
1/3 + 1/3 + 1/3
1/3 + 1/3 + 1/3
■ 1/3 + 2/3 「Columns」ショートコード
1/3
2/3
