Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでブログ投稿用の区切りページを作成する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressでブログ投稿用の区切りページを作りたいですか?

初期設定では、WordPressはトップページにブログ投稿を表示します。しかし、もしあなたがビジネスサイトを作っていたり、単にホームページをカスタマイズしたいのであれば、ブログセクション用に区切られたページが必要かもしれません。

この投稿では、WordPressでブログ投稿用の区切りページを作成する2つの方法を紹介する。

How to Create a Separate Page for Blog Posts in WordPress

なぜブログ投稿を別ページに表示するのか?

トップページはWordPressサイトのフロントページであり、訪問者が最初に目にするページです。初期設定では、WordPressはトップページに最新の投稿を表示し、ブログを運営している場合、それは理にかなっています。

しかし、中小企業のサイトには必ずしも理想的ではありません。あなたのビジネス、製品、サービスについてユーザーに伝え、連絡方法を知らせ、販売転換を高める、より魅力的なホームページをお望みでしょう。

さて、もしあなたのサイトでブログも運営したいのであれば、訪問者が投稿を読めるような別のページを用意する必要がある。

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

このチュートリアルでは、2つの方法について説明しましたので、以下のリンクからお好きな方法にジャンプしてください。つ目の方法が最もシンプルで、最もカスタマイザーに適していることを覚えておいてください:

動画チュートリアル

Subscribe to WPBeginner

もし、文章での説明がお望みなら、このまま読み進めてほしい。

方法1:WordPressでブログ投稿用の区切りページを作る

WordPressの初期設定を使用して、ブログ投稿用の区切りページを作成することができます。

ただし、この方法は方法2よりも少し手間がかかり、カスタマイザーのオプションもそれほど多くない。

ホームページとブログページを区切る

まず、WordPressでトップページとブログページの2つの区切りのページを作成する必要があります。

これらのページにはコンテンツを追加する必要はなく、好きな名前を付けることができる。例えば、ブログページに「News」を使っているビジネスサイトもあります。

Create a New Home Page and Blog Page

これらのページを作成したら、WordPress管理エリアの設定 ” 読書ページにアクセスしてください。

ここで、「Your homepage displays(あなたのホームページの表示)」と書かれたセクションで、「A static page(静的ページ)」のボタンをクリックする必要がある。

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

Select Your Home Page and Blog Page

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

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

The Home Page Is Now Labeled ‘Front Page’ and the Blog Page Is Labeled ‘Posts Page’

これらのページの外観はWordPressテーマによって異なりますので、これらの設定を行うことをお勧めします。

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

Preview Your New Blog Page

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

これまでのところ、あなたの新しいホームページは空白です。今度は、あなたのビジネス、製品、サービスに関する情報を追加し、訪問者に連絡方法を知らせる番です。

その方法は、WordPressでカスタマイザーホームページを作成する方法をご覧ください。方法1では、ブロックエディターを使ってカバー画像、カラム、テーブル、テキストとメディア、ギャラリーなどを追加する方法を紹介します。

また、WordPressのホームページを簡単かつ効果的に編集する方法についてのガイドには、クリエイティブなカスタマイザーのアイデアがたくさん掲載されています。

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

ブログページの見栄えに満足していただけたら、あなたの仕事は終わりです。

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

フルサイトエディターの左カラムから’ページ’オプションを設定します。

Choose the Pages option from the left column

左のカラムにあなたのサイトのすべてのページのリストが表示されます。

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

Select Blog page option from the left column

画面左上のブロック追加「+」ボタンをクリックし、ページに好きなブロックを追加できる。

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

すると右側にブロックパネルが開き、そこから「Typography」タブをクリックしてテキストの色を変更したり、「Colors」タブをクリックして背景色を変更したり、「Layout」タブをクリックしてブログページの寸法を設定したりすることができる。

Edit your blog page

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

これで、WordPressのブログページにアクセスして、どのように見えるかを確認できる。

Blog page preview

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

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

テーマビルダー・プラグインを使えば、コードなしで簡単にカスタマイザーWordPressテーマを作成することができる。これには、ブログ投稿用の区切りページを作成してカスタマイズする機能も含まれる。

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

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

SeedProdは、ビジネス、ブロガー、サイトオーナーのための最高のドラッグアンドドロップWordPressページビルダーです。また、簡単にあなたのブログページとはるかにカスタマイズすることができ、テーマデザイナーを持っています。

詳しくはSeedProdのレビューをご覧ください。

有効化した後、SeedProd ” 設定ページにアクセスし、ライセンスキーを入力してください。この情報は、SeedProdサイトのアカウントで確認できます。

Enter your SeedProd license key

