Shortcodes by Angie MakesのColumnsの使い方

WordPress.org	Shortcodes by Angie Makes
有効インストール	30000+
WordPressバージョン	3.7以上
検証済みバージョン	5.0.19

「Shortcodes by Angie Makes」は記事のレイアウトや見た目をHTMLやCSSの知識がなくてもショートコードで充実させることができるプラグインです。インストールするとビジュアルモード画面にボタンが表示されます。ボタンをクリックするとColumns,Elements,Content,Posts,Actions,Wrappersから選択し記事を編集することができます。

※　複雑なカスタマイズをしたい場合、専門スキルを持ったプロに依頼するのも一つの手段になります。

「Columns」に実装されているショートコード

• Columns（カラム・列）
• Elements（要素）
• Content（コンテンツ）
• Posts（投稿）Posts（投稿）
• Actions（アクション）
• Wrappers（ラッパー）

※「Shortcodes by Angie Makes」のショートコードのデモサイトです。

Shortcodes by Angie Makesの使い方

「Columns」はスタイルシートを使わずにコンテンツレイアウトを分割することができます。分割できるサイズは下記のようになっています。

• 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

Shortcodes by Angie Makesの使用例

1/2分割でレイアウトすることができます。

[wc_row][wc_column size="one-half" position="first"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]1/2 +1/2
左・上[/wc_box]
[/wc_column][wc_column size="one-half" position="last"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]1/2 +1/2
右・下[/wc_box]
[/wc_column][/wc_row]

モバイル端末では左側が上に、右側が下にレイアウトされます。

1/3 + 1/3 + 1/3 「Columns」ショートコード

3分割レイアウトです。

[wc_row][wc_column size="one-third" position="first"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]1/3 + 1/3 + 1/3[/wc_box]
[/wc_column][wc_column size="one-third"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]1/3 + 1/3 + 1/3[/wc_box]
[/wc_column][wc_column size="one-third" position="last"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]1/3 + 1/3 + 1/3[/wc_box]
[/wc_column][/wc_row]

1/3 + 2/3 「Columns」ショートコード

[wc_row][wc_column size="one-third" position="first"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]1/3[/wc_box]
[/wc_column][wc_column size="two-third" position="last"]
[wc_box color="secondary" text_align="left" margin_top="" margin_bottom="" class=""]2/3[/wc_box]
[/wc_column][/wc_row]

プラグインのメリットとデメリット

WordPress最大の特徴の一つとして「プラグイン」があります。標準のWordPressにはない機能（プログラム）が「プラグイン」という形で配布されており、それらを追加インストールする事によって、Webサイトに様々な拡張機能を持たせる事が出来ます。しかしながら、プラグインやテーマとのマッチング、プラグイン同士の相性で不具合が発生することもあります。また、数多くのプラグインを利用すると表示速度に影響を与えたり、悪意のあるプログラムが含まれたものもあり注意が必要です。

メリット	デメリット
必要な機能を簡単に導入することができる	数が多くなると、サイトが重くなる
管理画面だけで柔軟に対応できる	数が多くなると、管理しきれなくなる
難易度の高いコーディングをしなくてすむ	他のプラグインと競合したり、バグがあったりするものもある
アップデートに伴い、プログラムの更新がされ対応してくれる	サポートが途中で終わることがある

そして、最も注意したいのは、WordPressのコアプログラム（PHPのバージョンアップ）の進化等によってプラグインが利用できなくなることもあります。このようなリスクを避けたいのであれば、最初から機能が組み込まれている有料テーマの利用、バックアップ機能や高速かつセキュリティに対応したレンタルサーバーの利用が推奨されます。

プラグインのエラーを回復

プラグインのエラーは更新中に発生することが多く、画面が真っ白になったりします。プラグインが利用できなくなるだけではなく、WordPressにログインできなくなったりWEBサイトが表示されなくなったりすることもあります。プラグインの更新中は自動的にメンテナンスモードになりサイトにアクセスできなくなります。更新が終了すれば自動的にメンテナンスモードが解除されアクセスできるようになっていますが、更新中に何らかの原因で失敗してしまうとメンテナンスモードが解除されずアクセスできないといった状態になるわけです。

プラグインの更新中は自動的にメンテナンスモードになりサイトにアクセスできなくなります。更新が終了すれば自動的にメンテナンスモードが解除されアクセスできるようになっています。更新中に何らかの原因で失敗してしまうとメンテナンスモードが解除されずアクセスできないといった状態になるわけです。

有料WordPressテーマは、カスタマイズの柔軟性も高く、プラグインを新たにインストールしなくても十分な機能が装備されているので、コンテンツ作りに集中することができます。

※ザ・トールは、デザイン経験のない初心者でも「美しく・バランスの取れたサイト」をクリック操作だけで作れるように設計されています。煩わしいCSSをいじる必要もありません。また、デザインの拡張性が極めて高いため、自分だけのオリジナルデザインのサイトが作れます。トールを使用している他のユーザーとデザインが被ってしまう心配もありません。

「デザイン着せ替え機能」を使えば、プロのデザイナーが制作したデモサイトと同じデザインのサイトがワンクリック・数秒で完成。デザイン設定の必要は一切なく、直ぐにサイトの運営をスタートできます。他のWordPressテーマのようにデザイン設定で悩む必要はもうありません。