WP Show Postsはカテゴリーとタグを一覧表示するプラグイン

WP Show Postsとは

WP Show Postsは使いやすいショートコードを使用して、Web サイトのどこにでも投稿一覧を表示できるプラグインです。無料版と有料版がありますが、無料版で十分使用できます。投稿をカテゴリーかタグで（複数指定可）サムネイル（サイズ変更可）や抜粋を表示してくれます。

WordPressプラグイン「WP Show Posts」は、WordPressの投稿記事を柔軟に一覧表示するための便利なプラグインです。

主な機能や特徴は以下の通りです。

• 簡単な記事一覧作成: ショートコードを使うことで、投稿や固定ページに簡単に記事一覧を表示できます。
• 表示内容のカスタマイズ:
  • 投稿タイプ: 投稿記事だけでなく、固定ページやカスタム投稿タイプ（WooCommerce商品など）の一覧も表示できます。
  • 絞り込み: 特定のカテゴリやタグに属する記事のみを表示したり、特定の投稿IDを除外したりできます。
  • 並び順: 新しい順、古い順、コメント数順など、さまざまな基準で記事を並べ替えることができます。
  • 表示項目: タイトル、アイキャッチ画像（サムネイル）、抜粋、投稿者、日付、コメントリンクなどを表示するかどうか、そして表示位置を細かく設定できます。
  • 表示形式: リスト形式だけでなく、カラムグリッド形式（複数列）で表示することも可能です。
  • 表示数: 1ページあたりの表示件数を指定できます。
  • ページネーション: 投稿数が設定した表示件数を超えた場合、ページ送りを設定できます。
• 軽量で高速: プラグイン自体が軽量であるため、サイトの表示速度に影響を与えにくいとされています。
• CSSによるデザイン調整: 細かなデザインやレイアウトの調整は、カスタムCSSを追加することで柔軟に行えます。

WordPressのループを自作するよりも手軽に、かつ詳細な設定で記事一覧を生成できるため、ブログの新着記事一覧、関連記事一覧、特定カテゴリの記事一覧などを表示したい場合に非常に役立つプラグインです。

WP Show Postsの使い方

WP Show Postsは、WordPressの投稿を様々な条件で表示するための非常に便利なプラグインです。ショートコードを使って、特定のカテゴリの投稿、最新の投稿、人気の投稿などを簡単に表示できます。

以下にWP Show Postsの基本的な使い方を説明します。

WP Show Postsのインストール

1. WordPressのダッシュボードにログインします。
2. 左側のメニューから「プラグイン」>「新規追加」をクリックします。
3. 検索バーに「WP Show Posts」と入力し、検索します。
4. WP Show Postsプラグインを見つけたら、「今すぐインストール」をクリックします。
5. インストールが完了したら、「有効化」をクリックします。

WP Show Postsリストの作成

プラグインを有効化すると、ダッシュボードの左側メニューに「WP Show Posts」という項目が追加されます。

