Display Postsは投稿記事一覧をカテゴリーやページIDで表示するプラグイン

Display Postsとは

WordPressプラグインの「Display Posts」は、WordPressの投稿や固定ページ、カスタム投稿タイプなどのコンテンツを、ショートコードを使って柔軟に表示させるための非常に人気のあるプラグインです。

主な特徴とできることは以下の通りです。

  • ショートコードによる簡単表示: [ display-posts ] というシンプルなショートコードを投稿や固定ページ、ウィジェットなどに記述するだけで、最新の投稿リストを表示できます。
  • 豊富なパラメータで表示をカスタマイズ:
    • フィルタリング: カテゴリ、タグ、投稿ID、作成者、投稿タイプ、日付など、様々な条件で表示するコンテンツを絞り込むことができます。
    • 表示要素の制御: タイトル、抜粋、アイキャッチ画像、日付、コメント数などを表示するかどうか、そしてその表示方法(例:アイキャッチ画像のサイズ)を細かく設定できます。
    • 並べ替え: 新しい順、古い順、タイトル順、コメント数順など、任意の基準でコンテンツを並べ替えることができます。
    • 表示形式: リスト形式(箇条書き、番号付きリスト)、グリッド形式など、レイアウトを調整できます。
  • 開発者向けの機能: テーマのスタイルに合わせるためのテンプレートパーツの利用や、出力フィルタを使って表示をさらに細かく制御することも可能です。
  • 用途の多様性:
    • トップページに最新のニュースやブログ記事一覧を表示する。
    • 特定のカテゴリの関連記事をまとめて表示する。
    • 著者のプロフィールページにその著者の記事一覧を表示する。
    • サイドバーやフッターに人気の記事やおすすめ記事を表示する。
    • カスタム投稿タイプで作成したイベント情報などを一覧で表示する。

このプラグインを使うことで、WordPressの標準機能では難しい、柔軟で動的なコンテンツリストの表示を簡単に行うことができます。CSSの知識があれば、さらに見た目を細かく調整することも可能です。

Display Postsの使い方

WordPressの「Display Posts」プラグインは、ショートコードを使って、特定の条件に合致する投稿や固定ページを簡単に表示できる便利なプラグインです。

基本的な使い方とよく使うパラメータについて説明します。

1. インストールと有効化

  1. WordPressの管理画面にログインします。
  2. 「プラグイン」>「新規追加」に進みます。
  3. 検索ボックスに「Display Posts」と入力し、検索します。
  4. 「Display Posts」プラグインを見つけたら、「今すぐインストール」をクリックし、その後「有効化」をクリックします。

2. ショートコードの基本的な使い方

有効化すると、投稿や固定ページの編集画面に「ショートコードを挿入」ボタンが表示されるようになります。このボタンをクリックすると、設定画面が表示され、必要な項目を選択・入力することでショートコードを簡単に生成できます。

手動でショートコードを入力する場合は、以下の基本形を覚えておくと良いでしょう。

[ display-posts ]

これだけで、最新の投稿がいくつか表示されます。

3. よく使うパラメータと表示例

「Display Posts」プラグインの強力な点は、様々なパラメータを使って表示する投稿を細かく制御できることです。

3.1. 表示する投稿数の制御 posts_per_page

表示したい投稿の数を指定します。

  • 例: 最新の投稿を5件表示する[ display-posts posts_per_page="5" ]

3.2. カテゴリで絞り込み category

特定のカテゴリの投稿のみを表示します。カテゴリのスラッグ(またはID)を指定します。

  • 例: 「news」カテゴリの投稿をすべて表示する[display-posts category="news"]
  • 例: 複数のカテゴリの投稿を表示する (カンマ区切り)[ display-posts category="news,events" ]

3.3. タグで絞り込み tag

特定のタグの投稿のみを表示します。タグのスラッグ(またはID)を指定します。

  • 例: 「hot-topic」タグの投稿をすべて表示する[ display-posts tag="hot-topic" ]
  • 例: 複数のタグの投稿を表示する (カンマ区切り)[ display-posts tag="tag1,tag2" ]

3.4. 特定の投稿IDを指定 id

特定の投稿IDの投稿のみを表示します。

  • 例: IDが9と10の投稿を表示する[ display-posts id="9,10" ] 

3.5. 表示する要素の制御

表示する要素(タイトル、抜粋、アイキャッチ画像など)を制御できます。

  • タイトルのみ表示: include_title="true" はデフォルトなので不要
  • 抜粋を表示:[ display-posts include_excerpt="true" ]
  • アイキャッチ画像を表示: image_size でサイズを指定できます(thumbnail, medium, large, fullなど)。[ display-posts include_image="true" image_size="thumbnail" ]
  • 投稿日を表示:[ display-posts include_date="true" ]
  • コンテンツ(本文)を表示:[ display-posts include_content="true" ]

