初期設定では、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.
Ismet Fitri
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!
WPBeginner Support
For the moment we use our theme which is custom designed but for easy ways to customize your theme you can take a look at page builders like the ones we list in our article below!
https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/
管理者
Steven Baldwin
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
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.
管理者
John
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
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.
管理者
Tracey
Struggled to combine static pages and a blog. Couldn’t find a clear how to – until now. Finally fixed it. Thanks!
WPBeginner Support
Glad our guide could help
管理者
Gwyneth Llewelyn
Much, much easier than I thought. Thank you so much!
WPBeginner Support
Glad our guide was helpful
管理者
Mirta
Nice guide and thanks for help!
Now I managed my blog as I wanted to!
WPBeginner Support
Glad our guide was helpful
管理者
Bernice
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
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.
管理者
Ron Gladden
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!
WPBeginner Support
Glad our guide could help
管理者
Chris
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!
WPBeginner Support
Glad our guide was helpful
管理者
Sandi
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
You would set that up in your permalinks which we cover in our guide below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-custom-permalinks-in-wordpress/
管理者
Odysseas
Hi, I want my subdomain which is a blog to be added to the bottom menu.
WPBeginner Support
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.
管理者
Sheetal Pawar
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
Your theme’s styling should style the title of the post and some themes add separators for you.
管理者
Rachelle Partee
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.
WPBeginner Support
You could either use category pages like we do to separate our posts:
https://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/
Another option would be to create a custom post type for your photography:
https://www.wpbeginner.com/wp-tutorials/how-to-create-custom-post-types-in-wordpress/
管理者
Chip
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.
WPBeginner Support
You could create categories and add those categories to your menu which would add posts from those specific categories to those pages. Another more complex option would be to create a custom post type for your podcasts:
https://www.wpbeginner.com/wp-tutorials/how-to-create-custom-post-types-in-wordpress/
管理者
Tracey M Edwards
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
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.
管理者
Liton Biswas
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
You would want to ensure your posts are published and you’ve cleared any caching on your site for the most common reasons
管理者
Review Dunk
I am posting my new blog in my WordPress site but it doesn’t show in the blog site
WPBeginner Support
If the posts are published then you may want to try clearing your cache as well as the other recommendations in our guide below:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-website-not-updating-right-away/
管理者
Taylor Mills
Is there a way to have the blog posts listed on the home page AND the blog page??
WPBeginner Support
You could use one of the methods in our article below for what you’re wanting:
https://www.wpbeginner.com/wp-tutorials/how-to-display-recent-posts-in-wordpress
管理者
daniel
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
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.
管理者
Ken
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
You may want to try clearing all of your caching on your site for the most common reason for that type of issue.
管理者
Nozie
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
You would want to check with your theme’s support to see if your theme has a full-width template.
管理者