ページで利用できる「関連記事」パーツについて紹介します。
<関連記事パーツでできること>
- ページやブログ記事で設定したタグに応じて、同じタグの記事を、関連記事として自動でリスト表示させることができます。
- ferret Oneで作成したページ・ブログ記事が表示されます。
通常ページは、設置したいページの編集ページ、ブログはブログテンプレートで利用でき、タグ付けされたすべてのページを紐付けて公開ページに表示しますが、仕様としてページのタグを読み取って動的に反映されるため、パーツを設置した編集ページ上では詳細なリストが表示されません。
■通常ページのタグの設定方法はこちら
>【画面説明】サイト/ページ一覧 SEO設定
■ブログページのタグの設定方法はこちら
>【画面説明】ブログ/記事編集 カテゴリー・タグ・著者
※リストにはタイトル・ディスクリプション・OGPで設定した内容が表示されます。
■設定の詳細はこちら
>タイトル・ディスクリプション・OGP(画像)を設定する方法
■リストパーツで表示内容の優先順位についてはこちら
>各パーツとSNSが表示する内容の優先順位
目次
完成イメージ
タグが複数設定されている場合は、合致したタグのコンテンツが優先的に上位に表示されます。
例えば「コンテンツマーケティング」と「その他」の2種類のタグが設定されていた場合はそれぞれのタグの記事がリストとして表示されますが、両方のタグが設定された記事の方が優先的に上位に表示されます。
※同一記事は除外されます。
<「関連記事」パーツの配置イメージ>
項目の説明
※ページに予めタグを設定してください
①カスタマイズ
追加するclass名、背景設定、余白、枠線を設定します。
②削除
パーツを削除します。
③スタイル選択
ferret Oneで用意してある4つの表示スタイルを選択します。
- カード型(1列)
- カード型(2列)
- カード型(3列)
- リスト型
④表示順
表示順を選択します。
- 公開日の新しいもの順
- 公開日の古いもの順
- 更新日の新しいもの順
- 更新日の古いもの順
- 作成日の新しいもの順
- 作成日の古いもの順
⑤表示件数
表示件数を選択します。
- 1件
- 2件
- 3件
- 4件
- 5件
- 6件
- 9件
- 10件
- 15件
- 20件
- 30件
- 60件
⑥ページ名表示
ページ名、記事タイトルを表示します。
⑦説明文表示
ディスクリプション(説明文)を表示します。
⑧タグ表示
タグを表示します。
⑨画像表示
画像を表示します。画像の表示順は、
ページ:og:image > no image
ブログ記事:アイキャッチ > og:image > no image
※リストに表示させる画像の設定方法は、ページかブログ記事かによって異なります。
■設定の詳細はこちら
>タイトル・ディスクリプション・OGP(画像)を設定する方法
⑩カテゴリ表示
カテゴリを表示します。
⑪公開日時表示
公開日時を表示します。
⑫日付表示形式
「公開日時表示」選択時のみ。日付の表示形式を選択します。
- yyyy-MM-dd
- yyyy/MM/dd
- yyyy年MM月dd日
⑬時刻表示あり
「公開日時表示」選択時のみ。時刻まで表示します。
⑭更新日表示あり
「公開日時表示」選択時のみ。更新日を表示します。
⑮ページネーション表示
⑤の表示件数以上のページor記事がある場合に表示されます。
関連記事パーツに反映されない内容がある場合
作成記事が「 関連記事」に反映されない場合
以下をご確認ください。
- 作成した記事やページが公開になっているか
- 同じタグが指定されているか
- ページ設定の「記事リスト上で表示にする」にチェックが入っているか
上記ご確認の上で問題がない場合、反映が遅れている可能性があります。
記事公開後、1日経過しても反映されない場合、テクニカルサポートへご連絡ください。
画像が「関連記事」に反映されない場合
ferret Oneではページの表示速度を上げるためにサーバー上でキャッシュを保持しています。
og:imageに設定しているにも関わらず反映されない場合、上記キャッシュの影響があります。
1時間でキャッシュは更新されますが、ページの編集画面に入ることでキャッシュが更新されますのでお急ぎの場合はお試しください。
設置する方法(動画)
画像をクリックして拡大表示することができます
※動画はベースデザインなしの場合の画面になります
ベースデザインありとベースデザインなしの画面比較
パーツ / リストパーツ |
単体パーツ / リスト |
単体パーツ / デフォルト |
ベースデザインありのデザインバリエーション
ベースデザインあり/なしで違いはありません
他のリストパーツについて
■各リストパーツの違いについてはこちら
>Q.リストパーツの違いについて教えてください
■記事リストパーツの設定方法はこちら
>【機能詳細】ページ編集(LP編集)/デザインパーツ 記事リストパーツ
■タグ記事リストパーツの設定方法はこちら
>【機能詳細】ページ編集(LP編集)/デザインパーツ タグ記事リストパーツ
■カテゴリー記事リストパーツの設定方法はこちら
>【機能詳細】ページ編集(LP編集)/デザインパーツ カテゴリー記事リストパーツ
■記事ランキングパーツの設定方法はこちら
>【機能詳細】ページ編集(LP編集)/デザインパーツ 記事ランキングパーツ