ポストボックス
投稿一覧の各投稿をポストボックスと呼びます。ポストボックスは、表示箇所や表示カテゴリー、投稿タイプによって適したデザインにする必要があります。
レイアウト
reDiverのポストボックスレイアウトには、デフォルトで以下の４つのレイアウトが用意されています。
- グリッド
- リスト
- カバー
- インライン
グリッド
リスト
カバー
インライン
カラム
- サイズ指定（推奨）
ひとつのカラム幅を指定します。
表示領域が狭まりカラムの幅が指定サイズ以下になる場合にはカラム落ちします。
- カラム指定
最大カラム数と最小カラム数を指定してください。
デスクトップでは最大カラム数が利用され、モバイル表示では最小カラム数が適用されます。
- スライダー
投稿をスライダー形式で表示します。
- perPage ： 1度に表示されるスライドの数
- perMove ： 1回で移動するスライドの数
- スライドをループする
- コントローラー
- 矢印
- ページネーション
- padding : 次のスライドが設定した割合で見切れて表示されます。
- 自動再生 : 0にすると自動再生が無効になります。
スライダー記事は特定の箇所でのみ選択可能です。
デザイン
ポストボックスの表示デザインを調整できます。
余白なし
アイキャッチ画像が全体に広がって表示されます。
余白あり
ポストボックス全体に余白が表示されます。
縁なし
背景色や余白が表示されません。
カバーレイアウトでは選択できません。
表示項目
ポストボックス内に表示する項目を選択します。
- サムネイル : アイキャッチ画像が表示されます。
- 抜粋 : 投稿の先頭のテキスト、もしくはSEO設定のメタディスクリプションが表示されます。
- カテゴリー : 親カテゴリーか子カテゴリーの先頭のひとつだけ表示されます。
- タグ : 設定したタグが表示されます。
- 投稿者 : 投稿者が表示されます。
- 日付 : 公開日もしくは更新日が表示されます。
サムネイル
ポストボックスに表示するサムネイル部分の設定をします。
- 縦横比（横幅：高さ）
サムネイルの縦横比（幅と高さの割合）を設定します。
アイキャッチ画像に設定する画像の縦横比を揃えることで、記事一覧においてコンテンツが統一感を持ちます。統一感があるデザインはプロフェッショナルで見栄えが良く、ユーザーエクスペリエンスを向上させる助けになります。
- 代替画像
アイキャッチ画像を設定していない場合に設定した代替画像を表示します。
カテゴリー
ポストボックス内に表示するカテゴリーの設定をします。
- 優先表示するカテゴリー
- 親カテゴリー
- 子カテゴリー
原則、先頭のカテゴリーが表示されます。
- 表示位置
ポストボックス内でのカテゴリーの表示位置を変更できます。
- 投稿情報
サムネイルの下に表示されます。日付（公開日もしくは更新日）も続けて表示されます。
- サムネイル
サムネイルに重なって表示されます。※サムネイルが表示されている必要があります。
日付
- 公開日
- 更新日
NEWラベル
最新の投稿を強調するために、公開日から指定した期間、ポストボックス上にNEWラベルを表示します。
- テキスト
「 NEW 」というテキストを変更することができます。
表示領域が限られているので、スタイルによっては長いテキストを設定するとデザインが崩れてしまいますのでご注意ください。
- 表示期間
公開日時から何時間ラベルを表示させておくか設定してください。（1日 = 24）
- スタイル
複数のスタイルを用意しておりますので、サイトの雰囲気に合わせて選択してください。
- カラー
- 背景色
- テキスト色
なるべく目立つ色で設定することをオススメします。
- アニメーション
NEWラベルをアニメーション表示させることができます。
