WordPressでブログ投稿用の個別ページを作成する方法

デフォルトでは、WordPressはブログ投稿をホームページに表示します。しかし、ビジネスサイトを作成している場合や、単にホームページをカスタマイズしたい場合は、ブログセクションを別のページにしたい場合があります。

この設定は、ホームページをすっきりと分かりやすく保つだけでなく、読者がブログコンテンツを探索するための専用スペースを提供します。

ユーザーエクスペリエンスを向上させ、提供内容に明確な焦点を当てるために、WPForms、OptinMonster、All in One SEOを含む多くのパートナー企業のウェブサイトで、ブログページを別に設けています。これにより、訪問者はブログコンテンツに簡単にアクセスしながら、プラグインのプロモーションという本来の目的を優先できます。

この記事では、WordPressでブログ投稿を別のページに作成する2つの方法を紹介します。

WordPressでブログ投稿用の個別ページを作成する方法

ブログ投稿を別のページに表示する理由

ホームページは、WordPressウェブサイトのフロントページであり、訪問者が最初に目にするページです。デフォルトでは、WordPressは最新の投稿をホームページに表示しますが、これはブログを運営している場合には理にかなっています。

しかし、中小企業ウェブサイトにとっては常に理想的とは限りません。ビジネス、製品、サービスについてユーザーに伝え、連絡方法を知らせ、販売コンバージョンを促進する、より魅力的なホームページが必要になるでしょう。

さて、ウェブサイトでブログも運営したい場合は、訪問者があなたの投稿を読める別のページを用意する必要があります。

とはいえ、WordPressでブログ投稿用の独立したページを簡単に作成する方法をご紹介します。

このチュートリアルでは2つの方法について説明しました。以下のリンクを使用して、お好みの方法にジャンプできます。2番目の方法は最も簡単で、最も多くのカスタマイズが可能であることを覚えておいてください。

動画チュートリアル

WPBeginnerを購読する

文章での説明をご希望の場合は、そのまま読み進めてください。

方法1:WordPressでブログ投稿用の独立したページを作成する

デフォルトのWordPress設定を使用して、ブログ投稿用の独立したページを作成できます。

ただし、この方法は方法2よりも少し手間がかかり、カスタマイズオプションもそれほど多くありません。

ホームページとブログページを独立させる

まず、ホームページとブログページとして使用する2つの独立したWordPressページを作成する必要があります。

これらのページにコンテンツを追加する必要はありません。好きな名前を付けることができます。たとえば、一部のビジネスウェブサイトでは、ブログページに「ニュース」を使用しています。

新しいホームページとブログページの作成

これらのページを作成したら、WordPress管理画面の設定 » 表示設定ページにアクセスします。

次に、「ホームページの表示」というセクションの下にある「固定ページ」ボタンをクリックする必要があります。

その後、先に作成したホームページとブログページを選択できます。次に下にスクロールして、「変更を保存」ボタンをクリックします。

ホームページとブログページの選択

これで、WordPressダッシュボードからページ » 全ページ画面に移動すると、ホームページは「フロントページ」と表示され、ブログページは「投稿ページ」と表示されていることがわかります。

ブログページの「表示」リンクをクリックして、プレビューしてください。

ホームページは「フロントページ」と表示され、ブログページは「投稿ページ」と表示されます

これらのページの表示は、WordPressテーマに依存しており、これらの設定を構成したい場合があります。

例えば、テーマにナビゲーションメニューがある場合、WordPressが新しいブログページとホームページを自動的に追加したことに気づくでしょう。そうでない場合は、WordPressでナビゲーションメニューを追加する方法に関する初心者向けガイドを参照してください。

新しいブログページのプレビュー

ホームページのカスタマイズ

ここまで、新しいホームページは空白です。次に、ビジネス、製品、サービスに関する情報を追加し、訪問者がどのように連絡できるかを知ってもらう時間です。

