固定ページをフロントページに設定したとき本文のみ表示に変更

はじめに

本スキンでは、フロントページに固定ページを設定した場合、タイトルやアイキャッチ画像などを除き、本文のみを表示します。

なお、目次を非表示にする場合は、Gutenbergエディターのページ設定にある「目次を表示しない」をオンにしてください。

フロントページを固定ページに設定する手順は、以下のとおりです。

図1に設定→表示設定を示します。以下の手順で設定を行います。

「ホームページの表示」で「固定ページ」を選択した場合、以下の注意事項があります。

「ホームページ」を必ず設定してください。
未設定の場合、Cocoon設定→インデックス→フロントページタイプが「一覧（デフォルト）」に戻ります。
図1の「投稿ページ」には、投稿一覧を表示する固定ページを指定します。
例えば、タイトルを「ブログ」、スラッグを「blog」として固定ページを作成します。
この固定ページのパーマリンク（例：blog）が、投稿記事一覧として機能します。

図2にGutenbergエディターの「ページ設定」を示します。
フロントページに固定ページを設定する際には、表1の設定をおすすめします。

ページ設定

設定	メイン幅（px）	サイドバー	本文以外の表示（ヘッダーなど）
デフォルト	750	●	●
1カラム（フルワイド）	–	×	●
1カラム（広い）	1170	×	●
1カラム（狭い）	750	×	●
本文のみ（フルワイド）	–	×	×
本文のみ（広い）	1170	×	×
本文のみ（狭い）	750	×	×

本スキンのカスタマイズにより、フロントページに設定した固定ページの本文のみが、表示される仕様になっています。
これにより、CSSの追加なしで、初心者でも簡単に意図したデザインを作成できます。