「WordPress」とは、手軽にWebサイト構築・更新ができるCMS(Contents Management System、コンテンツマネジメントシステム)のことです。全世界の4分の1を超えるサイトがWordPressで作られているとも言われています 。
WordPressには、インストールすることでさまざまな機能を追加できる「プラグイン」という拡張ツールが備わっています。ですが、初めてWordPressを使うのであれば、どれを選んだらいいのか分からないでしょう。
今回は「ページビルダー編」として、Webサイトデザインで使える便利なプラグインをご紹介します。ページビルダーは、さまざまなパーツをドラッグ&ドロップで配置して直感的にページを作成できる機能を持ったプラグインの総称です。WordPressに慣れていなくても大丈夫。アクセスしてきた人に適切に情報を届けたいのなら、優れたデザインは必須です。
目次
おすすめプラグイン ~ページビルダー編
ここでは、ページビルダー編として3つのプラグインをご紹介します。細かな使い勝手の違いはありますが、ドラッグ&ドロップでパーツを配置していくのは同じです。そのため、これらのうちいずれか1つだけをインストール・有効化すればOKです。また、WordPressは2018年から編集画面を新しいブロックエディタ「Gutenberg(グーテンベルグ)」に変更しました。HTMLやCSSの知識がある、簡単な機能でよいというのであれば、ページビルダープラグインは必要としないかもしれません。
Beaver Builder WordPressページビルダー
Beaver Builder WordPressページビルダーは、ドラッグ&ドロップで「モジュール」と呼ばれる機能を追加するページビルダーです。直感的に使うことができるので、プラグインを理解してしまえば好みのデザインのページを簡単に作ることができます。100%レスポンシブ(スマートフォン・タブレット表示)対応です。
無料版は固定ページのみデザイン編集が可能です。有料版はWebサイト全体や投稿記事もデザイン可能になり、デザインテンプレートが使えるようになったり、使えるモジュールが格段に増えたりと多数の機能が追加されます。まずは無料版を試してみて、もっと機能を追加したくなったら有料版を検討するのもよいでしょう。
プラグイン(無料版)の機能としては、以下の通りです。
- ドラッグ&ドロップによるレイアウト構築
- ドラッグ&ドロップによる機能追加
Page Builder by SiteOrigin
Page Builder By SiteOriginは、カラム(列)を作成し、その中にドラッグ&ドロップで「ウィジェット」と呼ばれるツールを配置してデザインするページビルダーです。100%レスポンシブ(スマートフォン・タブレット表示)対応しているので、慣れればサクサクとデザインができるでしょう。
プラグインの機能としては、以下の通りです。このプラグインをインストールする際に「SiteOrigin Widget Bundle」も一緒にインストール・有効化することによって、よりリッチな機能を使うことができます。
- ドラッグ&ドロップによるレイアウト構築
- ドラッグ&ドロップによる機能追加
Elementor Website Builder
Elementor Website Builderはページビルダーの中でも人気の高いプラグインです。特別な知識がなくてもリッチなデザイン・機能のWebサイトが簡単に作れ、100%レスポンシブ(スマートフォン・タブレット表示)対応です。
Elementorは無料版でも十分高機能なのですが、有料のProプラン(作成するWebサイトの数で料金が変わります)にすると、使用できるパーツや機能、デザインが格段に増えます。また、1年更新のクラウドホスティングサービスがあります。
有料版はどちらもテクニカルサポートを受けながらWebサイトを運営していくことができます。まずは無料版を試してみて、もっと機能を追加したくなったらProプランを契約する、という方法もあります。
プラグイン(無料版)の機能としては、以下の通りです。
- ドラッグ&ドロップによるレイアウト構築
- ドラッグ&ドロップによる機能追加
- ページテンプレートの利用
まとめ
1,000種類以上ある便利なプラグインの中から、今回はページビルダー編として、簡単に使えるプラグインをご紹介しました。WordPressには、他にもさまざまなプラグインがあります。便利に使いこなして、効率的なWebサイト構築・更新をしましょう。
あわせて読みたい関連記事
UXデザインの魅力と効果的な取り入れ方!ユーザーの満足度を高めるためのポイント
目次1 UXデザインとは?2 UXデザインの実践方法2.1 ユーザーニーズの把握2.2 ユーザビリティの向上2.3 シンプルで分かりやすいデザイン2.4 情報の整理と整頓2.5 柔軟性と拡張性のあるデザイン3 ビジネスに […]
【必要最小限に!】WordPressに入れるべきおすすめプラグイン ~コミュニケーション編~
「WordPress」とは、手軽にWebサイト構築·更新ができるCMS(Contents Management System、コンテンツマネジメントシステム)のことです。全世界の4分の1を超えるサイトがWordPress […]