WordPressでカスタムホームページを作成する方法に関するガイドで、その方法を学ぶことができます。方法1では、ブロックエディターを使用して、カバー画像、カラム、テーブル、テキストとメディア、ギャラリーなどを追加する方法を紹介します。

WordPressのホームページを簡単かつ効果的に編集する方法に関するガイドでは、多くのクリエイティブなカスタマイズアイデアも見つかります。

ブログページのカスタマイズ

ブログページの見た目に満足しているなら、これで完了です。

ただし、現在ブロックベースのテーマを使用している場合は、WordPressダッシュボードの「外観 » エディター」画面にアクセスしてブログページをカスタマイズすることもできます。

そこに着いたら、フルサイトエディターの左側の列から「ページ」オプションを選択します。

左側の列から「ページ」オプションを選択します

これにより、左側の列にウェブサイト上のすべてのページのリストが開きます。

ここから「ブログ」ページのオプションを選択し、右側のページプレビューをクリックしてブログページのカスタマイズを開始します。

左側の列から「ブログページ」オプションを選択します

これで、画面の左上隅にあるブロック追加「+」ボタンをクリックして、選択したブロックをページに追加できます。

さらに、画面の右上隅にある「スタイル」アイコンをクリックして、ブログページの背景、テキスト、またはリンクの色を変更できます。

これにより右側にブロックパネルが開きます。そこから「タイポグラフィ」タブをクリックしてテキストの色を変更したり、「色」タブをクリックして背景色を変更したり、「レイアウト」タブをクリックしてブログページの寸法を設定したりできます。

ブログページを編集する

完了したら、設定を保存するために上部にある「保存」ボタンをクリックすることを忘れないでください。

これで、WordPressのブログページにアクセスして、その見た目を確認できます。

ブログページのプレビュー

ただし、クラシックテーマを使用している場合は、ブログ投稿ページをカスタマイズするには代わりに「方法2」を使用する必要があります。

方法2:ドラッグ&ドロップビルダーでブログ投稿用のカスタマイズされたページを作成する(推奨)

テーマビルダープラグインを使用すると、コードなしでカスタムWordPressテーマを簡単に作成できます。これには、ブログ投稿用の個別のページを作成およびカスタマイズする機能が含まれます。

SeedProdテーマビルダーのインストール

まず、SeedProdプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

SeedProdは、ビジネス、ブロガー、ウェブサイト所有者にとって最高のドラッグ&ドロップWordPressページビルダーです。また、ブログページなどを簡単にカスタマイズできるテーマデザイナーも備えています。

詳細については、完全なSeedProdレビューをお読みください。

アクティブ化後、SeedProd » Settingsページにアクセスしてライセンスキーを入力してください。この情報はSeedProdウェブサイトのアカウントで見つけることができます。

SeedProd ライセンスキーを入力してください

その後、カスタムWordPressテーマを作成します。これは、聞こえるよりもはるかに簡単です。

カスタムWordPressテーマの作成

まず、SeedProd » Theme Builderページにアクセスする必要があります。ここでは、SeedProdの既製のテーマのいずれかを開始点として使用します。これにより、既存のWordPressテーマが新しいカスタムデザインに置き換えられます。

これは、「テーマ」ボタンをクリックすることで実行できます。

カスタムテーマを作成する

さまざまな種類のウェブサイト向けに設計された、プロがデザインしたテーマのリストが表示されます。

たとえば、「Modern Business」、「Marketing Agency」、「Mortgage Broker Theme」と呼ばれるテンプレートがあります。

オプションを確認し、チェックマークアイコンをクリックして、ニーズに最も合ったものを選択してください。

ニーズに合ったテーマを選択する

テーマを選択すると、SeedProdはブログインデックス用のテンプレートとホームページ用のテンプレートを含むすべてのテーマテンプレートを生成します。

これらは単なる空のページではなく、カスタマイズしやすい魅力的なレイアウトとプレースホルダーコンテンツが設定されています。

テンプレートが作成されます

