記事一覧｜ページ 7 ｜ imDRESSions（インドレッションズ）

ずっと憧れていたサイト型トップページ。 入り口は記事ページであることがほとんどですが、そうは言ってもブログの顔はトップページ。 リニューアルで一番悩んだのが、このトップページの作り方でした。 一から作るわけでは無いとはいえ、オリジナリティーのあるトップページにするには面倒で時間がかかってしまう作業が必須。 ですが、リニューアルで使った「yStandard」とプラグインの「yStandard Blocks」を駆使すれば、PHPファイルを書き換えるような面倒なことをせずともトップページを簡単に作れる。 今回は「yStandard」を使った、サイト型トップページの設定方法を紹介していきます。 また、サイト型トップページを設定するだけであれば他のテーマでも同じ方法で変更できるので参考にしてみて下さい。 サイト型トップページを制作・設定する方法。 設定の流れは、 固定ページでトップページを作る。同様に記事一覧ページを作る。それぞれのページを割り当てる。 この3工程です。 1-フロントページを作る。 まずは、ブログの顔となるトップページを作っていきます。 固定ページから「新規追加」でページを追加し、タイトルを付けます。 このページはyStandardのオプション機能で、ページ属性のテンプレートを「投稿ヘッダーなし1カラム（ワイド）」投稿オプションで広告や目次など全てを「非表示」に設定します。 あとはこの固定ページにコンテンツを並べる作業。 ブロックエディターを使い、画像を配置したり、yStandardのショートコードを使いながら表示させたい記事を入れ込んでいきます。 「yStandard Blocks」という純正プラグインを使うと簡単に思い通りのページに仕上がります。 セクションブロックなどを使い背景画像や背景色の変更、「カスタム見出し」でデザインを行いました。 2-記事一覧ページを作る。 今までトップページだった「記事一覧」ページが無くなってしまうと困るので、新たに作っていきます。 トップページ同様、固定ページの「新規追加」から。 これはタイトルを決めるだけ。今回は『記事一覧』としました。 ここで決めるタイトルは、パンくずリストに表示されます。 中身は空っぽのままでOKです。 この時にパーマリンクも設定しておきましょう。分かりやすいよう「allpost」とかでいいと思います。 記事一覧のページはこれで完成。 3-それぞれのページを割り当てる。 この2つの固定ページを作ったらあとはそれぞれを割り当てていきます。 WordPressダッシュボードから「設定」→「表示設定」を開きます。 「ホームページの表示」の項目が「最新の投稿」になっていると思うので、「固定ページ」に変更。 「ホームページ」に先ほどトップページ用に作った固定ページの『HOME』を、 「投稿ページ」に『記事一覧』の固定ページを選択。 固定ページ一覧をみると『HOME』にフロントページが、『記事一覧』に投稿ページが割り当てられているはずです。 これでブログにアクセスすれば『HOME』の固定ページがトップページとして表示されるようになります。 yStandardには「カスタマイズ」項目に設定が用意されているのでそちらからでも大丈夫です。 他のテーマでも用意されている場合があるので「カスタマイズ」から探してみてください。 ブログの顔。トップページを設定する。 僕は一度、WordPressテーマを自作したことがあるのですが、この作業はとてつもなく面倒で時間がかかる。 トップページだけを作る場合も、PHPファイルを書き換えてCSSも書き足していかなくてはいけないので、なかなか腰が上がりませんでした。 今回使った無料テーマ「yStandard」そして、プラグイン「yStandard Blocks」のおかげで、簡単に自分らしいトップページを作ることができました。 他のテーマを使っている人も同様の設定方法で、サイト型トップページに変更できるので参考にしてもらえると嬉しいです。