3.6. 並び替え orderorderby

表示する投稿の並び順を指定します。

  • 例: 日付の新しい順(デフォルト)[ display-posts orderby="date" order="DESC" ]
  • 例: タイトル順(昇順)[ display-posts orderby="title" order="ASC" ] orderby には date (日付), title (タイトル), ID (ID), comment_count (コメント数), rand (ランダム) などが指定できます。 order には ASC (昇順) または DESC (降順) を指定します。

4. より高度な使い方

  • 特定の投稿タイプを表示: post_type="page"post_type="custom_post_type" のように指定することで、固定ページやカスタム投稿タイプを表示できます。
  • 特定の著者で絞り込み: author="username" で特定の著者の投稿のみを表示できます。
  • 除外する投稿: exclude="1,2,3" で特定の投稿IDを除外できます。
  • 特定のタクソノミーで絞り込み: taxonomy, tax_term, tax_operator を組み合わせることで、より複雑なタクソノミーでの絞り込みが可能です。

5. ショートコードの組み合わせ例

例えば、「ニュース」カテゴリの最新5件の投稿を、アイキャッチ画像と投稿日と共に表示したい場合:

[ display-posts category="news" posts_per_page="5" include_image="true" image_size="medium" include_date="true" ]

まとめ

「Display Posts」プラグインは、ショートコードのパラメータを組み合わせることで、WordPressサイト内で様々な投稿リストを柔軟に作成できます。まずは簡単なショートコードから試してみて、必要に応じてパラメータを追加していくと良いでしょう。詳細な情報は、WordPress.comの公式プラグインページや、関連のチュートリアルサイトで確認できます。

Display Postsの注意点

WordPressの「Display Posts」プラグインは、記事の一覧表示を柔軟にカスタマイズできる便利なショートコードプラグインですが、いくつか注意点があります。

以下に主な注意点を挙げます。

  1. パフォーマンスへの影響:
    • 多数の投稿を一度に表示したり、複雑なクエリ(特に多くのメタデータやカスタムフィールドを扱う場合)を使用したりすると、データベースクエリが増加し、ウェブサイトのロード時間に影響を与える可能性があります。
    • 特に大規模なサイトや共有ホスティング環境では、この点に注意し、キャッシュプラグインとの併用を検討することをおすすめします。
  2. 表示件数の上限:
    • posts_per_page パラメータで表示件数を指定できますが、極端に大きな数を指定するとパフォーマンスの問題につながります。
    • 公式サイトの情報では、最大表示数は100とされていますが、offset パラメータを使って複数のショートコードを連ねることで、それ以上の表示も可能とされています。しかし、この方法はパフォーマンスに影響を与える可能性があるため、慎重に利用すべきです。
  3. カスタム投稿タイプとタクソノミー:
    • カスタム投稿タイプの指定は可能ですが、特定のタクソノミーで絞り込むことはできるものの、そのタクソノミー名そのものを表示することはできないという情報もあります。カスタム投稿タイプとタクソノミーを複雑に組み合わせる場合は、事前に動作確認を行うか、別の方法も検討する必要があるかもしれません。
  4. ショートコードの入れ子(二重引用符):
    • ショートコード内でさらにショートコードを使用する場合(入れ子にする場合)、引用符の扱いに注意が必要です。特に、二重引用符の入れ子を避けるようにしましょう。WordPressのショートコードの処理上、問題が発生する可能性があります。
  5. 詳細な絞り込みの限界:
    • 高度なデータベースクエリや特定の条件での絞り込み(例:特定のユーザーが投稿した記事のみ、特定の期間内の記事のみなど、プラグインが直接サポートしていない複雑な条件)は、Display Postsだけでは対応できない場合があります。その場合は、WP_Query を直接使用するか、より多機能な別のプラグインを検討する必要があるでしょう。
  6. SEOとユーザビリティ:
    • 過度な記事一覧表示は、ユーザーのスクロール量を増やし、目的の記事を見つけにくくする可能性があります。また、SEOの観点からも、重要なコンテンツが埋もれてしまわないように注意が必要です。適切なページネーションや「もっと見る」ボタンの導入などを検討しましょう。
  7. キャッシュとの相性:
    • Display Postsプラグインは動的にコンテンツを生成するため、キャッシュプラグインを使用している場合は、コンテンツが正しく更新されるかどうかの確認が必要です。設定によっては、古い情報が表示され続ける可能性もあります。

これらの注意点を理解した上で、Display Postsプラグインを適切に活用することで、効果的な記事一覧表示を実現できます。

ビジネスを加速させる

Information