このチュートリアルでは、ホームページとブログインデックスのテンプレートをカスタマイズする方法を説明します。

他のテンプレートもカスタマイズしたい場合があります。その方法については、カスタムWordPressテーマを簡単に作成する方法に関する初心者向けガイドをご覧ください。

ホームページのカスタマイズ

テーマテンプレートを生成したら、SeedProdテーマビルダーを使用して編集できます。ホームページテンプレートから始めます。

開始するには、ホームページの下にある「デザインを編集」リンクをクリックするだけです。

ホームページテンプレートのデザインを編集

これにより、SeedProdテーマビルダーでテンプレートファイルが起動します。

このシンプルなドラッグアンドドロップビルダーは、ページを右側にライブプレビューし、ブロックツールバーを左側に表示します。

ホームページをカスタマイズ

ブロックをクリックしてカスタマイズしたり、マウスでブロックを上下にドラッグしたり、ページに新しいブロックを追加したりできます。

WordPressでカスタムホームページを作成する方法については、完全なガイドを作成しました。SeedProdを使用してホームページをカスタマイズする方法については、単にメソッド2までスクロールしてください。

ブログページのカスタマイズ

SeedProdのテーマビルダーは、ブログインデックスページをカスタマイズするための多くの方法も提供します。

ページの下にある「デザインを編集」リンクをクリックして開始します。

ブログページのデザインを編集

右側に同じプレビューペイン、左側にツールバーが表示されます。ホームページで行ったのと同じ方法でブログページをカスタマイズできます。

たとえば、見出しをクリックすると、すべての設定が表示されます。テキストを編集したり、配置やフォントサイズを変更したりできます。

見出しを編集

終了したら、ツールバーに戻るには「ブロック」アイコンをクリックする必要があります。

SeedProdのテーマビルダーは、投稿リストを表示する投稿ブロックなどの追加のテンプレートパーツブロックを提供します。

投稿ブロックはすでにブログインデックステンプレートに追加されており、このテンプレートではブロックが投稿を2列で表示します。これを1列に変更できます。

投稿ブロックをクリックし、「列」設定を1に変更するだけです。

投稿ブロックに表示される列数を変更

レイアウトはすぐに1列に変更されます。

投稿ブロックの設定を下にスクロールすると、投稿のアイキャッチ画像とタイトルを表示するかどうかを選択できるトグルスイッチがあります。投稿タイトルのヘッダータグを選択することもできます。

異なる投稿メタデータを表示するためのオプションもあります。最終更新日、作成者、公開日時、コメント数を切り替えることができます。

SeedProd の投稿ブロック設定

ブログインデックスをカスタマイズするその他の方法をいくつか紹介します。

  • 投稿タイプ、カテゴリ、タグ、または作成者でインデックスをフィルタリングできます。
  • 投稿の並べ替え順序を変更できます。
  • 1ページに表示する投稿の数を選択できます。
  • 投稿の抜粋を切り替えて、その長さをカスタマイズできます。

ブログページのカスタマイズが完了したら、画面上部にある「保存」ボタンをクリックしてください。その後、「X」アイコンをクリックするとテンプレート一覧に戻ることができます。

SeedProdテーマの有効化

テーマテンプレートのカスタマイズが完了したら、新しいカスタムテーマを発行する必要があります。

「SeedProdテーマを有効化」設定を「はい」の位置に切り替えるだけです。

SeedProd テーマを有効にする

WordPressのホームページとブログページの表示設定を変更する必要があるという通知がすぐに表示されます。「OK」ボタンをクリックすると、これらの設定が変更されます。

これで、ウェブサイトにアクセスして新しいホームページとブログページを表示できます。これは、デモサイトでのブログインデックスページの表示方法です。

SeedProd のブログ投稿ページをプレビュー

ボーナス:WordPressで最新の投稿を表示する

個別のブログページを作成した後でも、ホームページに最近の投稿の一部を表示して、ユーザーがサイトをさらに探索するように促すことができます。

