loader image

ブログ成長日記

サイト型トップページとブログ型固定ページの設定方法

いつまでもブログ風サイトではお客様は来ないので、現在サイト型のトップページにリニューアル中です。

しかしサイト型トップページにするのは良いのですが、現在のブログ型トップページも必要ではないかと思いました。

サイト型トップページは固定ページで作成していきます。

ブログ型トップページの記事一覧は自動的に最新記事が更新されていきます。

このブログ型トップページがそのまま別のページで、表示されないのか調べてみました。

かなりカンタンな設定でサイト型トップページとブログ型固定ページに表示させることができました。

webst8.comより

↑こんな感じのイメージです。

今回は「HOME」を押したらトップページ、「ブログ」を押したら投稿一覧が表示されるように設定していきます。

固定ページを作成する

「HOME」用と「ブログ」用の固定ページをそれぞれ用意していきます。

トップページに表示させたい「HOME」記事を固定ページとして作成していきます。

「ブログ」の固定ページ本文には、何も記述しなくて大丈夫です。

それぞれ、公開しておきます。


事前に固定ページで「HOME」と「ブログ」を作成しておきます

webst8.comより

メニューバーに固定ページを配置する

※管理画面から「外観」>「メニュー」で設定します。


外観>メニューの設定

webst8.comより

トップページ用の固定ページをトップページに設定する

※管理画面から「外観」>「カスタマイズ」>「ホームページ設定」で設定します。

初期設定では、トップページの表示は「最新の投稿」の一覧が表示されるような設定になっています。


表示設定 トップページに最新の投稿一覧が表示される設定になっている

 「固定ページ」にチェックを入れ、「ホームページ」にトップページにしたい固定ページを選択します。


表示設定 トップページに固定ページを設定する

 これで、トップページを表示すると「HOME」の内容が表示されるようになります。

ブログ用の固定ページを一覧ページに設定する

もともとトップページに表示されていたブログ一覧ページは、固定ページの「ブログ」に設定していきます。

「投稿ページ」に事前に作成した固定ページ「ブログ」を設定するだけです。


表示設定 投稿ページに固定ページを設定する
 

設定が完了したら最後に変更を保存します。

こんな感じにトップページとブログ一覧になりました。

-ブログ成長日記