WordPressの投稿一覧の5つの作り方！固定ページでの作成方法や取得してカスタマイズする方法を解説

「WordPressの投稿一覧を作りたい！」
「どんな作り方がある？」

投稿一覧は、サイトの利便性を向上させ、ユーザーが求める情報を見つけやすくする重要な要素です。WordPressで投稿一覧を作成するには、コード不要で簡単に作成できる3つの方法と、コードを活用して作成する2つの方法があります。

本記事では、それぞれの手順やメリット、最適な活用方法を詳しくご紹介します。自分のサイトに合った方法を選び、より使いやすい投稿一覧を作成しましょう。

WordPressで投稿一覧を作成したいとお悩みのあなたは、ご相談無料！最低金額8,000円〜・成果報酬制だから安心の「ワードプレスの119番」までお問い合わせください。

【ワードプレスの119番お問い合わせ窓口】
担当者直通電話番号：080-4323-3555
担当者直通メール：wordpress119@kamarudo.co.jp

WordPressで投稿一覧を作成する方法は大きく分けると2通り

WordPressで投稿一覧を作成する方法には、大きく分けて2通りあります。コード不要の方法と、コードを使用して自由にカスタマイズする方法です。それぞれの特徴を理解し、自分に合った方法を選びましょう。

投稿一覧を作成する方法

自動（コード不要）
手動（コード必要）

自動で作成する方法は初心者向けで、手軽に設定できます。一方、手動の方法はカスタマイズ性が高く、デザインを自由に調整できます。それぞれの特徴を詳しく見ていきましょう。

投稿一覧を作成する方法①：自動（コード不要）

WordPressには、投稿一覧を自動で作成する機能があります。専用のブロックやプラグインを使用することで、簡単に一覧を表示できます。

特に、最新の投稿ブロックは初心者でも扱いやすく、即座に一覧を表示できるのが特徴です。プラグインを活用すれば、デザインの調整や詳細な条件指定も可能です。

テーマによっては、デフォルトで投稿一覧を表示する機能が用意されている場合もあります。手動に比べてカスタマイズ性は低いですが、まずは初心者が取り組むべき方法です。

投稿一覧を作成する方法②：手動（コード必要）

手動で投稿一覧を作成する方法では、PHPを使用してWordPressのテンプレートファイルを編集します。get_postsや WP_Query を活用することで、指定した条件で投稿一覧を取得できます。

例えば、特定のカテゴリの投稿のみを表示したり、投稿の並び順をカスタマイズしたりすることが可能に。さらに、CSSを組み合わせることで、デザインを自由に調整できます。

手動での作成は少し難易度が上がりますが、高度なレイアウトやカスタマイズにこだわりたい場合には最適な方法です。

WordPressで投稿一覧を自動で作成する際の下準備

まずは、投稿一覧を自動で作成する方法から解説していきます。投稿一覧を自動で作成するには、事前に適切な設定を行うことが重要です。特に、固定ページの作成やパーマリンクの設定を正しく行うことで、スムーズに一覧を表示できるでしょう。ここでは、具体的な下準備の手順をご紹介します。

自動で作成する下準備

新規固定ページを作成する
表示設定を変更する

事前の設定をしっかり行うことで、投稿一覧の表示がスムーズになります。作成前に基本設定を整えておきましょう。詳しく解説します。

手順①：新規固定ページを作成する

まず、WordPressの管理画面にログインし、「固定ページ」＞「新規追加」を選択します。ページのタイトルを「投稿一覧」などに設定し、本文は空欄のままで問題ありません。

次に、パーマリンクを確認し、ページを特定しやすいスラッグ（例：post-list）を設定しておきます。これにより、投稿一覧ページのURLをわかりやすく設定できます。

SEOの観点からもシンプルで明確なURL構造にすることが推奨されます。作成後に「公開」ボタンを押せば、投稿一覧の表示ページの準備が完了します。

手順②：表示設定を変更する

次に、管理画面の「設定」＞「表示設定」を開き、「ホームページの表示」セクションを確認します。

ここで、「最新の投稿」を選択すると、トップページに最新の投稿一覧が表示されます。

一方、「固定ページ」を選択し、一覧を表示するページを指定すれば、専用の投稿一覧ページを作成できます。

あわせて「設定」＞「パーマリンク」の項目で「共通設定」を調整し、記事やページのURL構造がわかりやすいものになるように設定すると、SEO上もメリットがあります。適切なパーマリンク設定を行うことで、検索エンジンにも認識されやすくなり、ユーザーが投稿一覧ページを見つけやすくなるでしょう。

WordPressで投稿一覧を自動で作成する3つの方法