これを行うには、WordPressブロックエディターでホームページを開きます。そこに移動したら、画面左上隅にある「ブロックを追加」ボタンをクリックしてブロックメニューを開きます。

ここから、「最新の投稿」ブロックをページに追加するだけです。それが完了したら、最近の投稿のリストをカスタマイズして、投稿の抜粋、著者名、日付をお好みに合わせて表示できます。

最近の投稿に投稿コンテンツを表示する

最後に、上部にある「発行」ボタンをクリックして設定を保存します。これで、最近の投稿の一部がホームページに引き続き表示され、ユーザーがウェブサイトでより多くの時間を過ごせるようになります。

詳細については、WordPressで最近の投稿を表示する方法に関するチュートリアルをご覧ください。

このチュートリアルで、WordPressでブログ投稿用の別ページを作成する方法を学べたことを願っています。また、WordPressでブログ投稿のカスタム投稿ステータスを追加する方法を学んだり、WordPressの関連記事プラグインベスト5のリストを確認したりすることもできます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

529 CommentsLeave a Reply

  1. ウェブサイトのページと同じにならないように、すべての「投稿」を「example.com/blog/my-blog-post」として表示するにはどうすればよいですか?

  2. サイトの異なるページにブログ記事を投稿する方法はありますか?ブログを3つのセクションに分割し、異なるページに異なるブログ記事を投稿したいのですが。

  3. 「テンプレート」オプションに移動すると、ドロップダウンリストに「フロントページテンプレート」というオプションがありません。どうすればよいですか?

  4. あなたの説明通りにブログを作成しましたが、フロントページに移動してしまいます…..
    メニューのブログをクリックしても、同じページ(フロントページ)が表示されるということです。
    チュートリアルで言及されている通りの方法で実行しました…..
    助けてください。

  5. カスタムテンプレートを投稿ページに使用したい場合を除いて、機能します。

    ブログページを作成する際にテンプレートを選択でき、投稿用に「表示設定」でこのページを選択した場合でも、WPは常にindex.phpを使用し、カスタムテンプレートを使用しないようです。

  6. これ、ありがとうございます!WordPressサイトに個別のブログタブを作成しようとしていたのですが、あなたの手順は非常に分かりやすく(簡単に追えるように!)書かれていました。助かりました!

  7. これは完璧で、まさに私が求めていたものでした。以前のサイトでは、投稿をページとして表示するために複雑なテクニックを使用していました。しかし、あなたの方法を使えば、すべてのブログ投稿が表示されるページができます!とても簡単です!役立つヒントを続けてください。WordPressで問題が発生したら、またここに戻ってきます。

  8. これ、ありがとうございます。デフォルトの2014テーマを使用している私のサイトで完璧に動作しました。

  9. ウェブサイトにブログを追加しようとしましたが、正しく表示されません。ホームページをフロントページに、ブログページを投稿ページに設定すると、ブログページのコンテンツがホームページと同じコンテンツになってしまいます。これを修正するにはどうすればよいですか?

    • 他のコメントから明らかなように機能しているのに、「機能しない」と言うのはやめましょう。ユーザーエラーのように聞こえます。

  10. それを実行したところ、ホームページが失われてしまいました :((( 表示されるのは「404 — こんなところで会うなんて!
    慌てないで、一緒に乗り越えましょう。ここで選択肢を探ってみましょう。」です。

    Responsiveテーマを使用しています…助けてください!

  11. こんにちは… Customiz’rテーマを使用していますが、ホームページを実際の「ページ」として指定できません。ホームページは現在の状態(codecompliedcheck.comをご覧ください)のままで、メニューには「Custom」と表示され、「Page」とは表示されません。そのため、実際のホームページを「固定ページ」として指定する設定に行くと、選択できるドロップダウンメニューに表示されません。つまり、「CCC Blog」という作成したページを「投稿ページ」として指定できないということです。これを解決するのを手伝ってもらえますか?よろしくお願いします。

    • Kyra様、WordPressのテーマ(数千もありますので)についてはサポートを提供しておりません。しかし、外観 » テーマ » カスタマイズにあるテーマカスタマイズ画面を確認されましたか?おそらくそこにフロントページに関するオプションがあるはずです。

      管理者

  12. SEOについてはどうですか?このページはインデックスされるべきですか?ページに投稿の抜粋が表示される場合、重複コンテンツと見なされますか?ありがとうございます

  13. こんにちは、チュートリアルありがとうございます。WordPressサイトから2つの異なるページに異なる投稿を表示することは可能ですか?よろしくお願いします。

  14. One more thing, i’ve asked for the help to support team and they told me to use Visual Composer to create that static home page and blog page, i don’t know how to use Visual Composer to create a static home page… If you are familiar with it then can you make a tutorial for that? It will be great if you make a tutorial for Visual Composer to create a static home page and blog pgae :)

    • Zeeshanさんは新しいページを作成する必要があります。管理メニューで「ページ」をクリックし、「新規追加」をクリックしてください。編集インターフェースが表示され、大きなテキストボックスが現れます。この大きなテキストボックスの上部には「ビジュアル」と「テキスト」の2つのボタンがあります。テキストエディタは、スタイリングボタンのないプレーンテキストエディタです。ビジュアルエディタにはスタイリングボタンがあり、初心者向けです。

      管理者

  15. Hi
    I’ve tried twice but it didn’t work for me coz there is no Front Page template exists in the theme, i am using Premium EffectiveNews theme from themesforest and i just wonder why it isn’t so modern lol… jokes apart anyways there are 6 templates exist in page attributes section 1-Default template 2-Authors 3-Contact us 4-Full width 5-Reviews 6-Sitemap… I’ve tried 2 times by selecting default template, disabled comments and trackbacks plus i changed Reading Settings also as static page, front page as “home” and posts page as “Blog” it didn’t work for me :( so would you please tell me any alternative or should i send you some screenshots to help me out further?

  16. こんにちは-
    ブログ記事を表示するための別のページがありますが、ブログ記事全体が表示されます(一度に10件表示しています)。ブログ記事全体ではなく、55語程度だけを表示するにはどうすればよいですか?

    ありがとうございます!
    トッド

  17. Wow. Wonderful info. I still have a question. How can I create multiple blog pages? Is that possible? I would love to separate my blog posts by topic so I want to create multiple blog pages. Can you please help? Thank you. :)

    • Christine ブログをトピックごとに複数のページに分割するには、すでにカテゴリがあります。その後、外観 » メニュー画面からナビゲーションメニューにそれらのカテゴリを含めることができます。必要に応じて、ナビゲーションメニューのブログページの下にカテゴリをサブメニューとして配置することもできます。

      管理者

  18. こんにちは。
    スライダーで問題が発生しています。現在、フロントの静的ページのスライダーがブログページにも表示されてしまい、ブログページにはスライダーを表示したくありません。ブログページからスライダーを削除し、投稿用のブログページを維持するにはどうすればよいでしょうか?

    ありがとうございます!

  19. スカイラークをテーマとして使用していますが、これらの手順で投稿を配置できる「カスタム」または別のページを作成できますか?

  20. ブログページに投稿の上に固定の紹介文を表示するにはどうすればよいですか?

    ブログとフロントページを作成することについてのあなたの提案、ありがとうございます。とても参考になりました!

  21. ヘルプを検索するたびに、あなたの記事にたどり着くようです。とても参考になります!この問題にも魔法をかけていただけないかと思っています…。
    サイトの本文にページタイトルが表示されないように、タブのみに残すために特別に作成した子テーマがあります。これは今週までうまくいっていましたが、個々のブログタイトルが消えてしまいました。
    使用したコードは次のとおりです。
    .home h1.entry-title {
    display: block;
    }
    何か提案はありますか?
    ありがとうございます。

  22. 素晴らしい記事です。現在、一部の投稿がページに掲載されているWPサイトを手伝っています。そのページへの投稿をやめ、別のページに投稿したいのですが、以前の投稿を失いたくありません。どうすればよいですか?ありがとうございます。

    • 別のページを作成できます。たとえば、投稿が「ブログ投稿」という名前のページにあり、投稿を「ニュース」という名前の新しいページに移動したいとします。その場合は、WordPressで「ニュース」ページを作成するだけで済みます。「設定」→「表示設定」に移動し、そのページをブログページとして選択します。カスタムクエリを使用して特定の投稿のみをそのページに読み込むカスタムページを作成することもできます。

      管理者

  23. 本当にありがとうございます!ページを作成する方法はわかりましたし、ブログを作成する方法もわかりましたが、ページにブログを作成する方法はわかりませんでした。あなたのステップバイステップの説明は完璧に機能しました。自信構築のもう一歩です。重ねて感謝します。

  24. 記事をありがとうございます。すでにページを作成しましたが、特定の投稿を特定のページに追加したいと考えています。例えば、音楽と詩のページがあり、音楽のページには音楽関連の投稿を、詩のページには詩の投稿を追加したいのです。この方法を教えてください。

      • 説明してください。カテゴリはありますが、これにどのように使用できるかわかりません。公開ボタンをクリックする前に、どのメニュー項目に投稿を公開するかを選択したいのです。具体的な手順を例として示していただけますか、または説明のある記事を教えていただけますか?

        • サイドバーにカテゴリを追加するには、[外観] » [ウィジェット] 画面から行います。カテゴリウィジェットをクリックし、サイドバーにドラッグ&ドロップしてから、ウェブサイトをプレビューしてください。また、[外観] » [メニュー] 画面からウェブサイトのナビゲーションメニューにカテゴリを追加することもできます。

  25. CustomizrというWPテーマを使用していますが、ブログを立ち上げる方法がわかりません(テンプレートの問題だと思いますが、単に私がやり方を知らないだけかもしれません)。とにかく、上記のカテゴリの提案を試してみますが、テーマに含まれていない場合に投稿をページに表示できる子ページテンプレートを作成する方法はありますか?よろしくお願いします。

    • カテゴリのオプションは機能しますが、ページの見た目が気に入っていません。これもまた、使用しているテーマに依存すると思います。私のテーマでは、ページ冒頭に大きなアーカイブタイトルが表示されるだけで、あまり役に立ちません。何かフィードバックがあればお願いします。ありがとうございます。

  26. 以前は、ブログがカスタムウェブページ(例:/whats-new/blog)に表示されていましたが、WordPressのアップデート後に、whats-newページに表示されなくなり、代わりに独自の新しいページ(例:/blog)に表示されるようになりました。
    上記の手順を試しましたが、元に戻すことができません。何か見落としていることはありますか?

    • それにはいくつかの理由が考えられます。まず、パーマリンクを更新して問題が解決するかどうか確認してください。ホームページ設定付きのカスタムテーマを使用している場合は、それらの設定を確認してください。

      管理者

  27. 素晴らしいですね。ブログ記事用のページを備えたテーマを1つ以上提案していただけますか?私がやりたいのは、各ページに関連するブログのトピックをそのページにリスト表示できるようにすることです。例えば、車、ボート、バイクのページを作成したいです。mysite.com/cars、mysite.com/boatsなどのURLで、それぞれのページに対応するブログ記事をリスト表示したいのです。これを実現できるレスポンシブテーマを提案してください。よろしくお願いします!

    • カテゴリを使用することで簡単に実現できます。例えば、「cars」と「boats」のカテゴリに投稿を公開し、その後、外観 » メニュー画面からWordPressのナビゲーションメニューにそれらのカテゴリを追加できます。

      管理者

  28. この記事、ありがとうございます。とても簡単にできると分かりました。私のブログで試してみます。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。