プログラミングなしで動的ウェブサイトを作成するための7つのプラグイン

ビジネスに関する基本的な情報を表示する以上の機能を持つWordPressサイトは、ほぼすべてが動的です。動的なウェブサイトを構築する場合、各情報を一度作成し、それをウェブサイトのさまざまな部分に表示します。

たとえば、ジムのネットワークのウェブサイトを構築しているとします。さまざまなジム、トレーナー、プログラムを表示する必要があります。

これを行う1つの方法は、通常のWordPressのページを使用し、紙に書き留めるように各ページにすべての情報を記述することです。しかし、正しい方法は動的コンテンツを使用することです。

動的コンテンツでは、カスタム投稿タイプとカスタムフィールドを使用して、ジムやトレーナーに関する情報を保存します。

その後、テンプレート、アーカイブ、クエリを使用してこの情報を表示します。

動的ウェブサイトを構築するためのWordPressプラグイン

• カスタムコンテンツを作成し、コーディングなしで動的に表示するプラグイン
• カスタムコンテンツを作成するだけのプラグイン
• コンテンツを動的に表示するだけのプラグイン

以前は、動的なウェブサイトを作成するには多くのカスタム開発が必要でした。現在では、プログラマーになったり雇ったりすることなく、さまざまなプラグインから選択して動的サイトを作成できます。

これらの各プラグインを評価し、カスタムデータ構造（投稿タイプ、フィールド、タクソノミーなど）を作成する機能と、そのデータを表示するオプションに基づいてグループ化しました。

これらのプラグインはすべてWPMLと互換性があります。

Toolset	CrocoblockのJetEngineとJetSmartFilters	ACF	Elementor Pro	Divi	Beaver Themer	Dynamic Content for Elementor
カスタムデータ構造（投稿タイプ、フィールド、タクソノミー、投稿の関連付けなど）の作成
はい	はい	はい	いいえ	いいえ	いいえ	いいえ
コーディングなしでのカスタムコンテンツの動的表示
はい	はい	いいえ	はい	はい	はい	はい
投稿の動的リストの作成
はい	はい	いいえ	はい	はい	はい	はい
動的リストのレイアウトオプション
グリッド、テーブル、メイソンリー、コラージュ、箇条書きリスト、番号付きリスト、完全なカスタム出力（スライダーを含む）	グリッド、スライダー、リスト、カルーセル、メイソンリー、リスティングインジェクション、マップ、カレンダー	なし	グリッド、カード、メイソンリー、フルコンテンツ	グリッド	グリッド、メイソンリー、ギャラリー、リスト	グリッド、カルーセル、デュアルカルーセル、タイムライン、3D、グリッドからフルスクリーン3D、クロスロード、スライドショー
バックエンドのフィルターオプション
はい	はい	なし	制限あり	なし	制限あり	制限あり
フロントエンドのカスタム検索およびフィルターオプション
はい	はい	いいえ	いいえ	いいえ	いいえ	サードパーティのプラグインが必要
すぐに使えるテンプレートとデモ
いいえ	Elementorが必要	いいえ	はい	はい	はい	いいえ

カスタムコンテンツを作成し、コーディングなしで動的に表示するプラグイン

これらのプラグインは、カスタム投稿タイプ、カスタムフィールド、タクソノミーなどのカスタムデータ構造を作成し、それらをさまざまな出力で動的に表示するというすべての作業を行えます。また、カスタム検索オプションを追加して、カスタムフィールドでコンテンツをフィルタリングすることもできます。

Toolset

Toolsetは、完全にカスタムで動的なサイトを構築するために連携して機能するプラグインのスイートです。

ToolsetはGutenbergのブロックエディタ上に構築されているため、優れたサイトを構築するために必要なのはWordPressとToolsetだけです。Toolsetを使用すると、コーディングを一切必要とせずに、サイトのデザインと機能を完全に制御できます。

Toolsetでは、以下のことが可能です。

Toolsetの動的ソース機能は、他の人気のあるブロックプラグインと完全に統合されています。これにより、どのツールを使用しているかに関係なく、サイトに動的機能を簡単に追加できます。

Toolsetは、ディレクトリ、eコマース、不動産、ビジネス、メンバーシップサイトなど、あらゆるタイプのサイトの構築に役立ちます。あらゆるタイプのサイトを構築するための、動画とステップバイステップの手順を含むさまざまな無料コースを提供しています。

CrocoblockのJetEngineおよびJetSmartFiltersプラグイン

サイトの構築にすでにElementor Proを使用している場合は、Crocoblockプラグインを追加してサイトに動的機能を持たせることができます。

Crocoblockの2つのプラグインは、ウェブサイトに動的コンテンツを追加するためのJetEngineと、投稿の動的リストにフロントエンドフィルターを追加できるJetSmartFiltersです。

Crocoblockのプラグインでは、以下のことが可能です。

• カスタムタイプ、フィールド、タクソノミー、コンテンツタイプを作成して表示します。
• マップまたはカレンダー上にアイテムを動的に表示します。
• 投稿の関連付けを作成して、他の関連コンテンツを表示します。
• さまざまなフロントエンドのフィルターオプションから選択します。
• ブックマーク、比較表、ウィッシュリストなど、ユーザー生成の投稿コレクションを作成します。