その後、カスタマイザーのWordPressテーマを作成します。これは想像以上に簡単だ。

カスタムWordPressテーマの作成

まず、SeedProd ” テーマビルダーのページをご覧ください。ここでは、SeedProdの既製テーマの1つを出発点として使用します。これにより、既存のWordPressテーマが新しいカスタムデザインに置き換えられます。

テーマ』ボタンをクリックすれば、それができる。

Create your custom theme

さまざまなタイプのサイト用にデザインされた、プロがデザインしたテーマのリストが表示されます。

例えば、「Modern Business」、「Marketing Agency」、「Mortgage Broker Theme」というテーマがある。

オプションをご覧いただき、チェックマークアイコンをクリックして、お客様のニーズに最も一致するものを選択してください。

Select a Theme That Matches Your Needs

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

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

Templates Are Created For You

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

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

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

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

ホームページの下にある「Edit Design(デザインを編集する)」リンクをクリックするだけで、簡単に始めることができます。

Edit the Design of the Home Page Template

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

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

Customize Your Home Page

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

WordPressでカスタマイザーホームページを作成する方法について完全なガイドを書きました。方法2にスクロールダウンするだけで、SeedProdを使用してホームページをカスタマイズする方法を学ぶことができます。

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

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

ページの下にある「Edit Design(デザインを編集する)」をクリックしてください。

Edit the Design of Your Blog Page

右側にプレビュー・ペイン、左側にツールバーが表示されます。ブログページもホームページと同じようにカスタマイズできます。

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

Edit the Headline

終了したら、「ブロック」アイコンをクリックしてツールバーに戻る。

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

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

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

Change the Number of Columns Displayed in the Posts Block

レイアウトはすぐに個別カラムに変更されます。

投稿ブロックの設定をスクロールしていくと、投稿のおすすめ画像とタイトルを表示するかどうかを選択できるトグルスイッチがあります。また、投稿タイトルに使用するヘッダタグも選択できます。

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

SeedProd's Post Block Settings

ブログのインデックスをカスタマイズする方法は他にもいくつかあります:

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

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

SeedProdテーマの有効化

テーマテンプレートのカスタマイズが終わったら、新しいカスタムテーマを公開する必要があります。

SeedProdテーマを有効化」設定を「YES」に切り替えるだけです。

Enable the SeedProd Theme

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

これで、あなたのサイトにアクセスして、新しいホームページとブログページを表示することができます。デモサイトでは、このようにブログのインデックスページが表示されます。

Preview the SeedProd Blog Post Page

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

ブログページを区切った後も、トップページに最近の投稿を表示することで、ユーザーにサイトをもっと見てもらうことができます。

WordPressのブロックエディターでホームページを開きます。画面左上の「ブロックを追加」ボタンをクリックし、ブロックメニューを開きます。

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

Show post content in recent posts

最後に、一番上の「公開する」ボタンをクリックして、設定を保存します。これで、最近の投稿の一部がトップページに表示され、ユーザーがサイトに滞在する時間が長くなります。

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

このチュートリアルで、WordPress でブログ投稿用の区切りページを作成する方法を学んでいただければ幸いです。また、最高の WordPress ホスティングサービスの選択方法を学ぶか、中小企業に最適なライブチャットソフトウェアのリストをご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

