RICH BLOG デモサイトのトップページの作り方

STORK19のリッチブログ(RICH BLOG)デモサイトのように、新着投稿やカテゴリーごとの記事一覧がレイアウトされたトップページの作成方法をご紹介します。

STORK19 RICH BLOG01
RICH BLOG01
STORK19 RICH BLOG02
RICH BLOG02

固定フロントページを設定する

先ずはトップページの表示スタイルを変更するための設定を行います。

  1. ホームページの表示を変更する
  2. 新規固定ページを作成する

1.ホームページの表示を変更する

管理画面の【外観 > カスタマイズ > ホームページ設定】で「固定ページ」を選択します。

2.新規固定ページを作成する

+新規固定ページを追加」から、トップページ用の固定ページを作成します。

公開済みの固定ページを選択して設定することもできます。

固定ページフロントページを編集する

次にトップページとして設定した固定ページを編集していきます。

  1. テンプレートを変更する
  2. ブロックパターンを追加する

1.テンプレートを変更する

固定ページ編集画面のテンプレートから「フルワイド」を設定します。

2.ブロックパターンを追加する

ブロック挿入の「パターン」から「STORK:フルワイドページ」を参照して「カテゴリーリスト シンプル」または「カテゴリーリスト カード」を選択します。

RICH BLOG01のような記事一覧にする場合はカテゴリーリスト カードを選択、RICH BLOG02のような記事一覧にする場合はカテゴリーリスト シンプルを選択します。

ヘッダーアイキャッチや記事スライダーの設定については、下記をご参照ください。