Shortcodes by Angie MakesのColumnsの使い方
Shortcodes by Angie Makes「Columns」はページを分割表示するレイアウトができます。WordPressのレスポンシブ対応テーマを利用するとスタイルシートをカスタマイズするのに知識が必要です。文章だけで構成できる記事なら比較的簡単に作りことができますが、企業サイトのように製品やサービスをアピールするにはレイアウトを操作したくなります。ビジュアル編集画面で分割したいレイアウトを選択するだけでショートコードがページに埋め込まれます。
このプラグインの公開は2023年7月27日に停止されており、ダウンロードできません。 理由: セキュリティ上の問題。
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」のショートコードのデモサイトです。
使い方
「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
使用例
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サイトが表示されなくなったりすることもあります。プラグインの更新中は自動的にメンテナンスモードになりサイトにアクセスできなくなります。更新が終了すれば自動的にメンテナンスモードが解除されアクセスできるようになっていますが、更新中に何らかの原因で失敗してしまうとメンテナンスモードが解除されずアクセスできないといった状態になるわけです。
プラグインの更新中は自動的にメンテナンスモードになりサイトにアクセスできなくなります。更新が終了すれば自動的にメンテナンスモードが解除されアクセスできるようになっています。更新中に何らかの原因で失敗してしまうとメンテナンスモードが解除されずアクセスできないといった状態になるわけです。
レンタルサーバーのバックアップ
エラーによって不測の事態に陥ってしまった場合、やはり安心なのはレンタルサーのバックアップ機能です。レンタルサーバーによっては高機能なバックアップが装備され毎日自動でバックアップしてくれるものもあります。
ロリポップ!
![]() |
自動バックアップ・無料 |
ConoHa WING
![]() |
自動バックアップ期間14日間 |
リトルサーバー
![]() |
バックアップ期間7日間 |
WordPress最適化SSDサーバー
![]() |
自動バックアップ |
KAGOYA のWordPress専用サーバー
![]() |
指定したスケジュールでバックアップ |
さくらのレンタルサーバ
![]() |
8世代の自動バックアップ |
※サービス内容は変更されることがありますので、公式サイトで確認してください。
※この記事はプロモーションが含まれています。
◆有料テーマは最初からデザインやレイアウトが完成されています。カスタマイズせずほぼそのままの状態で使えるので、サイト運営で最も重要な仕事であるコンテンツ作成に集中できます。トップページのレイアウトやコンテンツを自由自在に調整できたり、サイト全体のデザインやSEOを一括設定できたりと、高度なサイト作成機能が搭載されているのも有料テーマのメリットの一つです。
THE THOR
ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れます。アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」が搭載されていて、コーポレートサイトやビジネス用メディアブログ、ブロガー・アフィリエイターなどの利用に適しています。
賢威
賢威はSEO実績が多く、SEOマニュアルや購入者専用の会員サイトでSEOの学習ができるのは大きなメリットなるでしょう。
Emanon
Emanonは、個人事業主・中小企業のビジネスサイト、オウンドメディアに必要なWeb集客機能と自由度の高いレイアウト機能を搭載した有料WordPressテーマです。見込み客を増やすためにメルマガ登録や資料請求、セミナーに誘導する仕組みがあり、WebサイトをWordPressで作りたい個人事業主・中小企業におすすめです。
LIQUID PRESS
WordPress公式有料サポートテーマに登録されているテーマです。 公式レビューやテーマチェックをクリア済のため、安心して利用できます。レスポンシブWebデザインにプラス、ユーザーがPC/スマホ表示を切り替えできる、 アクセシビリティと一貫性を確保することができるオリジナル機能を持っています。また、ウィジェット等の直感的な編集で、初心者でも簡単にカスタマイズ可能。
STORK19
ブロガー専用のWordPressテーマ「OPENCAGE」 モバイルファースト思想でつくられたブロガー専用のWordPressテーマです。 ウィジェットやカスタマイザーを利用して簡単にオリジナルデザインのブログを 構築することができます。