CMS:動的ページを使用して選択したカテゴリーのブログを表示する

読了時間:5分
動的ページを使用して、よりカスタマイズされたレイアウトで特定のカテゴリーのブログ記事を表示します。
動的ページオプションを使用すると、希望するカテゴリーのみを表示して、選択したブログ記事のプレビューと各ブログ記事への直接リンクを表示できます。動的ページには、ボタン、画像、またはメニューアイテムにリンクできる独自の URL があります。
メニューアイテムから直接他のページにリンクし、特定の情報(例:日付、執筆者)を表示し、ページに特定のコレクションを表示します。
重要:
動的ページを使用してブログカテゴリーを表示する場合、制限があることにご注意ください。サイト訪問者は、動的ブログページで記事のシェア、編集、フォローをすることができません。また、サイト訪問者はブログ記事を「いいね!」することもできません。
始める前に、次の項目を確認してください:
  • Wix ブログがインストールされていること。詳細はこちらをご覧ください。
  • Wix アプリコレクションが有効になっていること。詳細はこちら
  • いくつかの記事とカテゴリーが作成されていること。詳細はこちら
  • 追加データセット。詳細はこちら

ステップ 1 | ブログカテゴリーに動的ページを追加する

ブログカテゴリーをホストする動的ページを追加します。

動的ページを追加する方法:

  1. エディタ左側で「CMS をクリックします。
  2. Wix アプリコレクション」をクリックします。
    注意:「Wix アプリコレクション」が表示されない場合は、この機能を有効にしていることを確認してください。
  3. ブログ」下で「カテゴリー」にマウスオーバーし、「その他のアクション」アイコン をクリックします。
  4. 空白の動的ページを追加」をクリックします。
動的ページ URL で、コレクションの名前がページの動的値と一致することが確認できます。

ステップ 2 | リピーターまたはテーブルを追加する

リピーターまたはテーブルを使用して、ブログコレクションの表示方法を選択します。リピーターは、変更可能なレイアウトを使用してコレクションを表示します。たとえば、別のテキストボックス、画像、ボタンを追加することができます。テーブルにはコレクションも表示されますが、変更できないレイアウトが使用されています。

リピーターまたはテーブルを追加する方法:

  1. エディタ左側で「追加 をクリックします。
  2. リスト」をクリックします。
  3. 選択したリピーターまたはテーブルをページにドラッグ&ドロップします。

ステップ 3 | 2つ目のデータセットとフィルターを追加して接続する

リピーターとテーブルは、別のデータセットでフィルターしたコレクションのアイテムを表示することができます。動的ページはデータセットとともに自動的に作成されます。この場合、ブログのカテゴリーコレクションをホストするように設定されています。次に、ブログ記事をホストするための 2つ目のデータセットを追加します。
また、2つ目のデータセットには、ブログ記事を含むカテゴリーを参照するためのフィルターも追加します。

2つ目のデータセットとフィルターを追加して接続する方法:

  1. エディタ左側で「CMS をクリックします。
  2. コンテンツ要素を追加」をクリックしてから「データセット」横の「追加」アイコン  をクリックします


  3. 新しく追加したデータセットをクリックします。
  4. 設定」をクリックします。
  5. コレクションを接続」ドロップダウンから「記事」を選択します。
  6. +フィルターを追加」をクリックします。
  1. フィールド」ドロップダウンから「カテゴリー」を選択します。
  2. 値の参照元」で「別のデータセット」をクリックします。
  3. データセット」ドロップダウンから「カテゴリーアイテム」を選択します。
  4. フィルターを追加」をクリックします。

ステップ 4 | リピーターまたはテーブルを接続する

リピーターまたはテーブルをブログ記事のコレクションに接続します。

リピーターまたはテーブルを接続する方法:

  1. エディタでリピーターまたはテーブルをクリックします。
  2. CMS に接続」アイコン  をクリックします。
  3. データセットを接続」ドロップダウンから「記事データセット」を選択します。
  4. リピーターまたはテーブルの各コンポーネントをコレクション内の適切なフィールドにリンクします。
    注意:画像やボタンを記事ページの URL(URL)にリンクすることもできます。これにより、訪問者はクリックするとそのブログ記事に移動します。
  1. プレビュー」をクリックします。

次のステップ:
1つのページに複数の記事がある場合は、もっと見るまたはパジネーションバーオプションを使用してさらにブログ記事を表示できます。

お役に立ちましたか?

|