初期設定では、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.
Krystian
I can’t figure that one out
I wanted to add some guest posts to my blog, but I want them to be in the separate category (available thru the menu).
For that I created new category, put it up in the menu and I selected the guest post to be visible only in that category (tick box), but when I publish it, it appears in both: my guestpost category (available from the menu) and on my main .com site, where I have all my other posts listed.
How can I turn it off from the main site?
Krystian
Sarah
Hi, just started my blog and am wondering How many posts Wordpress keeps on the same page before having a “see older posts” button at bottom to take you to the next page? My homepage is getting longer and longer by the minute lol. Thanks!
Rhys
Hi Sarah,
You can change the amount of posts you show per page in WordPress Admin > Settings > Readying. The default is 10 from what I understand, although you can change this to whatever you feel like. The more posts per page, the slower load times you may incur.
All the best,
Ruth
Very clearly explained and wonderfully helpful. I had my blog page up and populated within minutes of watching your video. Thank you!
Ronnie
I load the sample page created by wordpress on localhost, it show properly BuT WHEN I access it thru another computer on a different internet, it show not properly.
nishant saraswat
i create my website at wordpress and now i want to create my site user friendly and beautiful i know html and some of javascript,css and php but not completly.i want to create my site beautiful either from some codings or from without codings.so,please help me to create my website.that how i create functions for users to look my site comfort to them please tell me whole process.i create a website by hostgator and sent you my reciept details.please help me i have followed you.
WPBeginner Support
First you need to choose a theme. After that if you want to further customize then you can create a child theme. There are several tools that you can use like CSS Hero and a page builder to quickly create beautiful pages with out writing much code.
管理者
Maya
What if those options are not available under template when creating a new page?
WPBeginner Support
The template names may vary from one theme to another.
管理者
Sally E
Hello,
I’m using the customizr theme and I like how it looks with blog posts showing up on the home page for now.
I would also like to have a “blog” page that links to blog posts as well since later I’ll be writing items that won’t go under the blog tab.
Is there a way to have the blog posts show up on the home page as well as on a separate page?
Thanks in advance!
Rosalinde
I have the same problem, I would love to know how to use the default homepage of the theme and a blog page that links to blog posts.
chibueze
Please, why is it that when I post in my blog, it displays all the contents of my post on that page, including images and Writings
WPBeginner Support
By default WordPress shows full post on all pages. This can be changed by using excerpts. Please see our guide How to customize WordPress excerpts no coding required.
管理者
Michelle
Like many others, I’ve been trying everything to figure this out…thank you for making it so easy!!!
Kristy
After a long, frustrating day of trying to figure this out, I will sleep a little better tonight. It now seems so obvious but for some reason, I just couldn’t figure it out today. I googled and read several forum posts where everyone said this was impossible & you just had to create category to handle a blog. I really didn’t like the way this looked on my site but decided I would just have to deal with it until I figured something else out. Thanks so much for this video. You have made my day! Now I’m going to check out your other articles hoping they will be helpful with my hundreds of other questions.
Tuncay
Hi,
I have a news website, I want to create a Forum Page, but the forum page should be take the news from other pages and my visitors can disscuss under the news in forum page,
how cna it be possilbe?
could you please help me on this?
Thanks
WPBeginner Support
See our guide on how to add bbPress forum for WordPress posts comments. This approach allows you to add a forum thread for each article you publish.
管理者
Harshit
Hi ,
This is a very helpful video. It really helpful to me. thank you for the tutorial. And you have a very nice voice.
thank you,
Zach
Helpful, thanks.
But it looks like my theme only has one template (“Default Template).
When I go to Pages, and try to Quick Edit my page, I only see “Default Template” in the dropdown of “Templates.”
Am I able to add/import more templates into my current theme? I couldn’t find a WPBeginner tutorial on this…
Thanks,
Zach
WPBeginner Support
Seems like your theme does not have a separate template for blog posts. You can try using the default template and see if it does what you need. Alternately, you can create a custom template of your own. See our tutorial How to create a custom page in WordPress. Please note that it requires some basic knowledge of html and php.
管理者
Zeeshan Ali Kaimkhani
good project
Gary
Grerat video, Thanks But when I changed the posts to the blog page, my custom theme home page is also showing the blogs. How do I keep the current custom theme home page and just move the blogs to the new blog page?
Thank you in advance.
Gary
WPBeginner Support
Please contact your theme support.
管理者
Mohsin
Hi thanks for your tutorial.
but i have problem
i am creating custom theme and i have multiple option on page for example page layout and enable top slider on this page but when i select posts page : blog
custom options are not working.
Elizabeth
Wonderful! Been searching for a very simple and straight forward tutorial, glad I found this site!
Lara
Your tutorial was awesome, thank you so much! So simple and straightforward, you helped me get my blog up and running in a few minutes. You rock!
Debbie
My problem is that on the blog page, where just the excerpts are, it reads about the first 55 words of my blog posts, but then there is no “More” or anything for them to click to read the entire post. How do I create that? They can click the image of the post, and it takes them to the full post, but there is no information that says to do that. I’m stumped!
Stephanie
OMG this was SO helpful. As a novice blogger I was finding it so impossible to create a blog post page and include that page on my menu. I can’t tell you how many times I attempted to do this in the most complicated ways. Thank you for the EASY and FAST tutorial! I am so happy!
Diane Lee
Thank you for this tutorial. I’m new to Wordpress, and this was very helpful!
Ted Sherwood
Syed and team. First, thanks for a very helpful site. It’s now the first place I go to for Wordpress help.
I have a theme that allows my latest posts or a static page for the front page. I already have many blog posts. And I have an existing page that I could use, with a couple of additions probably, as my front page. So I interpreted the above article as implying that I don’t need to create any new pages. However, when I try and follow your Settings/Reading instructions, there is no option under Posts for the blog page, just all the other existing pages. Perhaps there’s something I’ve missed?
WPBeginner Support
The article does mention that you need to create a new page for your blog posts.
管理者
Jason G
Very helpful especially if you have not been using a blog and are only accustomed to static pages on your sites. Thanks!
Arfa
Hey syed
Though the article is really helpful and I am succeeded in adding pages to my blog but can you please tell me how to add a post in that particular page like i have added page titled as food for thought and i have to add a post in that, how can i do that ?
Please advice.
Patti
I’m having the same issue….
Harold Buchman
Excellent tutorial –
One thing to look out for:
My custom blog page did not work while I was signed in as the administrator on my WP control panel in another browser window. As soon as I signed out, the link worked exactly as describe.
Charli
I don’t have the reading settings option… do you know what i should do ?
Abel
Good enough i hadn’t yet published my website to the world This is so helpful.. I would have forget-en how to do this and ended up ridiculously frustrated.
Heather
Thanks for the help—but I have another question kind of related..
Every post i create in my wordpress is appearing in my BLOG section..even though I do not have the ‘blog’ category (or any for that matter checked before publishing.
Here’s my site – –can you help
elizabeth
What if I want to create 2 pages but those 2 pages should have my blog posts. for eg: one page should blogs about clothing and another page should have blogs about “jewellery”
Judi Sutherland
My understanding is that you can’t have two pages of blog – only one on any site. Unless anyone knows different.
Steve
You can have as many blog pages as you like if you create custom page templates with the Wordpress loop in each. This is more a nudge in the right direction than a complete answer. Hope it helps some
Riaz
Been searching hours for this, thank you Syed!
Christina Elizabeth
Thank you for this tutorial. It has been very useful. I now have a menu of separate categories for my blog. I will be back I am sure!
rovingjay
Worked like a charm … thanks for the really helpful video. I’ve been wanted to switch to a static home page but didn’t know how to also have a blog post page – one simple search and I found wpbeginner! Really appreciate it. thanks, Jay
aprav kumar
Thanks but After i did this Widgets missing from Blog Page
I am using Minamaze theme
and using plugin “eCommerce Product Catalog” by impleCode for product catalog ,since i dont want sidebar widgets to appear in all pages I used plugin “Widget logic” to make widgets appear just 2 pages which are “Blog” post page and “Products” Page .
And then all the posts are appearing in “Home” Page which is front page , so i changed “Static Front Page” Option from “Latest posts” to “Static Page” and FrontPage to Home and Posts Page to Blog , The moment i saved …. Widgets in “Blog” Page dissappeard but in “products” page it is showing up …..
Please Help me with this…. I am newbie in WordPress( just 2 days)
Jenny
this is happening to me, too, did you get an answer?
WPBeginner Staff
Many WordPress themes use a full width page template for pages with no sidebars. You can see if there are multiple templates available by editing the page in WordPress. When you will edit the page on your right hand you will see a meta box labeled templates with a dropdown menu. Try switching templates to see if you have one with the sidebar.
Jonella
I have a Blog page already. The blog posts appeared when I made a page edit and then they didn’t. I tried to revert back to the previously saved version but the posts aren’t there anymore. I can find the posts in the Posts section, they’re just not “connecting” to the Blog page anymore if that makes sense. I’m slightly panicking. Can someone help me out?
Ojabierto
Thanks a lot, you saved my night!
WPBeginner Staff
Jill this means your blog page is not working correctly, please follow the instructions carefully again.
Jill
This worked great for me but my blog page doesn’t have my blogs on – they are showing on the home page in a list in sidebar with “Archive”
Aniee
Nice , Could you explain a bit will the Seo work? in same way ? please elaborate. wile creating a seperate blog page , will seo of the website as a whole be effected, i mean with ‘/blog’ is better or just http://www.website.com , or both are same ? (in regards to seo)
Henrique
This was really useful and fast to read/implement, thanks!
WPBeginner Staff
Twenty Thirteen supports templates.
sumeet kumar
i can not understand the blog and cms in websites. please help…..
David
Looks like Twenty Thirteen, the theme I am using, doesn’t support this template feature which Twenty Twelve has. Right? What’s the solution in this case then? Any ideas?
Francois
How do I get the posts on my homepage I made a blog to display the posts as a list?
WPBeginner Staff
Did you try disabling comments on the home page by editing it?
Your blog page is just a placeholder. You are not supposed to edit it. The display of your blog entries on that page is handled by your theme.
Go to pages and edit the blog page. Under Page Attributes meta box, select default template and save your changes.
Hope this helps.
Claudius_II
Am attempting to create a blog on a blog page and have a fixed front page for my website. Have followed all your instructions as above and still comments [or blogs?] appear on the front page.
The blogs page has no fields for inserting comments or blog entries. I’ve disabled comments for this page so only blog comments should appear here.
Under Reading Settings have done exactly what you illustrate, a static front page and blogs to a blogs page. Have a menu item on my front page aslo which goes to blogs page. Blogs page exists but is unwritable.
What am I doing wrong?
Using the commercial “X” theme.
site is here:
Note some page links not working for all pages.
Thanks very much for any help.
firdaus
thanks. it works just nice
Anne
I’ve spent hundreds of dollars on books and courses to try to learn Wordpress. Your tutorials are the first thing that finally enabled me to do what I need to do with my website. Thank you!
SmartglassesHQ
This is so helpful.. I always forget how to do this and end up ridiculously frustrated. I’ll try to remember for next time.
Yousuf Atik
Is there a way to post blog entries in different pages of the site? I would like to divide my blog into 3 section and post different blog entries in the different pages
WPBeginner Staff
Yes, there are several ways to do this. You can create categories for each section and use the categories in your site’s navigation menu. Then you can use a static page as your site’s front page.