関連記事を自動で一覧化!便利なオリジナルブロック「カテゴリーリスト(ブログ)」

「カテゴリーリスト(ブログ)」は、メイン投稿(ブログ)のカテゴリー一覧を簡単に作成できるオリジナルブロックです。 表示したいカテゴリーを選び、デザインタイプと投稿数を設定するだけで、誰でも手軽に記事一覧を作成できます。

フリーランス主夫のWebサイト制作所のWordPressテーマ「PARTNERシリーズ」のオリジナルブロッグ【カテゴリーリスト(ブログ)】

このオリジナルブロックでできること

  • 指定した「カテゴリー」「キーワードタグ」の記事を自動で一覧表示
  • リストタイプ・カードタイプの2種類のレイアウトを選択可能
  • 投稿数の指定が可能
  • カードタイプにはアクセントテキストを自由に設定
  • 上下の余白を個別に設定して、ページ全体のバランスを調整

オリジナルブロック「カテゴリーリスト(ブログ)」を活用すれば、読んでほしいブログのカテゴリーに属する記事一覧を簡単に作成できます。

カテゴリーリスト

投稿タイプメイン投稿「BLOG」
カスタム投稿「おすすめ」
カスタム投稿「サービス」
カスタム投稿「ボックスメニュー」
表示設定マウス操作で選択可能
リストタイプで表示、カードタイプで表示の2種類
投稿数マウス操作で変更可能
リボンテキストテキスト入力
例 関連記事
上下余白マウス操作で変更可能
カスタム条件

キーワードタグーリスト

投稿タイプメイン投稿「BLOG」
カスタム投稿「おすすめ」
表示設定マウス操作で選択可能
リストタイプで表示、カードタイプで表示の2種類
投稿数マウス操作で変更可能
リボンテキストテキスト入力
例 関連記事
上下余白マウス操作で変更可能
カスタム条件

ブロックの挿入方法(カテゴリー・キーワードタグ共通)

STEP 1 オリジナルブロックを呼び出す 挿入したいところに「カテゴリーリスト(ブログ)」のオリジナルブロックを呼び出す

  • 「ブロックを追加」を選択し「すべて表示」を選択
  • オリジナルブロック「カテゴリーリスト」を選択

STEP 2 関連リストの作成 表示タイプ・投稿数・上下余白の設定

オリジナルブロック「カテゴリーリスト」管理画面の参考画像
カテゴリーリストの作成画面
  • 投稿タイプを選択
  • カテゴリーID番号を設定
    カテゴリーIDはカスタム管理画面で確認できます。
  • 表示方法を選択
  • 投稿数を設定
  • ②で「投稿カード」を選択した場合は、h2~h6、p、divタグを選択
  • ②で「投稿カード」を選択した場合は、リボンテキストを設定
  • 上部や下部に余白を設定する場合はこちらを設定

③の投稿数の設定で「-1」と設定すると、関連する投稿を全て表示する事ができます。

STEP 3 完成 簡単操作で作成できます

カードタイプ

WordPressテーマのオリジナルブロック

今回紹介したオリジナルブロック「カテゴリーリスト(ブログ)」の他にも、コンテンツの作成をサポートするテーマ専用のオリジナルブロックが多数あります!