ココナラにはWordPressに関連するさまざまなサービスがあります。以下のようなサービスを依頼することができます。

  • ホームページ作成(WordPress): プロのクリエイターに、集客に強い、デザイン重視など、ニーズに合わせたWordPressのホームページ作成を依頼できます。
  • ブログサイト制作・カスタマイズ: 初心者向けのブログ作成から、テーマやプラグインの設定・カスタマイズまで依頼できます。
  • Webサイト修正・カスタム・コンサル: WordPressサイトの修正や機能追加、レイアウト変更、コンサルティングなどを依頼できます。
  • LP制作(WordPress): WordPressを使ったランディングページ(LP)の制作や、修正・更新を依頼できます。
  • ECサイト制作(WordPress): WordPressを使ってECサイトやネットショップを構築、またはカスタマイズを依頼できます。
  • HTML・CSSコーディング: WordPress対応のコーディング代行を依頼できます。

これらのサービスは、予算やスケジュールに合わせて豊富な出品者の中から選ぶことができ、オンライン上で取引が完結します。

ココナラにおけるWordPress関連サービスの特徴は、多様なニーズに対応できる幅広さと、比較的安価な価格帯にあります。

Information

ザ・トール (THE THOR) は、集客と収益化に特化した、WordPressの有料テーマです。

デザイン性が高く サイトの印象を左右するデザイン設定が、色やレイアウトを細かくカスタマイズでき、初心者でもプロのような美しいサイトが作れます。

主な特徴と評判:

  • SEOに強い: 「究極のSEO最適化テーマ」と謳われており、HTML5+CSS3による最新のコーディング、構造化マークアップへの対応、高速表示技術、最先端のSEO機能など、検索エンジンからの評価を意識した設計がされています。SEO対策用のプラグインが不要になるほど、テーマ自体に多くのSEO対策が施されていると評判です。
  • デザイン性: プロ仕様のデザイナーズサイトが簡単に作れるほど、洗練された美しいデザインが特徴です。デモサイトからデザインスタイルをダウンロードして適用できる「デザイン着せ替え機能」も備わっており、初心者でもおしゃれなサイトを短時間で作成できます。
  • 機能性: サイトの集客・収益を強力に後押しする「集客・収益化支援システム」を搭載しており、CTA(行動喚起)エリアや記事内広告などの機能も充実しています。また、見出しデザイン53種類、アイコン498種類、ショートコード12種類など、記事を装飾する機能が豊富に用意されており、HTMLやCSSの知識がなくても簡単にカスタマイズできます。
  • 高速表示: 革新的な高速表示技術を多数装備しており、国内屈指の高速テーマとしても知られています。AMPやPWAにも対応しています。
  • 多機能性: 必要とされる多くの機能がテーマ内に搭載されているため、多数のプラグインを導入する必要がありません。これにより、サイトの動作を軽くし、表示速度の向上にも貢献します。
  • サポート: 購入後には操作マニュアルや質問サポートが提供されており、初心者でも安心して利用できる体制が整っています。
  • 複数サイト利用可能: 1度購入すれば、複数のサイトで利用できるライセンス形態を採用しているため、複数のサイトを運営する方にはメリットが大きいです。

WordPressテーマ「THE THOR(ザ・トール)」は、SEO対策、デザイン、機能性の3つを高いレベルで備えた高機能テーマです。多機能でプロのようなサイトを簡単に作れる反面、初心者には少し設定が複雑で、慣れるまでに時間がかかるという評価もあります。

Information

レンタルサーバー「ロリポップ!」は、WordPressの運用において有利な点が多いと言えます。特に、初めてブログやWebサイトを始める初心者にとって、コスト面や使いやすさの面で大きなメリットがあります。

ロリポップ!がWordPress運用に有利とされる主な理由は以下の通りです。

  • 低コスト: 他社と比較して月額料金が安価に設定されており、特に初心者や個人でサイトを運営したい方にとって、費用を抑えて始められるのが大きな魅力です。
  • WordPressの簡単インストール: 管理画面から数クリックでWordPressを自動インストールできる機能が備わっています。複雑なデータベース設定やファイルのアップロード作業が不要なため、専門知識がなくてもすぐにWordPressを始められます。
  • 高速性: 「ハイスピードプラン」などの上位プランでは、LiteSpeedという高速Webサーバーを導入しています。これにより、WordPressの表示速度や動作が非常に高速で安定しています。
  • 無料SSL: 独自ドメインのSSL化(サイトの常時SSL化)が無料で利用可能です。これにより、サイトのセキュリティを確保し、ユーザーに安心して利用してもらうことができます。
  • 充実したサポート: メール、チャット、電話によるサポート体制が整っており、初心者でも安心して利用できます。

ロリポップ!は、コストパフォーマンスに優れ、WordPressの簡単インストール機能や無料SSLが標準で備わっているため、特にWordPressを初めて使う初心者にとって非常に有利なレンタルサーバーです。サイトの規模やアクセス数が増えるにつれて表示速度が課題になる可能性があるため、最初から「ハイスピードプラン」以上を選ぶと、より快適に運用できるでしょう。