ページで利用できる「記事リスト」パーツについて紹介します。
第2階層以下のページやブログ記事を一覧としてまとめ、わかりやすく表示することができます。
このパーツの設置イメージを動画で確認したい方はこちら
項目一覧
- 「記事リスト」パーツの配置イメージ
- 「記事リスト」パーツを配置
- 「記事リスト」パーツの表示設定
①カスタマイズ／②削除／③ページ選択／④タグ選択／⑤記事カテゴリ選択
⑥スタイル選択／⑦表示順／⑧表示件数／⑨ページ名表示／⑩説明文表示
⑪公開日時表示／⑫タグ表示／⑬日付表示形式／⑭時刻表示あり
⑮更新日表示あり／⑯画像表示／⑰カテゴリ表示／⑱下層ページ表示
⑲ページネーション表示／⑳ユーザーが表示件数の変更を許可 - 作成記事が「 記事リスト」に反映されない場合
- 画像が「記事リスト」に反映されない場合
■「記事リスト」パーツの配置イメージ
■「記事リスト」パーツを配置
ページ編集画面の左メニュー
デザインパーツ >リストパーツから「記事リスト」パーツをセクションにドラッグ＆ドロップします。
■「記事リスト」パーツの表示設定
セクションに表示されている「記事リスト」をクリックすると、編集パネルが表示されます。
各項目について個別に説明していきます。
①カスタマイズ
作成したパーツに追加するclass名、背景設定、余白、枠線を設定します。
②削除
追加したパーツを削除します。
③ページ選択
第2階層をもつ第1階層を選択します。第2階層のページが表示されます。
ブログを表示する場合は、「ブログ：◯◯」を選択します。
④タグ選択
（３）で選択したページor記事をさらにタグで絞り込みます。
⑤記事カテゴリ選択
（３）で選択したページor記事をさらにカテゴリで絞り込みます。
⑥スタイル選択
ferret Oneで用意してある4つの表示スタイルを選択します。
|
カード型（1列） |
 |
カード型（2列） |
 |
|
カード型（3列） |
 |
リスト型 |  |
⑦表示順
下記選択肢より、表示順を選択します。
- 公開日の新しいもの順
- 公開日の古いもの順
- 更新日の新しいもの順
- 更新日の古いもの順
- 作成日の新しいもの順
- 作成日の古いもの順
- ページ一覧の上から順
⑧表示件数
下記選択肢より、表示件数を選択できます。
- 1件
- 2件
- 3件
- 4件
- 5件
- 6件
- 9件
- 10件
- 15件
- 20件
- 30件
- 60件
⑨ページ名表示
ページ名、記事タイトルを表示します。（デフォルトでは表示された状態）
クリックすると表示／非表示を切り替えられます。
⑩説明文表示
ディスクリプション（説明文）を表示します。（デフォルトでは表示された状態）
クリックすると表示／非表示を切り替えられます。
⑪公開日時表示
公開日時を表示します。（デフォルトでは表示された状態）
クリックすると表示／非表示を切り替えられます。
⑫タグ表示
タグを表示します。（デフォルトでは非表示）
クリックすると表示／非表示を切り替えられます。
⑬日付表示形式
「公開日時表示」選択時のみ。日付の表示形式を選択します。
- yyyy-MM-dd
- yyyy/MM/dd
- yyyy年MM月dd日
⑭時刻表示あり
「公開日時表示」選択時のみ。時刻まで表示します。チェックを外すと日付のみの表示になります。
⑮更新日表示あり
「公開日時表示」選択時のみ。更新日を表示します。
⑯画像表示
画像を表示することができます。
（６）で選択したスタイルが、カード型の場合は上部に、リスト型の場合は左側に表示されます。
画像の表示順は、
ページ ： og:image > no image
ブログ記事 ： アイキャッチ > og:image > no image
※リストに表示させる画像の設定方法は、ページかブログ記事かによって異なります。
ページの場合はこちら。ブログ記事の場合はこちら。
⑰カテゴリ表示
カテゴリを表示します。（デフォルトでは非表示）
クリックすると表示／非表示を切り替えられます。
⑱下層ページ表示
第3階層以下も表示します。（デフォルトでは非表示）
クリックすると表示／非表示を切り替えられます。
⑲ページネーション表示
（８）の表示件数以上のページ or 記事がある場合に表示されます。
⑳ユーザーが表示件数の変更を許可
下記選択肢より、エンドユーザーが表示件数を変更できるようになります。
- 1件
- 2件
- 3件
- 4件
- 5件
- 6件
- 9件
- 10件
- 15件
- 20件
- 30件
- 60件
下記赤枠のような項目が追加されます。（ページネーションを表示していなくても追加されます）
■作成記事が「 記事リスト」に反映されない場合
以下をご確認ください。
- 作成した記事が公開になっているか
- 記事リストにタグが指定されていないか
上記ご確認の上で問題がない場合、反映が遅れている可能性があります。
記事公開後、1日経過しても反映されない場合、カスタマーサポートへご連絡ください。
■画像が「記事リスト」に反映されない場合
ferret Oneではページの表示速度を上げるためにサーバー上でキャッシュを保持しています。
og:imageに設定しているにも関わらず反映されない場合、上記キャッシュの影響があります。
1時間でキャッシュは更新されますが、ページの編集画面に入ることでキャッシュが更新されますのでお急ぎの場合はお試しください。