ブログ記事のリストページを作成する
ブログコーナーの「ブログ記事リストページ template.list」ではブログ記事を、カテゴリやタグでまとめて表示させることが可能です。
新規ブログコーナーを作成したり、BiND Pressが含まれるテンプレートを作成することで、自動でブログコーナー内に作成されます。
ブログコーナーの作成方法については、こちらを参照してください。
【既存のブログコーナーにリストページを作成する場合】
BiND press1のサイトを最新のBiNDupに取り込むと、自動でBiND prss2に切りかわります。
移行したサイトで、既存のブログコーナーに「template.list」を作成する場合、下記【1〜2】の手順を行なってください。
「template.detail」を複製する
ブログコーナー内の「template.detail」を選んだ状態で該当ページを複製します。
サイトマップ上部の複製ボタンより、「同じ階層に複製する」をクリックします。
ページ名を変更する
複製されたコピーのページをダブルクリックし、プロパティ設定画面を開きます。
「ページ設定画面」でページ名を「template.list」に書き換えます。
※ファイル名は変更する必要はありません。
「template.detail」と、複製した「template.list」は、共に非公開のページですが、非公開のままで問題ありません。
「template.list」のレイアウトを編集する
続いて、「template.list」ページの中のブログ記事のブロックエディタ画面を開きます。
左上のメニュー項目より「エディタモードに切り替える」[1]をクリックし、
開いたコンテンツの上下を、[%article_list_start%]と、[%article_list_end%][2]で囲みます。
このタグで囲んだ範囲が、記事の数だけ繰り返し表示されます。
[%article_list_start%]の直後に[%article_short_数字%]という記載を挿入することで、入力した文字数まで、各記事の出だしの文字数を「数字」に設定した文字数で表示することが可能です。
ページネーションについて
ページネーションとは、記事数が多い場合に、複数のページにリストページを分割し表示させることができる機能です。
15記事までしか1リストページには表示されませんが、ページネーションの設定を行うことで、
16記事以上が存在する場合、2ページ目を「次のページ」として表示させることができます。
こちらのタグは、メインメリア内のブロックにて、記事に関するタグを設定されているブロック以外の個所に[%navi-pagenation%] というタグを記述します。
[%article_list_start%]直後に[%article_list_size:数字%]では、ページネーションで1ページに表示される記事数の設定が可能です。※デフォルトでは15記事となります。
記事にカテゴリーやタグを設定する
記事エディタ画面を開き、カテゴリーを設定します。ここでは例として3つの記事のうち「記事1」「記事2」に、「記事のカテゴリー」という名称のカテゴリーを設定します。
サイト全体の再構築を行う
サイトエディタ左上の<メニュー>ボタン[1]をクリックし、「サイト全体を再構築」ボタン[2]をクリックします。
ブログコーナー内の編集を行なった場合は、必ず「サイト全体の再構築」を行う必要があります。
設定は以上です。
レイアウトを確認する
プレビュー、またはサイトの公開後に、タグやカテゴリーを設定した特定の記事を開き、カテゴリーをクリックします。
該当のカテゴリーが設定されている記事一覧のページが表示されました。
生成されるURLは「サイトのURL/ブログコーナー名/カテゴリ名.html」となります。