投稿一覧を自動で作成する方法は複数あります。ブロックエディタの「最新の投稿」ブロックを使う方法、プラグインを活用する方法、テーマの機能を利用する方法の3つが代表的です。ここでは、3つの方法の手順について詳しくご紹介します。

自動で作成する方法

「最新の投稿」ブロック
プラグイン
テーマ

目的に応じた方法を選び、投稿一覧を効率的に作成しましょう。それぞれ見ていきます。

作り方①：「最新の投稿」ブロックで投稿一覧を作成する

「最新の投稿」ブロックは、WordPressのブロックエディタを使用して簡単に投稿一覧を表示する方法です。「最新の投稿」ブロックを追加し、表示スタイルや件数を設定するだけで、投稿一覧が完成します。

設定項目には、サムネイルの有無や公開日の表示などがあり、シンプルながらカスタマイズ性もあります。初心者にも扱いやすく、特別な設定が不要なため、簡単に導入できるのが特徴です。

投稿一覧を作りたいときは、まずは「最新の投稿」ブロックを活用しましょう。

作り方②：プラグインで投稿一覧を作成する

プラグインを活用すれば、投稿一覧の表示を柔軟にカスタマイズできます。特に、ショートコードを利用できるプラグインは、簡単な設定でデザインや表示条件を変更可能です。具体的なプラグインを2つご紹介します。

おすすめプラグイン

Display Posts
List category posts

プラグインを導入すると、コードを書かずに投稿一覧を管理できます。初心者でも扱いやすく、効率的に投稿一覧を作成したい方におすすめです。それぞれの特徴を見ていきます。

おすすめプラグイン①：Display Posts

参照：wordpress.org

「Display Posts」は、ショートコードを活用して投稿一覧を作成できるプラグインです。カテゴリ別やタグ別、指定した投稿数で一覧を表示するなど、柔軟なカスタマイズが可能です。

設定はシンプルで、初心者でもすぐに使えます。レイアウトのカスタマイズもショートコードのオプションを変更するだけで調整できます。

日本語の解説サイトがいくつもあるので、操作で行き詰まっても問題ありません。

おすすめプラグイン②：List category posts

参照：wordpress.org

「List category posts」は、特定のカテゴリの投稿一覧を表示するのに特化したプラグインです。指定したカテゴリごとに投稿を一覧表示できるため、カテゴリページの強化にも役立ちます。

ショートコードを使って、タイトルや抜粋の表示、並び順の変更が可能です。ウィジェットを利用してサイドバーやヘッダーなどに表示させることも可能。サムネイルの設定もできたりと、カスタマイズ性が高いプラグインです。

作り方③：テーマで投稿一覧を作成する

WordPressのテーマによっては、投稿一覧を簡単に作成できる機能が備わっています。テーマごとの設定画面で一覧表示のスタイルを選択し、適用するだけで投稿一覧を表示できます。

特に、ブロックエディタ対応のテーマでは、ウィジェットやショートコードを利用可能に。特定のカテゴリーやタグに基づいた投稿一覧を、簡単に作成できます。

追加のプラグインをインストールせずに投稿一覧を管理できるため、シンプルな設定で運用できます。特に初心者にとっては、設定の手軽さとメンテナンスのしやすさが大きなメリットと言えます。

WordPressで投稿一覧を手動で作成する方法【テンプレートあり】

手動で投稿一覧を作成するには、PHPファイルを編集し、WordPressの機能を活用する必要があります。以下の手順に沿って作成しましょう。

手動で作成する手順

新しくPHPファイルを作成する
サブループを利用して投稿一覧を取得する
CSS、HTMLでデザインをカスタマイズする

手動で作成することで、デザインの自由度が高まり、独自のレイアウトを適用できるでしょう。わかりやすく手順を解説します。

手順①：新しくPHPファイルを作成する

まず、WordPressのテーマフォルダ内に、新しくPHPファイルを作成します。例えば「custom-post-list.php」という名前で作成し、投稿一覧を表示するためのコードを記述します。

このファイルを作成し、適切なテンプレートとして適用することで、特定のページで投稿一覧を表示できるようになります。ファイル作成後に、次の手順に進んでください。

手順②：サブループを利用して投稿一覧を取得する

WordPressでは、投稿一覧を取得する方法として「get_posts」と「WP_Query」の2つが一般的です。それぞれの違いを理解し、目的に合った方法を選びましょう。