528件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ismet Fitri says

    I would love if wpbeginner would share how you design your archive page. It looks so cool! Seeking for some help from your awesome team!

  3. Steven Baldwin says

    Followed your instructions for creating static homepage and blog posts. However, when I made the changes in the settings>reading I forgot to click on homepage. Hence, no static homepage, can I correct this so I have a separate page from my blogs.
    Thank you

    • WPBeginner Support says

      If we understand the question correctly, you should be able to go back into your settings and set your static home page so your blog posts are on a separate page.

      管理者

  4. John says

    Hi, what if i have multiple archive post pages? but wordpress only has 1 post page to assign. Which one do i assign? or shall i leave it blank?

    • WPBeginner Support says

      Your posts archive page would list every post on your site. If you wanted to separate by category, you can add links to the category in your menu and WordPress will generate an archive page for that category.

      管理者

  5. Tracey says

    Struggled to combine static pages and a blog. Couldn’t find a clear how to – until now. Finally fixed it. Thanks!

  6. Bernice says

    My WordPress site is not displaying my blog posts on the blog page… Even after I set the blog page to post page… Please help..

    • WPBeginner Support says

      The most common reasons would be you would either need to clear your caching or check with your specific theme’s support to see if there is a theme-specific setting hiding the posts.

      管理者

  7. Ron Gladden says

    Much appreciated, I wasn’t asking google the right question but finally, I found your blog and solved my problem in 1 minute that I was working on for 2 hours. Thanks!

  8. Chris says

    THANK YOU! Somehow my blog page stopped populating posts and I found that all I had to do was update my Reading settings to make my blog page my posts page. Thanks!

  9. Sandi says

    Thanks it’s very helpful. But can you make the post slug following the blog?

    for example.my blog post will be example.com/blog

    can we make the new post and show the slug like this “example.com/blog/new-post” instead of “example.com/new-post” ?

    • WPBeginner Support says

      To do that you would want to create a custom menu and add that as a menu widget for what it sounds like you’re wanting to do.

      管理者

  10. Sheetal Pawar says

    if i am Posting 10 blogs per page then how can i distinguish between 2 post i mean how can i add the border so that the user will understand where the 2nd post starts

    • WPBeginner Support says

      Your theme’s styling should style the title of the post and some themes add separators for you.

      管理者

  11. Rachelle Partee says

    Hello!! How do you have different posts on different pages? For example I would like to have the blog page and a photography page with different posts.

  12. Chip says

    I am building a site in which I would like blog posts to go to one page, and podcasts go to another page.

    Is that possible?

    Thanks.

  13. Tracey M Edwards says

    I have my Blog set as a Blog page. I’m having difficulty with the padding around the graphic for my Blog. When I move the slider on Blog Title Style, nothing changes around the graphic.

    Thank you!
    Tracey

    • WPBeginner Support says

      For the styling of your site, we would first recommend reaching out to the support for your specific theme to see if they have a built-in option for what you’re wanting or if it is a hiccup with the theme itself.

      管理者

  14. Liton Biswas says

    I followed all the steps. I created two pages. One is for home and another is for blog.

    After that I went to setting > reading and set those pages properly. My home page is showing properly but the post page isn’t show my posts.

    • WPBeginner Support says

      You would want to ensure your posts are published and you’ve cleared any caching on your site for the most common reasons

      管理者

  15. daniel says

    the problem is that when I configure the homepage settings to static homepage some of my built in theme features are not displaying such as my homepage slider which only shows if I configure settings to latest posts.

    • WPBeginner Support says

      You would want to reach out to your theme’s support and they would be able to help with allowing that feature on other pages.

      管理者

  16. Ken says

    I followed “Put The Blog Page Link to Your Website’s Navigation Menu” . All steps are right . Why i click the “blog” menu ,it comes out blank . But when i preview it on admin panel , it is ok .

    • WPBeginner Support says

      You may want to try clearing all of your caching on your site for the most common reason for that type of issue.

      管理者

  17. Nozie says

    Thank you so much you helped me in ways I can’t describe after being stuck ffor days. My problem now is that I can’t see an option to view my new Blog page as full width, which is what I’d like to do. It still shows the post plus widgets on the side.

    • WPBeginner Support says

      You would want to check with your theme’s support to see if your theme has a full-width template.

      管理者

  18. Leng Castillo says

    Hello!

    I added pages on my website (like FOOD, BEACHES, TRAVEL ABROAD) but I can not transfer my blog posts from HOME (the default setting) to each individual page and make it like HOME too. Please help me with this. Thanks so much.

  19. Polly says

    Hi, I want to customize my blog post index page. I’ve got a different home page so i did the static page thing which worked, but the feature image on the blog index page is enormous and I’d like to reduce it. I don’t know how to reduce it. If I add the beaver builder, will this interfere with the fact I am using the Astra theme?

  20. Mohamad Yusli Jamani says

    Hi There,
    I need your favour & I got something to ask about.

    I have a list of Top Menu, with HOME, ABOUT, BLOG (with sub-menus Articles, Listing) and CONTACT menu.

    I want to allow my Author to write in to the sub-menus Articles, Listing page, instead of writing into HOME, how can I set it?

    Thank you in advanced.

  21. Chris says

    Hello, I use my Blog posts as my main page currently and don’t have a home page.

    Under Pages I have ‘Home’ (inactive), ‘About’ and ‘Contact’.

    Is there a way i can create a ‘Blog’ page that will simply link to main page (which is my blog posts). i don’t wish to have a home page

    • WPBeginner Support says

      For what you’re wanting, you would want to modify the title of your link in your menu instead of creating a brand new page :)

      管理者

  22. Yv says

    Hi,

    I created the blog page as you suggested so that I can create a static page. I like it! However, I don’t know if it’s because of a plugin that I’ve since deleted, or not, but my single blog posts aren’t showing my logo and menu. They show on the static page and on any menu page when I click on it, but they’re missing on the actual single blog posts. My blog’s title is the first thing you see at the top of the page. I need help figuring this out. Do you have any idea why?

    • WPBeginner Support says

      We would recommend first checking the support for your specific theme as there are many different theme designs and yours may not add that for single posts.

      管理者

  23. Susan says

    If I have a blog that currently uses the default option of posts going to the front page, and I have three+ years of blog posts, can I still create and publish two pages (HOME and BLOG), select them in the dashboard correctly and have this work as described? Or is it too late if you’ve already gone down the default path?

    • WPBeginner Support says

      Yes, you can change to having a static home page and a blog page at any point in and it would still work

      管理者

  24. Zachary says

    Is it necessary to select a static page as a blog page in the Reading settings? Will it affect my SEO in any way if I were to leave that blank?

    • WPBeginner Support says

      If you leave it blank then you would not have a page that lists your posts which would affect your SEO if your content is heavily based on posts.

      管理者

  25. Stacy says

    If I’ve already been posting my blog posts to my home page and want to create a blog page how do I transfer the blog posts over? Will simply creating a new page called “blog” do that automatically?

    • WPBeginner Support says

      No, you would need to set the posts page in your settings for it to list your posts like a blog. If you want the recent posts on a second page, you would want to check with the support for your currently active theme for if that is available.

      管理者

  26. don hawley says

    I Know i am missing something simple. I have a website and have followed the instruction on how to set up a blog page. However the blog page says “Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!” great except that I can’t seem to delete it. What am I doing wrong?

    • WPBeginner Support says

      You’re not doing something wrong, that is the default WordPress post, you should be able to log into your wp-admin area and in the Posts area is where you would delete the post :)

      管理者

  27. Parvathi Reddy says

    In my wordpress page to assign a custom template to page there is no template option in page attributes

    • WPBeginner Support says

      You would want to check your options in the editor that the template area is not hidden. If you are in the block editor you would find the option under the three verticle dots in your editor.

      管理者

  28. Arnolfo says

    Thanks for the tutorial. I’ve set up a blog page for recent blogs but I cannot show the entire blog for the most recent blog. Seems I can only show excerpts and lists of recent blogs which link to their pages. How can I show the entire most recent blog post PLUS the links to previous blogs?

    • WPBeginner Support says

      That would be determined by your theme. If you reach out to your theme’s support they should be able to let you know what customizations are available

      管理者

  29. Jessica Dennis says

    Help – I followed the instructions in the video but now my new blog page displays my home page! Why would this be happening? I also have Elementor on my site
    help!!!!!

    • WPBeginner Support says

      Did you set both to be the same page? Your theme may also have a setting for displaying your posts on your home page so you may want to check with your theme’s support or try swapping themes to see if that resolves the error.

      管理者

  30. valentine kalu says

    i have Homepage, musics page, Videos page, and so on. how can i post videos post on videos page and post musics on musics page and all the post in music and videos pages will still appear in homepage and also in video and music page.

  31. Christina says

    Hi, i have been spending hours to learn how to add a blog to my exisitng wordpress site but nothing seems to work. A brief of my wordpress site. Our homepage consists of multiple post serving as ‘NEWS’ so not allowing any comments. We now want to add a blog to one of our menu items, anyone can help? Thanks

  32. Jim Redmond says

    Hello WP Beginner,
    I built a site a couple of years ago with no intention of ever adding a blog. Now I’d like to add one. Originally I built the home page “latest post” not a “static” page. Retrospectively I can clearly see the error of my ways. Is there an easy method to change things now?
    I keep coming back to the conclusion I need to build the blog on a subdomain.
    Any help is appreciated.

    Thank you, Jim R

  33. Brian H says

    I want to ad a blog page displaying 5-10 of our latest posts per page but I don’t want to lose my current home page displaying our latest posts. I’d like to be able to maintain my current categoried formal posts/articles while adding a section of running blog posts. Can I have my cake and eat it too or am o asking too much?

  34. ukasha says

    hope you doing well!
    is it possible to create separates page for all separate blogs? i create a website like trip adviser know i want that my all blogs related to hotels show on hotel page and blogs related to trip packages show on package pages
    and suggest me a good theme for free because this is my starting

  35. Katherine Cannon says

    I watched the tutorial and did what it said. Nothing appears when I click the Blog item on my menu. Where can I go for help?

    • WPBeginner Support says

      You would want to ensure the blog item in your menu is linking to the page you set as your posts page, you have posts published, and you cleared your cache for the most common reasons for nothing appearing.

      管理者

  36. Kennix says

    Hi there, I am new to WP with the free plan.
    I cannot find the “Dahsboard>Appearance> Menu> ” and my screen environment is totally different from yours. Is it only available for those paid users?
    Thanks, Kennix

返信を残す

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