初期設定では、WordPressはトップページにブログ投稿を表示します。しかし、もしあなたがビジネスサイトを作っていたり、単にホームページをカスタマイズしたいのであれば、ブログセクション用に区切られたページが必要かもしれません。
この設定は、ホームページをすっきりと集中させるだけでなく、読者がブログ・コンテンツを探索するための専用スペースを提供する。
ユーザーエクスペリエンスを向上させ、私たちの提供するサービスに明確な焦点を維持するために、WPForms、OptinMonster、All In One SEOを含む私たちのパートナー企業の多くのサイトに区切りのブログページを追加しました。これにより、訪問者は簡単にブログコンテンツにアクセスすることができ、同時にプラグインのプロモーションを優先することができます。
この投稿では、WordPressでブログ投稿用の区切りページを作成する2つの方法を紹介する。
なぜブログ投稿を別ページに表示するのか？
トップページはWordPressサイトのフロントページであり、訪問者が最初に目にするページです。初期設定では、WordPressはトップページに最新の投稿を表示し、ブログを運営している場合、それは理にかなっています。
しかし、中小企業のサイトには必ずしも理想的ではありません。あなたのビジネス、製品、サービスについてユーザーに伝え、連絡方法を知らせ、販売転換を高める、より魅力的なホームページをお望みでしょう。
さて、もしあなたのサイトでブログも運営したいのであれば、訪問者が投稿を読めるような別のページを用意する必要がある。
とはいえ、WordPressでブログ投稿用の区切りページを簡単に作成する方法をご紹介します。
このチュートリアルでは、2つの方法について説明しましたので、以下のリンクからお好きな方法にジャンプしてください。つ目の方法が最もシンプルで、最もカスタマイザーに適していることを覚えておいてください：
動画チュートリアル
もし、文章での説明がお望みなら、このまま読み進めてほしい。
方法1：WordPressでブログ投稿用の区切りページを作る
WordPressの初期設定を使って、ブログ投稿用の区切りページを作成することができます。
ただし、この方法は方法2よりも少し手間がかかり、カスタマイザーのオプションもそれほど多くない。
ホームページとブログページを区切る
まず、WordPressでトップページとブログページの2つの区切りのページを作成します。
これらのページにはコンテンツを追加する必要はなく、好きな名前を付けることができる。例えば、ブログページに「News」を使っているビジネスサイトもあります。
これらのページを作成したら、WordPress管理エリアの設定 ” 読書ページにアクセスしてください。
ここで、「Your homepage displays（あなたのホームページの表示）」と書かれたセクションで、「A static page（静的ページ）」のボタンをクリックする必要がある。
その後、先ほど作成したホームとブログのページを選択します。その後、下にスクロールして「変更を保存」ボタンをクリックしてください。
これで、WordPressダッシュボードからページ ” すべてのページ画面に移動すると、トップページが「フロントページ」、ブログページが「投稿ページ」と表示されていることがわかります。
ブログページの下にある「表示」リンクをクリックしてプレビューしてください。
これらのページの外観はWordPressテーマによって異なりますので、これらの設定を行うことをお勧めします。
例えば、あなたのテーマにナビゲーション・メニューがあれば、WordPressが自動的に新しいBlogとHomeページを追加していることに気づくでしょう。そうでない場合は、WordPressでナビゲーションメニューを追加する方法についての初心者ガイドを参照してください。
ホームページのカスタマイズ
これまでのところ、あなたの新しいホームページは空白です。今度は、あなたのビジネス、製品、サービスに関する情報を追加し、訪問者に連絡方法を知らせる番です。
その方法は、WordPressでカスタマイザーホームページを作成する方法をご覧ください。方法1では、ブロックエディターを使ってカバー画像、カラム、テーブル、テキストとメディア、ギャラリーなどを追加する方法を紹介します。
また、WordPressのホームページを簡単かつ効果的に編集する方法についてのガイドには、クリエイティブなカスタマイザーのアイデアがたくさん掲載されています。
ブログページのカスタマイズ
ブログページの見栄えに満足していただけたら、あなたの仕事は終わりです。
ただし、現在ブロックベースのテーマを使用している場合は、WordPressダッシュボードから外観 ” エディター画面にアクセスして、ブログページをカスタマイズすることもできます。
フルサイトエディターの左カラムから’ページ’オプションを設定します。
左のカラムにあなたのサイトのすべてのページのリストが表示されます。
ここから「ブログ」ページオプションを設定し、右側のページプレビューをクリックしてブログページのカスタマイザーを開始します。
画面左上のブロック追加「＋」ボタンをクリックし、ページに好きなブロックを追加できる。
さらに、画面右上の「スタイル」アイコンをクリックすると、ブログページの背景、テキスト、リンクの色を変更することができます。
すると右側にブロックパネルが開き、そこから「Typography」タブをクリックしてテキストの色を変更したり、「Colors」タブをクリックして背景色を変更したり、「Layout」タブをクリックしてブログページの寸法を設定したりすることができる。
設定が完了したら、上部にある「保存」ボタンをクリックし、設定を保存することをお忘れなく。
これで、WordPressのブログページにアクセスして、どのように見えるかを確認できる。
ただし、クラシックテーマを使用している場合は、ブログ投稿ページのカスタマイズに方法2を使用する必要があります。
方法2：ドラッグ＆ドロップビルダーでブログ投稿用のカスタマイズページを作成する（推奨）
テーマビルダー・プラグインを使えば、コードなしで簡単にカスタマイザーWordPressテーマを作成することができる。これには、ブログ投稿用の区切りページを作成してカスタマイズする機能も含まれる。
SeedProdテーマビルダーのインストール
まず、SeedProdプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
SeedProdは、ビジネス、ブロガー、サイトオーナーのための最高のドラッグアンドドロップWordPressページビルダーです。また、簡単にあなたのブログページとはるかにカスタマイズすることができ、テーマデザイナーを持っています。
詳しくはSeedProdのレビューをご覧ください。
有効化した後、SeedProd ” 設定ページにアクセスし、ライセンスキーを入力してください。この情報は、SeedProdサイトのアカウントで確認できます。
その後、カスタマイザーのWordPressテーマを作成します。これは想像以上に簡単だ。
カスタムWordPressテーマの作成
まず、SeedProd ” テーマビルダーのページをご覧ください。ここでは、SeedProdの既製テーマの1つを出発点として使用します。これにより、既存のWordPressテーマが新しいカスタムデザインに置き換えられます。
テーマ』ボタンをクリックすれば、それができる。
さまざまなタイプのサイト用にデザインされた、プロがデザインしたテーマのリストが表示されます。
例えば、「Modern Business」、「Marketing Agency」、「Mortgage Broker Theme」というテーマがある。
オプションをご覧いただき、チェックマークアイコンをクリックして、お客様のニーズに最も一致するものを選択してください。
テーマを選択すると、SeedProdはブログのインデックス用とホームページ用のテンプレートを含むすべてのテーマテンプレートを生成します。
これらのページは単なる空ページではなく、魅力的なレイアウトとカスタマイズしやすいプレースホルダー・コンテンツがセットアップされている。
このチュートリアルでは、ホームページとブログのインデックステンプレートをカスタマイズする方法を紹介します。
また、他のテンプレートをカスタマイズすることもできます。その方法については、WordPressのカスタムテーマを簡単に作成する方法についての初心者向けガイドをご覧ください。
ホームページのカスタマイズ
テーマテンプレートを生成したら、SeedProdテーマビルダーを使って編集することができます。ホームページテンプレートから始めます。
ホームページの下にある「Edit Design（デザインを編集する）」リンクをクリックするだけで、簡単に始めることができます。
これでSeedProdテーマビルダーでテンプレートファイルが起動します。
このシンプルなドラッグ＆ドロップビルダーは、右側にページのライブプレビュー、左側にブロックツールバーを表示します。
ブロックをクリックしたり、マウスでブロックを上下にドラッグしたり、新しいブロックをページに追加したりすることで、どのブロックもカスタマイズできる。
WordPressでカスタマイザーホームページを作成する方法について完全なガイドを書きました。方法2にスクロールダウンするだけで、SeedProdを使用してホームページをカスタマイズする方法を学ぶことができます。
ブログページのカスタマイズ
SeedProdテーマビルダーはまた、ブログのインデックスページをカスタマイズするための多くの方法を提供します。
ページの下にある「Edit Design（デザインを編集する）」をクリックしてください。
右側にプレビュー・ペイン、左側にツールバーが表示されます。ブログページもホームページと同じようにカスタマイズできます。
例えば、見出しをクリックすると、その設定がすべて表示されます。テキストを編集したり、配置やフォントサイズを変更したりすることができます。
終了したら、「ブロック」アイコンをクリックしてツールバーに戻る。
SeedProdテーマビルダーは、ブログ投稿のリストを表示する投稿ブロックなど、追加のテンプレートパーツブロックを提供します。
投稿ブロックはすでにブログインデックステンプレートに追加されており、このテンプレートでは投稿は2カラムで表示されます。これを個別カラムに変更することができます。
投稿日：ブロックをクリックし、「カラム」設定を1に変更するだけです。
レイアウトはすぐに個別カラムに変更されます。
投稿ブロックの設定をスクロールしていくと、投稿のおすすめ画像とタイトルを表示するかどうかを選択できるトグルスイッチがあります。また、投稿タイトルに使用するヘッダタグも選択できます。
異なる投稿メタデータを表示するオプションもあります。更新日、投稿者、公開した日時、コメント数を切り替えることができます。
ブログのインデックスをカスタマイズする方法は他にもいくつかあります：
- 投稿タイプ、カテゴリー、タグ、投稿者でインデックスをフィルターできます。
- 投稿の並び順は変更可能。
- ページに表示される投稿数を選択できます。
- 投稿の抜粋を切り替えたり、その長さをカスタマイズすることができます。
ブログページのカスタマイザーが完了したら、画面上部の「保存」ボタンをクリックしてください。その後、’X’アイコンをクリックしてテンプレートのリストに戻ることができます。
SeedProdテーマの有効化
テーマテンプレートのカスタマイズが終わったら、新しいカスタムテーマを公開する必要があります。
SeedProdテーマを有効化」設定を「YES」に切り替えるだけです。
すぐにWordPressのホームページとブログページの設定を変更する必要があるという通知が表示されます。OK」ボタンをクリックすると、これらの設定が変更されます。
これで、あなたのサイトにアクセスして、新しいホームページとブログページを表示することができます。デモサイトでは、このようにブログのインデックスページが表示されます。
ボーナス：WordPressで最近の投稿を表示する
ブログページを区切った後も、トップページに最近の投稿を表示することで、ユーザーにサイトをもっと見てもらうことができます。
WordPressのブロックエディターでホームページを開きます。画面左上の「ブロックを追加」ボタンをクリックし、ブロックメニューを開きます。
ここから、「最新の投稿」ブロックをページに追加するだけです。そうすれば、最近の投稿のリストをカスタマイズして、投稿抜粋、投稿者名、日付を表示させることができます。
最後に、一番上の「公開する」ボタンをクリックして、設定を保存します。これで、最近の投稿の一部がトップページに表示され、ユーザーがサイトに滞在する時間が長くなります。
詳しくは、WordPressで最近の投稿を表示する方法のチュートリアルをご覧ください。
このチュートリアルで、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.
Samson
I created a blog using the static homepage setting. But I have an issue. All the details of my blogs are opened in my blog section. My goal is to make it write a little tent about each blog section and skip to the next blog topic so that when clicked on, it would open fully the selected blog
Njofie Wilso
Great video. Really helpful.
I love WPbeginner.
WPbeginner has been a great resource to me.
Chantelle
Thank you so much! Have been struggling like forever to figure this out!!
Patrick
I’m trying to add posts to my blog post page, I went to the reading setting on the dashboard to enable the page I want as my blog page. Then I made a post and posted it to that blog page. It showed up on the right page, however it appears underneath the top header of the page, so the header is overlapping the post. Help!
Sarah
Thank you this was so easy! I’ve been trying to figure this out for ages now and I stumbled across your video.
Wanda
Hello:
Thank you so much. This was very helpful. I’m wondering if there is an easy way to create a header for the Blog page as my picture gets lost when you create a static home page. From what I gather, it can only be coded in HTML so I’m hoping there is more current good news on this.
WPBeginner Support
Hi Wanda,
You can try this, edit the blog page and set the image you want to use in the header as featured image. Most themes use the featured image as header in their page templates.
管理者
Tina Venema
what can i do so my home page feature image does not override the feature image I have chosen for my blog post page called ‘stories’. I have made my homepage static. thanks.
WPBeginner Support
Hi Tina,
It depends on your theme. Normally, if you set a featured image for your homepage then it should only appear on the homepage. However, some users confuse the featured image with the site-wide header image. Please contact your theme’s author for support, they would be able to help you out.
Alison
My posts are showing up as a thumbnail image. I just want it to look like a regular blog. What am I doing wrong?
Paige
This was perfect. Informative and easy to follow. Thanks so much!
Randy
Hi…I have followed the instructions but STILL don’t see my posts on my blog…also, my text in my welcome and about pages is at the bottom of the page…any ideas how to fix both of these…thx so much for your help…
Ellen Thornthwaite
Why doesn’t my WordPress look like this in the video? I have no ‘Reading’ under ‘Settings’. I have created a page called News and I have written a separate blog post but I cannot understand how to link the two.
Binay
Exactly! I am facing a similar problem.
Wood Hughes
Is it possible to have multiple posts pages in WordPress?
My concept is one page for gardening posts, one for real estate advice, and one for commerical land training information.
WPBeginner Support
Hello,
Please see our guide on how to add topics in WordPress navigation.
管理者
Mathukutty P. V.
Just found this tweet and tried. Never knew about creating a page for blog posts. Thanks a lot.
Mary
The information of easy to follow and helped me do what I’ve been trying to accomplish for awhile. Thx
Max Shea
Complicate the simple. Make the simple complicated. That’s Wordpress.
tricia norris
Your explanation makes sense, but where does the existing home page go? I am creating a new home page, but does that mean I need to build a new home page?
Micki Allen
Thank YOU!
Anirban Karmakar
Is there any SEO benefits to Create a Separate Page for Blog Posts in WordPress? Or any SEO losses when I change my default Blog Post location to a custom page?
Sally
Hello! This is great…but! Can you help me add a SECOND blog page to my website?
WPBeginner Support
Hi Sally,
If you want to add numbers below blog page, then please see our guide on how to add numeric pagination in WordPress.
管理者
Danielle
How to add a blog page to page builder for mobile menu in wordpress? It seems like The blog page isn’t visible there.
Joan
this article was great. I think I need to start over! cause when I click on blog, the blog I wrote is over all the pictures from the front page and from the one I attached to a particular blog. This is way too hard.
Olivia
Hey, could you please help me? I really want to be able to sort my posts into different pages on my blog to keep things organized. Is this possible? If not, is there any alternative that could help me to post images with captions sort of like “posts” instead of just making the page look like that permanently? I want to be able to view a sort of gallery of images, and when I click on them get the full-screen version with captions. I found a perfect theme to let me do this, but I can’t get these to go anywhere but the front page! I really want to copy these posts onto my different pages.
Kim
THANK YOU. This was driving me nuts and your explanation couldn’t have been easier for this non techie website builder
Mort Wakeland
The info and video seem a bit dated for my WordPress does not have some of the options discussed. The video is pretty good except in places she skips steps. We are beginners, not experts, and we need all the “bread crumbs” we can get.
I followed the directions as best as I could, knowing this latest version of Word Press does not have a lot of the steps mentioned, e.g., there are no “discussions” to uncheck.
When I access my website, there was a static page with only Home listed. Where is Blog?
Reading additional sites, it appears the theme one installs has something to do with what shows and does show on the home screen – correct? To me this is a convoluted mess with no straightforward instructions. Most frustrating. If the theme is important, as some websites suggest, then why is it not one of the first things mention?
For me – I’ve already generated a blog and it works. I need to also generate a webpage for the communications class I’m in. So, with a blog already present, how does one add a static home page, wherein one can access the blog that has already been made in WordPress. Seems straightforward – but it’s not for I cannot find a fix to this question. Any advice, suggestions on sites to read, would be appreciated. This is like making a “mountain out of a molehill.”
Best evening wishes,
Dave
I followed written directions using WordPress 4.9.1 and found the discussions checkbox; try ignoring the video.
To have the Blog page be selectable as the Posts page, you have to create the Blog page first.
Themes may mangle a lot of WordPress instructions, there’s no way an instructional blog can know that, and it might be discouraging to state that at the beginning; this kind of thing is generally normal in many things you can customize.
You can add a static home page in Setttings > Reading as stated in the instructions.
Ern Miller
I created a page called “Blog” and linked to it, but I cannot figure out how to add blog posts to it, except to edit the “Blog” page as a static document. I cannot figure out how to link to blog entries.
IShita
My admin side bar doesn’t show me the reading tab everyone is referring to. I am using Wordpress.com and want to post different blog posts to different pages. Just blog posts. Nothing else. Help Please. I have zero background in CSS or anything as such.
Thanks.
WPBeginner Support
Hi IShita,
This article is about self hosted WordPress.org websites. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
管理者
Sam Jane Price
Thanks so much for this info. Quick & easy fix
Danielle
I set up my site similar to the video except that I have my posts as News, and they are pushed to the News page. However, once a user navigates away from the homepage to the News page, the menu breaks and they cannot get back home, unless by clicking the back button. I know this has something to do with my file hierarchy (as I installed wordpress to my server manually) but I can’t identify where to fix this. Anyone have an idea what I’m doing wrong? Much appreciated!
Vidya Venugopal
Problem solved, Thanks!
Anjali Kulkarni
Still it not clear to me I have my own site at and it has some pages too but I want more pages for different section just like this site has “start here” deal and so on if create pages then how to add that blog to specific page, please explain in details….
gabriel
This solved my problems, thanks
Soren Pejstrup
Thanks for all you great content. I’m shifting fra Joomla to Wordpress, and I’m enjoying it – and you’re helping me on the way. Thanks so much.
I’ve build out a couple og blog pages on different sites new.
In Joomla I was used to sort pages with post by popularity so that the most visited (not the newest) where on top.
Do you know how this can be done in Wordpress?
Thx Soren
Sara
This was just what I was looking for. I usually use Wordpress templates that already have the blog page specified, but now I won’t need to do that. Thanks to your instructions, I can easily do it myself!
Laura
I have all of this set up, but now my header image will not show up on my posts page. It shows up on the backend (I use visual composer). But when I preview my blog page, it takes me to the homepage and when I actually go to my live blog page, the posts are there but not the header image.
Does it have something to do with my theme?
Thank you!
Odinn Burkni
I have the exact same problem. There’s no header image on the blog page even though I have it set up on the page in wp-admin.
Jenn
Thank you! This video was great, exactly what I was looking for!
Musa Hussen
I have static page for home page and blog page for all of default post..Now I want to display some post on my home page. How could I do it. Thanks
WPBeginner Support
Hi Musa,
There are multiple ways to do that. You can use the Display Posts Shortcode plugin. You can also use the Recent Posts Extended Widget plugin.
管理者
peter
hi WP beginners, how can i post multiple posts in a page. i have like sports, tech… but i can only post in the home page. please reply, thanks.
Sian
I don’t most of those settings as my WordPress looks nothing like that. Why is that, what can I do?
WPBeginner Support
Hi Sian,
You are probably using WordPress.com. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
管理者
leanne ferguson
I have created separate pages for different subject areas and now want to add multiple posts to each subject area that will have different themes I.e. one of my pages is called museum trips and exhibition’s and on that page I want to add separate blogs or posts about different museums I have visited which will include photographs. how do I do this please?
Rich
Did you ever get an answer?? i am trying to do the same thing…google picks up your comment and brings me to this post.
Steven Denger
Hello Leanne – I have just recently started to use “posts” instead of pages, except for 1 or 2 exceptions. You go into the Posts > Categories and create a parent category: Museum Trips. Then you can create another category and title it “Museums Visitied” (or somenthing of that nature) and make it a parent (by not checking any parent categories).Then when you make a post about Museum trips, check that category box “Museum Trips” in your post editor on the right near the page attributes. As well, when you make “Museums Visited” posts, you can check that box to indicate which category it goes under, which would be Museums Visited. Now go to your “Menus” and create menu items under the “category” panel just under the normal place of menus. You just check the boxes and then click”Add Menu Items” and then they will be linked just as any other menu link on your nav bar. When the menu links are clicked, you will see just the posts features under that particular category. It is a great way to “segment” your contents and organize them.
As you create posts about one subject or the other, just make sure you check which category it goes in and it will show up there in it’s separate feature page, just like you want.
You may have already figured this out, but I just now saw your post so I thought I would answer. Good Luck.
kelsey
HELP!!!!!!!! THIS BROKE MY HOME PAGE!!!!!!!! I’ve now lost my actual home page where is it??? How do I undo this????????
WPBeginner Support
Hey Kesley,
Start the tutorial again and undo the steps you took earlier.
管理者
akhlaq
hello, nice tips.
i would to ask you how to make my url is like this
mydomain.com/tutorial-web/post.html and not mydomain.com/category/tutorial-web/post.html
and if my visitor go to mydomain.com/tutorial-web/ the will find all post with ‘Tutorial Web’ category at that page
sorry for my bad english
Thanks for your tutorial, your website is amazing for beginner like me
Lauren
Hi
This is a very useful post – except when I go on settings there literally isn’t a reading settings section. Can you help me?? I might just be being stupid but I need assistance asap
Thank you
Tirso
Hi, thanks for your information, but I have a problem with the menu on my posts page in my wordpress.
Here is the thing… I created a new page for posts as you said and I set a menu I created for posts and pages (as secondary menu) and everything is fine with the menu until I switch that page to “Posts page” on “Settings > Reading”… When I do that, it changes the menu to my “primary menu” automatically and I don’t know what to do so that it takes the secondary menu…
Hope you can help me!
Donald
I’d actually already done what you said in this video, but isn’t working as I was expecting. It does put the blog to ./blog as expected, however you can still see the blog (and about and contact etc…) on the home page if you scroll down, and I was expecting to ONLY have the Home page visible. i.e. scroll down and only see the bottom of the home page. This is with the Twelve Seventeen theme (not sure if it’s related to that?). Is there a way to make ONLY the Home page display? (from the wording of the settings you’d think that’s what you’re doing, but that’s not what I see when done – see all the same stuff as before, but now the blog has a place of it’s own in addition)
Brittinni
How would you differentiate a home page verses an about page? I’ve read that both have a good bit of overlap.
Krishna Roy
hello WP beginners,
First of all I want to thanks for all wp tutorials. By watching your tutorials i have created a website + Blog . Its working fine. But i want to ask one thing. I have installed “bbpress” plugin for create forum in my website and when new users want to register in my blog then ” bbpress” not sending their passwords to their emails.
Can yo help me for that? how can i configure bbpress properly for new users registration.
WPBeginner Support
Hi Krishna,
Please see our guide on how to fix WordPress not sending email issue.
管理者
Joyce
OMG. Thank you so much. With all the you tube tutorials, there is nothing that I could find that actually detailed this specific required info. I am so glad I found this site. :o)
WPBeginner Support
Hey Joyce,
We are glad that you found this article helpful. You may also want to subscribe to our YouTube Channel for WordPress video tutorials.
管理者
Amanda
Hi,
Thank you, but what about if there is no Template option to choose in Page Attributes? I’m working with Twenty Seventeen and it is not an option.
Mark
Hi,
I have a static front page and a post page.
How do you put a title onto the Blog page?
It’s just it doesn’t flow with the look of the other pages! my site is so you can see what I mean.
Thanks
Mark
Jordan Stocker
This was a life saver – thank you!!
Nancy
Thank you for your help! I was very frustrated until you helped me.
Elakkiya
This page is very helpful to me!!!. Thank you…