ピッパサックでは タグ機能 を使ってカテゴリ分けを行えます。カテゴリを活用することで、提供すべき情報を分類・整理し、それらを効率よく呼び出したりできます。訪問者が目的のコンテンツを素早く見つけられるようになります。
今回はブログのタグでカテゴリを学んでいきます。
例として使用するタグ:
カテゴリ表示の前に、ブログの一覧をどのように表示させればいいのかから見ていきましょう。
ページのトップにページエディタで ブログパーツ を入れると、このような一覧が表示できます。
https://〜.pippms.com/blog/サイトプレビュー ↓
上記のページに行くためにはリンクの設定をする必要があります。一覧ページへのリンク設定を行います。
ページエディタのパーツで 「リンクテキスト」 を使ってボタンを表示させます。リンクに書くのは 相対パスの blog のみで大丈夫です。
サイトプレビュー ↓
「一覧を見る」をクリックすると ↓
ブログ記事の一覧が表示されます。
本題のカテゴリ分けを行うためのカテゴリ別 URL をご紹介します。
ブログ記事に表示されるタグをクリックすると、そのタグのみのブログ一覧のページに移ります。
※ここでは 赤の「スタッフブログ」 をクリックした場合の例です。
https://〜.pippms.com/blog/tag/3611/この URL を先ほどのリンクテキストを用いてサイトに表示させれば、スタッフブログのみ見れるページへ誘導もできます。
タグ ID を アンダーバー (_) でつなげれば、複数のカテゴリを含む一覧を表示できます。
例:
URL: https://〜.pippms.com/blog/tag/3611_3612/
複数表示させたいときはタグの番号を _ (アンダーバー) でつなげれば、複数のカテゴリに分けた一覧を表示できます。
サイトプレビュー ↓
※ 3 個以上もこの方法で連結できます。例: https://〜.pippms.com/blog/tag/3611_3612_3613/
実際にコース内容に合うようにカテゴリ分けを行なったリンクボタンを作ります。
使用するタグ:
https://〜.pippms.com/blog/tag/3603_3604/https://〜.pippms.com/blog/tag/3603_3613/https://〜.pippms.com/blog/tag/3603_3604_3613/ページエディタにてリンクを作ります。リンクに書くのは相対パスの blog/tag/3603_3604 のみで大丈夫です。
サイトプレビュー ↓
リンクをクリックすると、それぞれカテゴリ分けされたブログを見ることができます。
ブログタグに 閲覧保護設定 をかけると、そのコースの非会員が閲覧した場合、記事は見れないように非表示になります。
コースの非会員のサイトプレビュー ↓
カテゴリ (タグ) は以下のコンテンツで使用できます:
https://〜.pippms.com/blog/tag/〜/https://〜.pippms.com/event/tag/〜/https://〜.pippms.com/*******/tag/〜/ (カスタム投稿 管理者で作成)https://〜.pippms.com/liveevent/tag/〜/カテゴリを学んで、見やすいサイト作りをしてみましょう！