初期設定では、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.
Maria
HELP PLEASE: I have created a BLOG PAGE using PAGES. I have added it to the navigational menu and set it as blog on the page attributes.
I have written a post but this does not appear on the blog page. Any suggestions on what I am doing wrong. I have the latest Wordpress update using a MacBook pro.
Thanks
Stephanie
I have successfully created a Home page and Blog page showing the latest posts i.e. 10, is there any way to show more or at least get to the Archive of posts; even by increasing the number this does not seem to change. Thanks.
andrea
Hi i followed this makes lots of sense. Prob is under my MENU creation page and this page you direct us too. I do not see the BLOG page or Home page i created!! Its so frustrating and my web designer wont help me. Any reason why wordpress wont show all the pages or posts i make?
pls help
geetha
Hi
I have a wordpress page.the menu are Home, Blog, About me and Contact.
I am trying to add another page like the “Blog” – obviously under another title, where i can have different topics/ headings. I am currently using a free wordpress.
Bascially i want more blog posts so i can classify my writing under one wordpress site.
Please help.
Kind regards,
Geetha.
Lauren
Very helpful, exactly what I was looking for!
MFH
Thanks, is there any way to add additional design features to the blog page? I’m using a divi child theme and set up a blog page but all design elements are wiped out when I designate the page as the blog page, only the basic primary header and posts show.
Nick tann
I see how this adds a blog page but do I add multiple blog posts to the same page? Is that how it works? Is there a way I can emulate a blog type site on one of my pages like a running diary?
WPBeginner Support
Hi Nick,
No, you would create your blog posts just like you would normally do and they will automatically appear on this page. Yes, it will allow you to keep your blog posts on a separate page like a running diary.
管理者
Bob
This was very helpful. Thank you. bob
kalpana
Thanks for the content…was very useful to me
mahbub
Thank u so much
Melissa
Thank you!
Antony Ramirez Ferrigno
That was very well explained for a total beginner like me!
Cheers
Asumpta
This was incredibly helpful to me especially as a beginner. Thank you
Chris
I followed your video and adjusted my permalink to /blog/%postname%/ and everything works fine when I click on each posts, but I have 10 pages of posts and when I click on the next page on the very bottom of my blog to view my next set of posts I get 404 error page not found.
It returns my permalink as my domain.com/blog/page/2/ which is a 404 error how do I fix this?
How do I fix this so I can see the next pages of posts?
Bo
If you have published posts before adding your blog page, you will need to do a 301 redirect on all the older posts to redirect them to the new ‘blog’ path.
Adnan sami
Thank You Very Much For this kind of help.. it works fine with my blogs and online businesses
WPBeginner Support
You are welcome
管理者
Emma Pacecca
Hi!
I understand how to make the separate page for blog posts, but I am wondering if I can make multiple pages for blog posts in different categories – so I can add travel related blogs to the travel page, lifestyle to the lifestyle page, etc. ?
Any help would be much appreciated!
Thank you!
WPBeginner Support
Please take a look at how to add topics in WordPress navigation menu
管理者
geetha
Hi
Do let me know if you have sorted this out please. Need the same help.
JANITA
You’ve just saved me HOURS. Thank you!
UT
Hi,
I have created a blog page on my website but it does not seem to be updating with the posts I’m putting on there. In addition I need the blog link to go to a separate webpage and not be part of the main website page. Is that possible?
Thanks
UT
Hi,
I created the blog page but when I’ve put in posts it’s not showing in the blog page. Additionally while I have the blog page link on my main front page menu, when I click on the page, I want it to go separately and not be part of the main page theme. Is that possible?
My website is
Thx
Lauri Rottmayer
Thank you so much! So easy but it was totally eluding me.
Valerie
@wpbeginner You have saved the day! I have had an issue with this for months and thought I was smart enough to figure it out but was struggling! This helped fix the issue and although it was still easy, I would have never known how to navigate without this article. Thank you!
WPBeginner Support
Hey Valerie, glad you found it useful
You may also want to subscribe to our YouTube Channel for WordPress video tutorials.
管理者
Kasey
Hello I have created a “Home” page as well as a “Blog Posts” page but I want my posts to show up on y home page as well as my blog posts page. How would I go about doing that?
Mar
Hello
I really can’t seem to find where to go. I can add a new page but then it looks completely different then on your screen? are there other ways to do it?
Karen
Tthank you so much for this video!!! I knew it was a simple thing but couldn’t for the life of me find the right setting. Your a lifesaver!!
WPBeginner Support
You are welcome
Don’t forget to subscribe to our YouTube Channel for WordPress video tutorials.
管理者
Princess Valera
Hi,
I want to ask something, My WordPress doesn’t have Reading Settings it only have Writing Settings. What can i do? Any help? I hope you’ll answer this.
Thanks!
Alissa
I had this problem too, you have to access the Settings through the Word Press Admin (WP Admin) and there is a Reading option there.
Corey
How do I find the WP Admin? I’m having the same problem.
WPBeginner Support
Hey Corey,
Please see our guide on how to find your WordPress login URL.
Eric A. Flores
Great! This was precisely what I needed to know. Much appreciated to such an extent!
WPBeginner Support
You are welcome, make sure you follow us on Twitter to get more WordPress tips and tricks.
管理者
Brandon
Hi, so, I’ve already made a home page, as well as many other pages. But my question is, I want to post on more than ONE page.. Example, I blog about school AND life and I want themto post on separate pages that I’ve made. How can I do this? Thank you!
WPBeginner Support
WordPress comes with a built-in feature called Categories. It allows you to create posts and file them into different categories. Your homepage may show all your posts. But you will also have category archive pages, where users will be able to see all posts filed under that particular topic. Please see our guide on how to add topics to navigation menus in WordPress
管理者
Anjali Kulkarni
how to what
WPBeginner Support
Hey Anjali,
Edited the comment, thanks for pointing this out
Shashank Naithani
Hello Syed,
I have already done this thing and would like to know after changing my bog post page to news the URL is oming like this http://localhost/wp-yfu/news/
however when I click on the post the URL change to http://localhost/wp-yfu/hello-world/
How can I change the url to http://localhost/wp-yfu/news/hello-world/
WPBeginner Support
You can go to Settings » Permalinks and click on custom structure to add /news/ as a prefix to your blog posts. Like this:
/news/%postname%/
管理者
Toby Akuj
Thanks for this excellent tutorial. The static home page requires a URL distinct from the site URL. How do I make the static home page (www.example.com/home/) actually be the home page (www.example.com)? Does it have to be through a URL redirect, or is there a cleaner way?
WPBeginner Support
Go to Settings > Reading page and then select the page you want to set as your homepage by clicking on the dropdown next to ‘Front Page’ option. Don’t forget to save your changes.
管理者
Chinedu Godwin
How do i create a whole new page,where i get to post stuff and engage people to comments on it,it would be different from my normal Blog homepage… I intend on calling the page “community”…
Rei
@wpbeginner, is it possible to command one page to have one category of blog posts?
Ex. I want my page “day in the life of Rei” to have its own blog posts
WPBeginner Support
All categories in WordPress have their own pages. You can file all posts under “day in the life of Rei” category and then add that category into your navigation menu. See our guide on how to add topics in WordPress navigation menu
管理者
Ron Levis
I’m trying to add a Blog page to my existing site with several pages. I already have a “Home” page. Do I need to create a 2nd “Home” page, i.e. ‘Bog Home’ or something like that? When I tried to publish the new Page for the Blog the link simply took page viewers to my main web site’s home page. Thank you!
WPBeginner Support
By default, WordPress has posts (entries in a blog) and pages. See our guide on difference between posts vs pages.
You can create different static pages. For example, you can create a static page to be used as your home page. You can also create a separate page for blog posts. This blog post page does not have any content of its own. It is simply used to display posts published on your blog.
管理者
Samantha
Hi! thanks for the tutorial, can you also make on Blogger?
Daisy
Hi!
This was really helpful! Thanks!
Just have a quick question…
On my home page I want to show say eg. 6 of my latest posts and then have a parent page with all my posts showing up on it as well, is this possible??
Thanks,
Daisy
Alaa
Hi there
I just created a wordpress blog, and everything is going fine so far except my post that appears on home page don’t link to other pages. for example when i post a blog about beauty i want it to link to the beauty page as well home page but this is not working with me. please help! how do i link each post to related page as well as showing in front page?
thank you
Alaa
WPBeginner Support
You need to file your post into categories or tags Then you can add those topics into your navigation bar. See our guide on how to add topics in WordPress navigation menu.
管理者
Sara
Hi,
I wanted to know if it’s possible to create more than 5 static pages on blog site? I haven’t been able to do so. Is that the maximum number of pages you can put up?
WPBeginner Support
No you can create as many pages as you want.
管理者
Amin
Hi there, I want to show less words in post pages. all the content show in post page and i want to show less.
Please help me !
Christian
This video and explanation is so clear and helpful. But it still doesn’t work with me
I don’t have a template for blog, but I follow every other step carefully.
The result is, when I am on my static frontpage and press the blog button in the upper right menu, the new window that opens up, is all blank, except it says test in the top left corner.
Has anyone tried this, and know how to fix it?
Thanks in advance.
Page is a template - You Need to Make a Post
What appears to be with this is the Page creation is only a template and will not display any text or content you happen to write in the page WYSIWYG editor.
If you post a test “post”, and publish it, that post will appear as a regular excerpt post item on that page.
Publish 2-3 test posts and you will see the posts listed on the blog page. Without any posts at all, you will get a near blank page with something like “not found” and with a search box below it.
Did that help?
Momo
This is not working. I still dont have home page to be my blog and to be seen in the page menu
Raju Ferdiansyah
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
WPBeginner Support
You may want to take a look at our guide about using SEO friendly url structure in WordPress.
管理者
Katy Pollard
Searched everywhere for this and you finally answered it for me! Thanks!
Nick
Perfect! This was exactly what I wanted to know. Thanks so much!
WPBeginner Support
Glad you found it helpful.
管理者
Maarten
Same thing here! Exactly my problem! Very helpful indeed.
Roderick Stirling
Nice! Thanks.
Raymond
Hi! I would like to know how to make an “overview” of all the blogs you have posted? Please help me out
Pradeep Sahoo
the blog page is going to the main page means home page.
why i don’t know, any suggestion??
Vikram Chouhan
its work really nice, thanks
Muhammad Ali Pasha
The video was really helpful, i am stuck in one more problem ahead of it, its that all the posts do appear in blog page of mine but their permalink is not showing the page name BLOG in it, it’s like
website.com/postname and not
website.com/blog/postname… can you please help me in this regard ?
WPBeginner Support
you can edit permalinks by visiting Settings » Permalinks page. There you can check the custom structure checkbox and use /blog/%postname%/ as your permalink structure. Please note that it will change all your WordPress URLs, this could be bad for SEO.
管理者
tirza
Oh my Gosh thank you!!!!!! Eventually I’ll be able to post the volg about me being able to finally make A PAGE, YES, YES, YES
Patch Welling
I’m a novice to WP and your tutorial is the most helpful I have found so far in rebuilding my website. Thank you.
WPBeginner Support
Glad you found it helpful.
管理者
jayps
Hi, Im new with word press. I did this exactly and was finished customizing my home page. When I was to customize my Post page, I cannot see the “Template” and its corresponding drop down in the “Page attributes.”
Is this because of the theme? Is there any way that I can create a template for my Post page so I can customize the page where my blogs will be posted?
Thanks
Dana
@wpbeginner – Awesome tutorial, very helpful. Now I would like to seek your wise council regarding an issue: I made a seperate news/blog page and it’s all working fine. On my full-width homepage I display a bit of all my pages (services, about us, contact etc). But HOW do I feed the posts from the news section back tot the homepage (I have 4 blocks with only the title and h1 of the news article)?
Thanks!