項目	`get_posts()`（簡易）	`WP_Query`（詳細）
取得データの形式	配列（シンプル）	`WP_Query` オブジェクト（柔軟）
カスタマイズ性	低い（基本的な取得向け）	高い（詳細な条件指定やページネーションが可能）
投稿数の制御	`numberposts` を指定	`posts_per_page` ＋ページネーション対応
ループの書き方	`foreach` を使用	`while` を使用
条件指定	限定的（シンプルな条件のみ）	柔軟（複数条件の指定が可能）
用途	短いコードで簡単に投稿一覧を取得	複雑な条件で投稿を取得・カスタマイズ

どちらの方法でも投稿一覧を取得できますが、カスタマイズのしやすさに違いがあります。それぞれの方法と、テンプレートをご紹介します。

「get_posts」を使った方法とテンプレート

get_postsはシンプルな関数で、簡単に投稿一覧を取得できます。以下のコードをPHPファイル内に記述すると、指定した投稿数の一覧を取得できます。

<?php
/*
Template Name: Custom Post List (get_posts)
*/

get_header(); ?>

<main>
    <h2>投稿一覧（get_posts使用）</h2>
    <ul>
        <?php
        $args = array(
            'post_type'      => 'post',  // 投稿タイプ
            'posts_per_page' => 10,      // 表示する投稿数
            'orderby'        => 'date',  // 並び順
            'order'          => 'DESC'   // 新しい順
        );

        $posts = get_posts($args);
        foreach ($posts as $post) : setup_postdata($post);
        ?>
            <li>
                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                <p><?php the_excerpt(); ?></p>
                <p>投稿日: <?php the_date(); ?></p>
            </li>
        <?php endforeach;
        wp_reset_postdata();
        ?>
    </ul>
</main>

<?php get_footer(); ?>

《こちらのテンプレートのポイント》

get_posts()を使って投稿を取得
foreach ループで投稿一覧を表示
the_excerpt() を使って記事の抜粋を表示
the_date() で投稿日を表
wp_reset_postdata(); を実行して他のループに影響しないようにする

「WP_Query」を使った方法とテンプレート

WP_Query はより詳細なカスタマイズが可能な投稿取得方法です。メインループに影響与えず、カスタムループを生成することができます。

<?php
/*
Template Name: Custom Post List (WP_Query)
*/

get_header(); ?>

<main>
    <h2>投稿一覧（WP_Query使用）</h2>
    <ul>
        <?php
        $args = array(
            'post_type'      => 'post',  // 投稿タイプ
            'posts_per_page' => 10,      // 表示する投稿数
            'orderby'        => 'date',  // 並び順
            'order'          => 'DESC'   // 新しい順
        );

        $the_query = new WP_Query($args);

        if ($the_query->have_posts()) :
            while ($the_query->have_posts()) : $the_query->the_post(); ?>
                <li>
                    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                    <p><?php the_excerpt(); ?></p>
                    <p>投稿日: <?php the_date(); ?></p>
                </li>
            <?php endwhile;
        else : ?>
            <p>投稿がありません。</p>
        <?php endif;
        wp_reset_postdata();
        ?>
    </ul>
</main>

<?php get_footer(); ?>

《こちらのテンプレートのポイント》

WP_Query を使って投稿を取得
while ループで投稿一覧を表示
if ($the_query->have_posts()) を使って投稿があるかチェック（get_posts() には不要）
the_excerpt() で記事の抜粋を表示
the_date() で投稿日を表示
wp_reset_postdata(); でリセット

手順③：CSS、HTMLでデザインをカスタマイズする

最後に、取得した投稿一覧をHTMLとCSSで整えましょう。見やすくデザインを調整することで、ユーザーが情報を素早く把握できるようになります。

フォントサイズや余白を適切に設定することも、視認性向上のため重要です。一覧のデザインを統一することで、サイト全体の見た目が整い、ユーザーの離脱率を低減させるでしょう。

レイアウトやフォントの変更を適切に行い、読みやすい投稿一覧を作成してください。

WordPressにおける「投稿一覧」とは

WordPressの投稿一覧とは、サイト内に公開された記事を一覧表示する機能のことです。投稿一覧があることで、ユーザーは過去の投稿に素早くアクセスできます。

投稿一覧の形式はさまざまで、すべての投稿を時系列順に表示するものや、特定のカテゴリやタグで分類されたものもあります。ユーザーが自分の求める情報にすぐにアクセスできるため、サイトの利便性が向上するでしょう。

また、投稿一覧のカスタマイズによって、デザインを整えたり、必要な情報を強調したりすることも可能。サイトの回遊率向上だけでなく、SEO効果の向上にも貢献します。

WordPressにおける投稿一覧の4つの種類

