Press2」の基本的な使い方を説明しました。今回はその続編で、カテゴリーやタグごとの記事リストページの編集について説明いたします。Press2には、記事ごとに「カテゴリー」と「タグ」を設定する機能が用意されていて、それらを設定した記事を、カテゴリー/タグごとにまとめてリスト表示したページを作成することができます。この「カテゴリー」や「タグ」の記事リストを使えば、特定のテーマに沿った特集ページを簡単に作ることができます。企業のリクルートサイトで「福利厚生」のタグをつけた記事を投稿していき、まとまったところで「福利厚生」タグを集めた記事リストページを作れば、情報を簡単に整理可能です。同じテーマの新しい記事に共通のカテゴリー/タグをつけて投稿すれば、自動で追加されるので、更新作業の効率もよくなります。今回は、そうしたブログ記事リストページを編集したいと思います。ブログを組み込んだサイトで引き続き、作業をしていきます。サイトエディタから「template.list」を選択して編集まずサイトエディタの左側にあるサイトマップのブログコーナーの中から「template.list」を選択します。Pressのブログの記事、カテゴリとタグ、記事リスト、およびtemplate.listの関係について、詳しくは以下の記事を参照してください。Press:カテゴリの記事一覧ページの仕組みと使い方ここでは、template.listの編集手順を中心に説明をしていきます。テンプレートの初期状態では、template.listのヘッダーエリアおよびフッターエリアは仮のものです。他のページに揃えるなどして整えましょう。この作業は、通常のBiNDのページと同じ手順で行います。ページレイアウトを変更してサイドエリアを追加したりできるのも通常のページと同様に可能です。記事リストのブロックを開く次に記事リストのブロックを編集します。Press専用のコード「BPタグ」で記述されていて、その記述に応じてカテゴリー/タグごとに自動で生成される仕組みになっています。それらのカスタマイズするには、BPタグを正しく記述すればできるのですが、BPタグを誤って消してしまうと記事リストが表示されなくなったりするので注意が必要です。そこで初心者の方にお勧めするのが、次に説明するブロックテンプレートを使って変更する方法。これは、前回の記事とインデックス(新着記事一覧)の編集と同じです。サイトに新規にブログを組み込む基本の手順ちなみに、記事を一覧で表示するということで、記事リストのブロックと、インデックスのブロックは似た構造になっています。この2つの違いは、インデックスページがブログの記事すべてを対象にして見出しなどを更新時期に応じて一覧表示するのに対して、記事リストページはカテゴリーやタグによって記事を絞り込んで一覧表示にする点です。記事リストのブロックをブロックエディタで開き、ブロックテンプレートの「ブログ」から「ブログ記事リスト1」を選択。「適用」ボタンをクリックして配置します。これで、記事リストブロックが変更されました。「template.list」の編集が終わったら、次は記事リストページをプレビューして確認してみましょう。サイトエディタでサイトを再構築サイトエディタで「サイト全体の再構築」を実行してから「プレビュー」をクリック。全ページのプレビューを表示して確認しましょう。記事リストページへアクセスする方法の1つは、記事の下にあるリンクボタンをクリックして開きます。記事リストページのURLは、ブログコーナーのディレクトリ下になります。カテゴリーは、カテゴリー作成時に設定した「URLリンク時の名前」がHTMLファイル名になります。タグは初期状態ではタグの文字列がHTMLファイル名となって自動的に生成されます。これらのURLへのリンクを作成してアクセスしてもOKです。自動生成されたページのURLは変更可能です。Pressの記事エディタで「ブログ設定」をクリックして設定画面を開き、画面上部の「カテゴリー」タブや「タグ」タブをクリックします。「カテゴリー」タブでは、カテゴリー名を選択してから「編集」ボタンをクリックすると、「カテゴリーの名前」と「URLリンク時の名前」が変更できます。「タグ」タブでは、設定したタグが一覧表示されています。各タグの右側にある鉛筆アイコンをクリックすると、タグそのものと、自動生成される際のURLが変更可能になります。設定などを変更したら、忘れずサイトエディタで「サイト全体の再構築」を実行してからサイト全体をプレビューして確認しましょう。以上でリストページを編集する手順の完了です。Pressの基本的な操作をご理解いただけたのではないでしょうか。最後にBPタグについて、すこしご説明したいと思います。BPタグを編集する際は、バックアップとして、ページの複製を作っておくことをお勧めします。BPタグの種類を把握すれば、テンプレートの記述から追加したり削除してカスタマイズできます。詳細については、下の記事の中にある「自在にレイアウトを変更したい」項目を参照してください。Pressの定形デザインをカスタマイズする2つの方法さらにBPタグの便利なところは、通常のテキストを同様にブロックエディタでスタイルをカスタマイズできる点です。ブロックエディタの「設定」タブで、ブロックレイアウトやカラム数を変更することもできます。編集に失敗してレイアウトが崩れたり、記事リストが表示されなくなってしまったら、複製したページからブロックをコピーしてやり直しましょう。Pressでのカスタマイズの幅が大きく広がります。テンプレートに飽きたという人は、ぜひチャレンジしてみてください。Pressでは「カテゴリー」や「タグ」ごとにまとめた記事リストページが自動生成されます記事リストページのデザインは、「template.list」で変更します記事リストのカスタマイズは、ブロックテンプレートを使えば簡単。CAMPで最も読まれた記事は?コンセプト。