このページを日本語で閲覧するには「続ける」を押してください。
Press "Continue" to see this page in English.
料金プランを有効化して学習を始めましょう。

ダイナミックコンテントの概要

静的コンテンツと動的コンテンツは、ウェブサイトを構築する際に使用する2つのコンテンツのタイプです。静的コンテンツはCMSに接続されていないコンテンツを指し、一方で動的コンテンツはCMSに接続されているコンテンツを指します。

アクセス制限

レッスン動画を閲覧するには、会員登録が必要です

レッスン動画を閲覧するには、会員登録と有料プランの加入が必要です

アクセス制限

レッスン動画を閲覧するには、有料プランの加入が必要です。

レッスン内容

静的コンテンツ

静的コンテンツは、手動で更新する必要があるコンテンツを説明します。静的コンテンツを含む要素には、一括してスタイルを適用できるクラスを使用できますが、静的コンテンツ自体は手動で管理する必要があります。静的コンテンツは、スタンドアロンのページ例:404エラーページ、サイトのホームページ、パスワードページ)で有用です。

ただし、ブログ、デザインポートフォリオ、または常に変化する類似のコンテンツを表示するウェブサイト(例:ニュースサイト)を作成しようとする場合、静的コンテンツはあまり実用的ではありません。例えば、ブログはしばしばブログ投稿に同じフォーマットを使用しますが、各ブログ投稿をサイト上で作成しデザインする必要があると非効率です。

こうした場合や他にもたくさんの場面で、静的コンテンツを使用すると大量のコンテンツを手動で複製して変更する必要があります。ここで動的コンテンツが役立つ場合があります。

動的コンテンツ

動的コンテンツは、Webflow CMSのデータに接続されている、変化するコンテンツを指します。動的コンテンツを使用すると、デザインがCMSのデータにリンクされるため、複数のコンテンツインスタンスを一度に更新できます。

たとえば、「blog posts」というコレクションに対して動的なコレクションテンプレートページを使用すると、デザイナー内の1つの場所でテンプレートページのデザインを調整できます。これにより、サイト上の各ブログ投稿のデザインも更新されます。これは、同じコンテンツが何度も繰り返されるサイト(例:ブログ、ニュースサイト、チームメンバーの伝記)に非常に効率的です。

テキスト要素は、"Portfolio items "と呼ばれるコレクション内の "Name "フィールドに動的に接続されます。text要素には、"Name "フィールドの内容が自動入力されます。

コースのレッスン

No items found.

学習進捗

閲覧後に「完了」を押して、進捗を保存しましょう