WordPressでは、投稿一覧を表示する方法はいくつかあります。適切な一覧表示を採用することで、サイトの構造を整理し、ユーザーが求める情報を探しやすくなります。主な種類を4つご紹介します。

投稿一覧の種類

全ての投稿一覧
カテゴリー別の投稿一覧
タグ別の投稿一覧
投稿日時別の投稿一覧

適切な投稿一覧の種類を選び、サイトの目的に応じた情報整理を行いましょう。それぞれの特徴を詳しく解説します。

種類①：全ての投稿一覧

全ての投稿を時系列で表示する一覧です。ブログサイトやニュースサイトで一般的に使用される方法であり、新着記事が上から順に表示されるため、最新のコンテンツを簡単に把握できます。すべての投稿を一覧で確認できるため、ユーザーが幅広い情報を閲覧しやすくなるメリットがあります。

ただし、投稿数が増えると過去の記事が埋もれてしまうデメリットもあります。カテゴリーやタグと組み合わせて使用すると利便性が向上するでしょう。

種類②：カテゴリー別の投稿一覧

特定のカテゴリーごとに投稿を一覧表示する方法です。例えば、「SEO」「Webデザイン」「マーケティング」などのカテゴリーを設け、それぞれのトピックに関連する記事を分類できます。

ユーザーが興味のあるカテゴリーに直接アクセスできるため、必要な情報を効率的に探しやすくなります。サイトの構造を整理しやすいため、特定のジャンルに特化したコンテンツを提供する際に有効です。

種類③：タグ別の投稿一覧

タグごとに投稿を一覧表示する方法です。カテゴリーよりも柔軟な分類が可能であり、同じトピックに関連する記事をグループ化するのに適しています。

例えば、「WordPress」「SEO対策」「プラグイン」といったタグを設定すれば、ユーザーは特定のキーワードに関連する投稿を簡単に見つけられます。タグを適切に設定することで、記事間の関連性を高められ、回遊率のアップにも繋がります。階層構成にならず、複数のタグが付けられるのも特徴です。

種類④：投稿日時別の投稿一覧

投稿された日時ごとに一覧表示する方法です。特にアーカイブページなどで利用され、月別・年別に記事を分類できます。

ニュースサイトや定期更新されるコンテンツを持つブログでは、過去の情報を遡りやすくするために有効です。ユーザーが時系列で情報を整理したい場合に役立ち、特定の期間内に公開された投稿をスムーズに確認できます。

また、過去の記事が埋もれにくくなるため、古いコンテンツも有効活用しやすくなるのも特徴です。

WordPressで投稿一覧を作成する5つのメリット

導入の前にメリットを理解しておくことも大切です。投稿一覧を作成することで、サイトの利便性が向上し、訪問者にとって使いやすい環境を整えられます。ここでは、5つの大きなメリットをご紹介します。

投稿一覧を作成するメリット

サイトのユーザビリティが向上する
新規ユーザーの離脱が防ぎやすい
サイトの回遊率が上がる
最新の情報をユーザーに知らせられる
SEO効果が期待できる

これらのメリットを活かし、サイトの訪問者数を増やし、コンテンツの価値を最大限に引き出しましょう。それぞれの内容を詳しく解説します。

メリット①：サイトのユーザビリティが向上する

投稿一覧を作成することで、ユーザーが求める情報に素早くアクセスできるようになります。カテゴリーやタグを整理し、視認性の高いデザインを導入することで、ユーザーのストレスを軽減可能です。

特に、ナビゲーションの工夫や一覧表示のレイアウトを最適化することで、回遊率アップにも繋がります。ユーザーがスムーズに目的を達成できる構造を意識しましょう。

メリット②：新規ユーザーの離脱が防ぎやすい

新規ユーザーがサイト内で興味のあるコンテンツを簡単に見つけられることで、直帰率を低減できます。特に、関連する投稿一覧を表示することで、ユーザーがより多くのコンテンツを閲覧しやすくなります。

これにより、サイトの滞在時間が延び、エンゲージメントの向上が期待できるでしょう。サイトを初めて訪れた新規ユーザーにもわかりやすく設置することが大切です。

メリット③：サイトの回遊率が上がる

投稿一覧を適切に活用すると、ユーザーが複数の記事を閲覧しやすくなります。カテゴリー別、タグ別の一覧を用意することで、興味のあるテーマの記事を次々に読んでもらえる環境を整えられます。

回遊率の向上は、検索エンジンのSEO評価にも好影響を与えます。ユーザー目線に立って、興味を引く記事が見やすいように、カテゴリーやタグを整理しましょう。

メリット④：最新の情報をユーザーに知らせられる

