WordPressでページごとに自由なレイアウトを作成できる便利なプラグイン「Elementor」 -レスポンシブ対応で高性能、しかも無料！

Post on:2016年6月15日

sponsors

WordPressのどんなテーマファイルでも、どんなページでも、どんなデザインでも、ページごとに自由なレイアウトを作成できる便利なプラグインを紹介します。

これ系のプラグインは有料が多いですが、レスポンシブ対応で高性能、そして無料というのはありがたいですね。

Elementorの特徴

Elementorは、どんなテーマファイルを使っていても、どんなページでも、どんなデザインにでも適用できます。
大きな特徴はコードの知識は不要、ドラッグ&ドロップで要素やコンポーネントを配置し、簡単に調整できます。

自身のブログやポートフォリオに使ってもよし、クライアントが自由にレイアウトをしたい時にもいいですね。

ヘッダ画像の高さや幅を変えたり、ブラウザいっぱいに配置するのも可能

カラムのサイズも簡単に変更でき、横列・縦列を加えることも簡単

カラム内に配置するコンテンツも自由に調整

カラム間の溝も簡単に変更できるので、デザインにあった調整が簡単

ページを公開する前に、さまざまなレイアウトを試すことができます。

レイアウトのサンプル

Elementorのインストールは通常のプラグインと同じで、2つの方法があります。

利用にあたっては、WordPress4.4以上、PHP5.4以上が必要です。

インストールすると、編集画面はこんな感じになります。

Elementorの画面

HTMLやCSSに詳しくなくても簡単に配置できます。

Elementorで作成中

動画も公開されているので、使用しているイメージがつかめると思います。