インタラクティブコンテンツの紹介

静的コンテンツと動的コンテンツの説明。

固定コンテンツとインタラクティブ コンテンツは、Web サイトの構築に使用できる 2 種類のコンテンツを表します。固定コンテンツは CMS にリンクされていないコンテンツを指し、インタラクティブ コンテンツは CMS に関連付けられたコンテンツを指します。

この指導モジュールでは、以下の点について理解を深めることができます。

  • 固定コンテンツ
  • インタラクティブコンテンツ

固定コンテンツ

固定コンテンツは、手動で更新する必要があるコンテンツの特徴です。クラスを使用して静的コンテンツを含む要素をスタイル設定し、複数の要素を同時にカスタマイズできますが、静的コンテンツ自体の管理は手動で行う必要があります。固定コンテンツは、404 エラー ページ、サイトのホームページ、パスワード ページなどの独立したページで役立ちます。

ただし、ブログ、デザイン ポートフォリオ、または継続的に変更される類似のコンテンツ タイプを表示する Web サイト (ニュース サイトなど) を作成する場合は、固定コンテンツは適していない可能性があります。たとえば、ブログではブログ エントリの標準形式が適用されることが多く、Web サイトで各ブログ投稿を個別に作成してデザインするのは非生産的です。

このようなシナリオや他の多くのシナリオでは、固定コンテンツを使用すると、大量のコンテンツを手動で複製および変更することになります。ここで、インタラクティブ コンテンツが有利になります。

インタラクティブコンテンツ

インタラクティブ コンテンツは、Webflow CMS のデータと相互リンクされたコンテンツ、つまり変更される可能性のあるコンテンツです。インタラクティブ コンテンツを統合することで、デザインが CMS データに接続され、さまざまなコンテンツ インスタンスをまとめて更新できるようになります。

たとえば、「ブログ投稿」コレクションの動的コレクション テンプレート ページを使用すると、デザイナーの 1 か所でテンプレート ページのデザインを調整できるようになります。その結果、Web サイト上のすべてのブログ投稿のデザインが更新されます。このアプローチは、繰り返しコンテンツを掲載する Web サイト (ブログ、ニュース サイト、チーム メンバーの略歴など) に非常に効果的です。

動的な Web ページをさらに深く理解したいですか?

テキスト要素は、「ポートフォリオ アイテム」というコレクションの「名前」フィールドに動的にリンクされます。テキスト要素の内容は、「名前」フィールドの内容によって自動的に入力されます。
ユアン・マック