CMS:データセットを使用してブログカテゴリーを表示する
読了時間:5分
Wix ブログでは、あらかじめデザイン済みのブログフィードを利用することができます。ただし、特定のカテゴリーのブログ記事を表示したり、さらにカスタマイズしたり、時系列でブログ記事を表示したりする場合は、リピーターまたはテーブルを使用して行うことができます。
重要:
リピーターやテーブルを含むブログカテゴリーを表示する場合、サイト訪問者はブログカテゴリーにコメントおよび「いいね!」することができません。
始める前に、次の項目を確認してください:
ステップ 1 | データセットを追加してブログのカテゴリーに接続する
このステップでは、ブログコレクションのカテゴリーに関する情報をホストするデータセットを追加します。これを別のステップで参照し、特定のカテゴリーの記事のみを絞り込むことができます。
新しいデータセット:
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら
データセットをページに追加する(および、ブログカテゴリーに接続する)方法:
- エディタ左側で「CMS」 をクリックします。
- 「コンテンツパーツを追加」をクリックしてから「データセット」横の「追加」アイコン をクリックします。
- 新しく追加したデータセットをクリックします。
- 「設定」をクリックします。
- 「コレクションを接続」ドロップダウンから「カテゴリー」を選択します。
ステップ 2 | ページにリピーターまたはテーブルを追加する
リピーターは、変更可能なレイアウトを使用してコンテンツを表示します。たとえば、別のテキストボックス、画像、ボタンを追加することができます。テーブルにはコンテンツも表示されますが、変更できないレイアウトが使用されています。
ページにリピーターまたはテーブルを追加する方法:
- エディタ左側で「追加」 をクリックします。
- 「リスト」をクリックします。
- リピーターまたはテーブルをページにドラッグします。
ステップ 3 | 別のデータセットを追加してブログ記事に接続する
リピーターとテーブルは、データセットを介してリンクされているコレクションのアイテムを表示できます。このステップでは、リピーターまたはテーブルをブログ記事に関連付けるためのデータセットを追加します。
ページに別のデータセットを追加しブログ記事に接続する方法:
- エディタ左側で「CMS」 をクリックします。
- 「コンテンツパーツを追加」をクリックしてから「データセット」横の「追加」アイコン をクリックします。
- 新しく追加したデータセットをクリックします。
- 「設定」をクリックします。
- 「コレクションを接続」ドロップダウンから「記事」を選択します。
ステップ 4 | リピーターまたはテーブルを記事データセットに接続する
ブログカテゴリーを表示するために、ページ上に既にあるデータセットの 1つにリピーターまたはテーブルを接続します。
リピーターまたはテーブルを記事データセットに接続する方法:
- エディタでリピーターまたはテーブルをクリックします。
- 「データに接続」アイコン をクリックします。
- 「データセットを接続」ドロップダウンから「記事データセット」を選択します。
- リピーターまたはテーブルの各コンポーネントをコレクション内の適切なフィールドにリンクします。リピーターまたはテーブルの各コンポーネント(テキスト、画像など)の横にある矢印をクリックし、各コンポーネントをコレクション内の目的のフィールドに接続します。注意:画像やボタンを「記事ページ URL(URL)」にリンクすることもできます。これにより、訪問者はクリックされたときにそのブログ記事に移動します。
ステップ 5 | フィルターを設定する
特定のカテゴリーのブログ記事のみを表示するには、ページの各データセットにフィルターを設定します。
フィルターを設定する方法:
- 「記事データセット」をクリックします。
- 「設定」をクリックします。
- 「+フィルターを追加」をクリックします。
- 「フィールド」ドロップダウンをクリックし、「Categories(カテゴリー)」を選択します。
- 「値の参照元」で「別のデータセット」を選択します。
- 「データセット」下で「カテゴリーデータセット」を選択します。
- 「フィルターを追加」をクリックします。
- 「カテゴリーデータセット」をクリックします。
- 「設定」をクリックします。
- 「+フィルターを追加」をクリックします。
- 「フィールド」ドロップダウンをクリックし、「Label(テキスト)」を選択します。
- 「Value」フィールドに表示するカテゴリー名を入力します。
- 「フィルターを追加」をクリックします。
- 「保存」をクリックします。
- 「プレビュー」をクリックします。
お役に立ちましたか?
|