1. 「WP Show Posts」>「新規追加」をクリックします。
2. 「タイトル」にリストの名前を入力します（例: 「最新記事」や「お知らせ」など、管理しやすい名前を付けます）。
3. 以下の設定項目を必要に応じて調整します。
   • 投稿 (Posts):
     • 投稿タイプ: 通常は「投稿」を選択します。カスタム投稿タイプを使用している場合は、それも選択できます。
     • 選択方法: 投稿の表示方法を選択します。
       • 最新の投稿 (Latest Posts): 最新の投稿を表示します。
       • 特定の投稿 (Specific Posts): IDを指定して特定の投稿を表示します。
       • 関連する投稿 (Related Posts): 現在の投稿に関連する投稿を表示します（通常は投稿ページでのみ機能します）。
       • タクソノミー (Taxonomy): カテゴリやタグなど、特定のタクソノミーに属する投稿を表示します。
       • ランダム投稿 (Random Posts): ランダムな投稿を表示します。
     • 表示する投稿数 (Number of Posts): 表示したい投稿数を指定します。
     • オフセット (Offset): 最初の数件の投稿をスキップして表示したい場合に設定します。
     • 除外 (Exclude): 表示したくない投稿のIDやタクソノミーを指定します。
     • 含める (Include): 特定の投稿IDのみを表示したい場合に指定します。
   • タクソノミー (Taxonomy) (「選択方法」で「タクソノミー」を選択した場合に表示):
     • タクソノミー: どのタクソノミーを使用するか選択します（例: カテゴリ、タグなど）。
     • ターム: 表示したいカテゴリやタグを選択します。
   • 並び替え (Order):
     • 並び替えの基準 (Order By): 投稿を何で並び替えるかを選択します（例: 日付、タイトル、コメント数など）。
     • 並び替えの順序 (Order): 昇順 (ASC) または降順 (DESC) を選択します。
   • カラム (Columns):
     • 投稿を何列で表示するかを指定します。レスポンシブデザインに対応しています。
   • 画像 (Images):
     • 投稿のサムネイルを表示 (Show Post Thumbnail): チェックするとサムネイルが表示されます。
     • 画像サイズ (Image Size): サムネイルのサイズを選択します。
     • 画像の位置 (Image Alignment): サムネイルの配置を調整します。
     • リンク (Link): 画像に投稿へのリンクを付けるかどうか。
   • コンテンツ (Content):
     • タイトルを表示 (Show Title): 投稿タイトルを表示するかどうか。
     • 抜粋を表示 (Show Excerpt): 抜粋を表示するかどうか。
     • 抜粋の長さ (Excerpt Length): 抜粋の文字数を指定します。
     • 抜粋の続き (Excerpt More): 抜粋の後に表示される「続きを読む」などのテキストを設定します。
     • 詳細を見るボタンを表示 (Show Read More button): 続きを読むボタンを表示するかどうか。
     • 詳細を見るテキスト (Read More Text): 続きを読むボタンのテキストを設定します。
   • メタ情報 (Meta):
     • 投稿日、著者名、コメント数などのメタ情報を表示するかどうかを選択します。
   • その他 (Misc):
     • 投稿のラッパーHTMLタグ (Post Wrapper HTML Tag): 各投稿を囲むHTMLタグを選択します（例: div, article）。
     • ページネーションを表示 (Show Pagination): 投稿数が表示数を超えた場合にページネーションを表示するかどうか。
     • クラス (Classes): カスタムCSSクラスを追加できます。
4. 設定が完了したら、右上の「公開」ボタンをクリックします。

ショートコードをコピーする

リストを保存すると、右側のサイドバーに「ショートコード」というセクションが表示されます。

[wp_show_posts id="xxx"] のようなショートコードが生成されます。この xxx は、あなたが作成したWP Show PostsリストのIDです。

このショートコードをコピーします。

ショートコードを投稿や固定ページに貼り付ける

コピーしたショートコードを、投稿、固定ページ、またはウィジェットに貼り付けます。

1. 投稿や固定ページの編集画面を開きます。
2. 投稿内容を追加するエディタ（ブロックエディタまたはクラシックエディタ）にショートコードを貼り付けます。
   • ブロックエディタの場合: 「ショートコード」ブロックを追加し、そこにショートコードを貼り付けます。
   • クラシックエディタの場合: テキストモードに切り替えるか、直接ビジュアルモードに貼り付けます。
3. ページを更新または公開します。

これで、設定した条件で投稿が表示されるようになります。

例: 最新の投稿を3件表示するリストを作成する

1. 「WP Show Posts」>「新規追加」をクリックします。
2. タイトルに「最新記事3件」と入力します。
3. 「投稿」タブで、
   • 「選択方法」を「最新の投稿」に設定します。
   • 「表示する投稿数」を「3」に設定します。
4. 必要に応じて「画像」、「コンテンツ」、「メタ情報」などの表示設定を調整します。
5. 「公開」をクリックします。
6. 生成されたショートコード（例: [wp_show_posts id="123"]）を、表示したい投稿や固定ページに貼り付けます。

よくある質問とトラブルシューティング

• 表示されない: ショートコードが正しく貼り付けられているか、WP Show Postsリストの設定が正しいか（特に「公開」されているか）を確認してください。
• デザインが崩れる: テーマのCSSと競合している可能性があります。WP Show Postsリストの設定で「クラス」にカスタムCSSクラスを追加し、それに独自のCSSを記述して調整するか、テーマのカスタマイザーや追加CSSで調整してください。
• 特定の投稿が表示されない: 「除外」や「含める」の設定を確認してください。また、投稿の状態（公開されているか）も確認してください。

WP Show Postsは非常に柔軟なプラグインなので、色々な設定を試して、あなたのサイトに合った表示方法を見つけてください。