The 8 Best WordPress Front End Editor Plugins

WordPress が人気な理由の 1 つに、使いやすい管理画面があげられると思います。デザイナーなど非技術者でも、簡単にコンテンツの管理(作成・公開・更新・削除)を行うことができます。ブログ記事のようなページであれば、詳しい説明無しに管理できるでしょう。

しかし、ランディングページ(LP)のような少し複雑なページを作成しようとした場合、投稿データ作成画面で HTML コーディングをする、テーマファイル(front-page.php や ページテンプレートファイル etc)をコーディングするなど、少し大変な思いをすることになります。

ただ幸いなことに WordPress には、世界中のデベロッパーが開発・公開を行っている豊富なプラグインがあります。記事執筆時点で、wordpress.org に登録されているプラグインの数は 45,708 プラグインにもなります。この豊富なプラグインの中に、ページビルダーなるプラグインがあります。ページビルダープラグインは、ドラッグアンドドロップでさまざまなパーツを追加・移動させ、ページを作成できるようになるプラグインです。

ページビルダープラグインを使用する最大のメリットは、HTML などの専門知識がなくて、カッコよくてイケてるページを作成できるのが最大のメリットです。以下に紹介する 8 つのプラグインは、wordpress.org に登録されているプラグインです。インストールは WordPress の管理画面で行うことができます。基本機能は無料で、より多くの機能を使用したい場合は、有料版を購入するというスタイルのプラグインが多いです。

Beaver Builder – WordPress Page Builder

Beaver Builder - WordPress Page Builder

The best drag and drop WordPress Page Builder. Easily build beautiful home pages, professional landing pages, and more with Beaver Builder.

https://wordpress.org/plugins/beaver-builder-lite-version/

Elementor Page Builder

Elementor Page Builder

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

https://wordpress.org/plugins/elementor/

Onepager – One Page Builder

Onepager - One Page Builder

Modern, Powerful & Crazy Fast one page builder. Built with modern tools such ReactJS for next generation theming.

https://wordpress.org/plugins/tx-onepager/

Page Builder by MotoPress

Page Builder by MotoPress

Drag and Drop frontend page builder for any theme. Build responsive sites visually without any code by using MotoPress website builder.

https://wordpress.org/plugins/motopress-content-editor-lite/

Page Builder: Live Composer – drag and drop website builder (visual front end site editor)

Page Builder: Live Composer - drag and drop website builder (visual front end site editor)

Front-end page builder for WordPress with drag and drop editing. Build PRO responsive websites and landing pages. Visually customize any page element.

https://wordpress.org/plugins/live-composer-page-builder/

Page Builder by SiteOrigin

Page Builder by SiteOrigin

Build responsive page layouts using the widgets you know and love using this simple drag and drop page builder.

https://wordpress.org/plugins/siteorigin-panels/

Display Posts Grid, List Without Coding – Content Views

Display Posts Grid, List Without Coding - Content Views

Display recent or any posts by category, tag, author, ID in responsive grid, list layout easier than ever.

https://wordpress.org/plugins/content-views-query-and-display-post-page/

Front-end Editor

Front-end Editor はフロントエンドで投稿・固定ページの編集・保存ができます。このプラグインは、将来的に WordPress コアに取り込まれる可能性があるプラグインです。

https://wordpress.org/plugins/wp-front-end-editor/

あとがき…

プラグインの説明が英語でごめんなさい(コピペです)。個人的には Display Posts Grid, List Without Coding – Content Views はどこでも利用できそうだなーと思います。WordPress 公式フォーラムでよく「固定ページ(または投稿)に特定のカテゴリーの記事一覧をだしたい」などみかけるので、このプラグインで解決できそうですね。

それでは、本日はここまで。

この記事が気に入ったら
いいね ! しよう

Twitter で

Written by くっくる

2014 年 4 月に独立し、フリーランスとして HTML コーディング・WordPress サイトの構築の受託案件を中心に埼玉県で活動中。Twenty Fourteen のテーマカラーを簡単に変更できる ShaChiPoCo をはじめ、複数の WordPress プラグインを公式ディレクトリにて公開してる。

View all author posts →

コメントを残す