新しく投稿した記事を自動で一覧表示できるため、ユーザーに最新情報を提供しやすくなります。特に、ニュースサイトやブログ運営では、リアルタイムで更新される投稿一覧が有効です。

最新情報の提供により、リピーターを増やす効果も期待できるでしょう。一度設定しておけば、投稿を更新するだけで表示させられるため、手間がないのも嬉しいポイントです。

メリット⑤：SEO効果が期待できる

投稿一覧を適切に設定することで、内部リンクが増え、サイトのSEO効果を高められます。Googleは内部リンクの充実度を重要視しています。

投稿一覧を適切に活用することで、検索順位の向上につながる可能性があるでしょう。また、サイトの整理が進むことで、クローラーの巡回効率も上がり、インデックスの最適化が期待できます。

ただし、関連性のないリンクの増加は逆効果になる可能性があります。適切なカテゴリ分けやタグ付けを行い、ユーザーが求める情報にスムーズにアクセスできるように設計することが重要です。

まとめ：投稿一覧を作成して読者を獲得しよう

WordPressの投稿一覧を活用することで、ユーザーの利便性が向上し、サイトの回遊率も高まります。適切な投稿一覧の作成方法を選び、サイトの目的に合わせたカスタマイズを行いましょう。

特に、SEO対策やユーザビリティの向上を考慮した一覧表示を設計することで、より多くの訪問数を獲得しやすくなります。投稿一覧を活用し、サイトの情報整理を進め、ユーザーにとって魅力的なコンテンツを提供しましょう。

しかし、「カスタマイズが難しい」と感じる方もいるかもしれません。そのようなときは、プロに相談するのも一つの方法です。無料相談を活用し、自社サイトに最適な投稿一覧の作成を検討してみましょう。

【ワードプレスの119番お問い合わせ窓口】
担当者直通電話番号：080-4323-3555
担当者直通メール：wordpress119@kamarudo.co.jp

ワードプレスで投稿一覧を作成したいならカマルドで解決できます

ワードプレスで投稿一覧を作成したいとお悩みなら、カマルドの「ワードプレスの119番」で解決できます。カマルドには、ワードプレスに精通したエンジニアが多数在籍しており、これまでのトラブル解決率は96％です。年間160件の修復依頼を承っています。

依頼費用は完全成果報酬制で、調査費用は一切かかりません。対応スピードも早く、最短即日対応が可能です。一刻も早く修正したい不具合があるときは、ぜひカマルドへご連絡ください。

ワードプレスの119番を利用する流れ

ワードプレスの119番を利用する流れは以下の通りです。

専用お問い合わせフォームから状況を詳しく伝える
Webサイトの調査を行う
お見積もりを行う
ワードプレス修復を依頼する
作業終了後、カマルドとお客様で問題がないかを確認する
料金のお支払い

お問い合わせフォームから状況を伝える際は、対応が必要な具体的な症状やレイアウトなどの詳細な情報をご提示ください。

ホームページやブログの調査時には、一切費用はかかりません。また、サーバー移転やカスタマイズなども問い合わせ可能です。

お見積もり金額を提示するタイミングで、修復にかかるおよその時間もお伝えいたします。予定よりも時間がかかるケースはありますが、料金については見積もり後に変わることはありません。

ワードプレスの119番の料金

ワードプレスの119番の料金は以下の通りです。

トラブル	料金
管理画面にログインできない	30,000円～
サイトが真っ白になってしまった	20,000円～
サイトの上部に意味不明な英文が表示されている	20,000円～
海外サイトにリダイレクトされる	40,000円～
サイトの改ざん	40,000円～
マルウェア除去	40,000円～
覚えのない記事が投稿されている	30,000円～
レイアウトの変更、崩れの修正	8,000円～
MySQLデータベース消去・改ざんを復元	40,000円～、要見積、復元の難易度によって大幅に異なります。
定期データバックアップ	30,000円～
ワードプレスのセキュリティ対策	30,000円～
ワードプレスサイトの復旧・復元	40,000円～
ワードプレスのインストール	13,000円～
アナリティクス導入	7,000円～
国内テーマの設定	13,000円～
海外テーマの設定	30,000円～
ワードプレスのサーバー移行（引っ越し）	40,000円～
ワードプレスサイトやプラグインのアップデート	13,000円～
サイトの自動バックアップの導入	8,000円～
アクセス解析の導入	8,000円～
テーマ（テンプレート）のカスタマイズ	55,000円～
サイトのhttps化(ssl導入)	13,000円～
既存サイトをワードプレス化	90,000円～
お問い合わせ等のフォームの導入	17,000円～
バックアップデータからのサイトの復元	30,000円～