【SWELL】トップページをサイト型Home画面に変更する方法

このサイトではサイト型Home画面を採用しています。

通常ブログサイトのトップページは新着順に記事が並ぶブログ型Home画面ですが、これを自分の好きな順に並べて表示させるのがサイト型Home画面です。
ここではもっともキホンのつくり方を公開します。
他にもいろいろなつくり方が各方面で設定公開されていますのでググってみてください。

このサイトのHome画面の構成はこんなカンジ

作成手順は５段階

• 固定ページで新着記事ページ（もっと見るページ）を作成する。
• 固定ページで人気の記事ページ（もっと見るページ）を作成する。
• 固定ページでHomeページの土台を作成する。
• Homeページの各エリアを作成する。
• 作成したHomeページを設定する。

新着記事ページ（もっと見るページ）を作成する

このURL（〇〇.com/new-post/）を後ほどの作業で使います。

人気の記事ページ（もっと見るページ）を作成する

このURL（〇〇.com/popula/）を後ほどの作業で使います。

まずはHomeページの土台を作成する

ここまでがHomeの土台です。この土台に順番に各エリアを重ねて作成していくイメージです。

Homeページの各エリアを順に作成する

• 新着記事のエリア
• 人気の記事のエリア
• カテゴリー別記事のエリア
• 特定カテゴリーページへのリンク

新着記事のエリア

これでカード型の先頭４記事を省いた新着記事がテキスト型で表示されます。

人気の記事のエリア

フルワイドブロックの中に投稿リストブロックを作って入れ子にします。

これで読んでもらいたい記事（人気の記事）が３記事表示されます。

カテゴリー別記事のエリア

フルワイドブロックの中にリッチカラムブロック、またその中に投稿リストブロックを入れ子にして作成します。

もっと見る を押すとそのカテゴリーの他の記事が表示されます。

画像からカテゴリーページへのリンク

画像ではなく『ギャラリー』にして画像から各記事にリンクを貼るのもステキだと思います 

作成したHomeページを設定する

左サイドメニュー＞外観＞カスタマイズ＞ホームページ設定＞WordPress設定を以下のように設定

これでサイト型Home画面になります 
他にもいろいろアレンジできそうですよね。