CrocoblockのプラグインはElementorと提携しているため、Elementorのテンプレートとサイトキットの完全なライブラリを利用してインスピレーションを得たり、使い始めたりすることができます。ただし、CrocoblockはGutenbergのブロックエディタとも互換性があるため、希望しない場合はElementorを使用する必要はありません。

カスタムコンテンツを作成するだけのプラグイン

カスタムコンテンツの作成に役立つプラグインもありますが、これらのフィールドをサイトに表示したい場合は、別のプラグインと組み合わせるか、カスタムコーディングを使用する必要があります。

Advanced Custom Fields

Advanced Custom Fieldsを使用すると、サイト全体でコンテンツを動的に表示するために必要なデータ構造を作成できます。

ACFでは、以下のことが可能です。

• ページや投稿にカスタムフィールドとメタボックスを追加します。
• 投稿の関連付けを作成します。
• データベースのオプションテーブルにデータを作成して保存します。これにより、データは特定の投稿やページに結び付けられなくなるため、後でヘッダーやフッターに表示したいコンテンツを作成するのに適したオプションとなります。

ACFは、コンテンツの構造を設定することに限定されています。サイトのフロントエンドに動的コンテンツを表示するには、PHPの知識があるか、互換性のあるプラグインを使用する必要があります。

コンテンツを動的に表示するだけのプラグイン

表示したいコンテンツをすでに作成している場合、またはカスタムコンテンツの作成に別のプラグイン（ACFやToolsetなど）を使用している場合は、これらのプラグインを使用して、サイトのさまざまな場所にコンテンツを動的に表示できます。

ページビルダー：Elementor Pro、Divi、Beaver Themer

ページビルダーは、それ自体でいくつかの基本的な動的機能を提供します。
Elementor ProとDiviにはいくつかの動的機能が組み込まれており、Beaver ThemerはBeaver Builderプラグインに動的機能を追加する拡張機能です。

これらのページビルダーでは、以下のことが可能です。

• 動的な単一投稿または製品テンプレートを作成します。
• 基本的なアーカイブテンプレートを作成し、デフォルトの製品アーカイブをカスタマイズします。
• 動的なヘッダーとフッターを作成します。
• 投稿ウィジェット（Elementor Pro）、ブログモジュール（Divi）、または投稿モジュール（Beaver Themer）に投稿の動的リストを表示します。
• Elementor ProおよびBeaver Themerを使用すると、グリッド、カード、メイソンリー、フルコンテンツ、ギャラリーなど、さまざまな動的リストのレイアウトから選択できます。Diviはグリッドレイアウトに限定されています。

デザイナーでない場合でも、これらのすべてのページビルダーオプションは、すぐに使えるさまざまなテンプレートとダウンロード可能なリファレンスサイトを提供しています。これらは、インスピレーションの素晴らしい源になったり、カスタマイズの確かな出発点になったりします。

Dynamic Content for Elementor

Dynamic Content for Elementorは、Elementor Proが提供する基本的な動的サイトの機能を拡張します。

Dynamic Content for Elementorの強みは、投稿の動的リストを表示する際の豊富なレイアウトオプションにあります。以下のレイアウトから選択できます。

• グリッド
• カルーセル
• デュアルカルーセル
• タイムライン
• 3D
• グリッドからフルスクリーン3D
• クロスロード
• スライドショー

このプラグインを使用するにはElementorが必要であり、さらに基本的な投稿や標準フィールド以外のものを表示したい場合は、カスタムコンテンツを作成できるプラグイン（ACFやToolset Typesなど）も必要になることに注意してください。カスタム検索オプションを追加したい場合は、別のサードパーティ製プラグインであるSearch and Filter Proが必要です。

動的コンテンツは多言語サイトにとってさらに重要

動的コンテンツは単一言語のサイトに最適ですが、多言語サイトにとっては不可欠です。非常に小規模なサイトであれば、通常の「ページ」でコンテンツを管理し、その翻訳を手動で更新することもできます。しかし、複数の言語を持つ大規模なサイトを構築している場合は、各情報を一度だけ翻訳する必要があります。

多言語サイトを動的に構築する場合、各「ジム」と各「トレーナー」を一度だけ翻訳します。テンプレート、ビュー、アーカイブが、各言語に合った適切な情報を読み込みます。

ぜひお試しいただき、ご意見をお聞かせください

常に変更されるコンテンツを持つサイトを維持している場合、動的サイトにすることでメリットを得られます。カスタムコンテンツを作成したり、必要な場所でそのコンテンツを動的に表示したり、あるいはその両方を行ったりできるさまざまなプラグインのおかげで、動的サイトの作成はこれまで以上に簡単になりました。しかも、すべてコーディングなしで行えます。

現在のWPMLクライアントは、Toolsetライセンスの30%オフを含め、この記事で取り上げた一部のプラグインの割引を受けることができます。詳細については、WPMLアカウントにログインしてオファーページにアクセスしてください。

普段は静的サイトと動的サイトのどちらを構築していますか？この記事で言及したプラグインの動的機能をすでに使用していますか？ぜひコメントを残して、ご意見をお聞かせください。