【WordPress】トップページを固定ページにしつつ最新記事も表示する方法

たびたび書いておりますが、当方ではWordPressのテーマに「Simplicity」(→SWELL)を使わせていただいています。

2025年テーマを「Simplicity」→「Cocoon」→「SWELL」と変更しております。が、この記事の内容はどのテーマでも適応します。(この記事の初稿は2017年9月ですが2025年リライトしています)

カスタマイズしやすく、プラグインをたくさんインストールしなくても欲しい機能が元々備わっています。 「Simplicity」(2025年時点では 「Simplicity」は「Cocoon」へ 、ほぼアップデートされています)については、制作の方のサイトがどこよりも詳しく説明されているのでどうぞ。

初心者でもプロでもカスタマイズしやすい最強ブロックエディターテーマSWELL は、こちら↓

トップページを普通のホームページのように固定表示させる方法

通常、何もしていない状態のWordpressのトップページは最新記事へのリンクカードが並ぶ形になります。普通のブログでよく見るやつです。  

表紙のような固定トップページに「記事一覧」を表示する方法

マガジン型、といいますか、ブログのトップページを記事一覧だけではなく、挨拶文・イラスト・バナーなどで飾り、その上で記事一覧も表示する方法です。

1.まず「固定ページ」を作成する

ダッシュボード(管理画面)のサイドバーから「固定ページ」→「新規追加」を選択。 挨拶などのトップページの内容をとりあえず、固定ページで作成します。 (ウチは、ずっと沈んでいて誰も見やしないブログ始めの記事をここに移してきます。)

「とりあえず」作って後で編集、で構いません。タイトルは「TOP」でも何でも良いです。

「公開」します。

2.白紙の「固定ページ」を1つ作る

もう一つ固定ページを作ります。   ダッシュボード(管理画面)のサイドバーから「固定ページ」→「新規追加」を選択。 タイトルはどうでもいいです。 スラッグもどうでもいいです。(「記事一覧」として利用したい方は”list”などアルファベットにしておきましょう) 内容は白紙で。このまま公開します。

ザックリご説明すると、この白紙の固定ページを後ほど「設定」すると、自動的に投稿記事の一覧が表示されるようになります。

この固定ページには何か書いても表示されません。記事一覧用のページです。

3.フロント(トップ)ページに「固定ページ」を設定する

「設定」→「表示設定」をクリック。 「フロントページの表示」で「固定ページ」を選択。 「フロントページ」というのがWordpressのトップページの事です。 「固定ページ (以下を選択)」を選択します。 「フロントページ」に、先ほど作ったトップに表示させたいページを。

「投稿ページ」に、先ほど作った白紙のページを。 設定して「変更を保存」。   この段階で白紙で作ったページのURLを表示させてみて下さい。 最新記事の一覧が表示されていると思います。 トップページには先ほど作った「フロントページ」が表示されていると思います。

トップページ(フロントページ)を編集する

Cocoon の場合は簡単に最新記事を固定ページに表示できる

Simplicity をテーマ使用している方は、ここから簡単にトップページに新記事一覧を表示できます。 ダッシュボード(管理画面)のサイドバーから「外観」→「ウィジェット」を選択。 「新着記事」新着記事リストを表示するSimplicityウィジェットです。 を、固定ページの挿入したい場所に挿入して保存します。

Twentyシリーズでも出来るサイト型トップページ仕上がり

記事一覧そのものを固定記事と一緒にトップに表示させる

方法は以上です。

クラシックエディターを使っておられるという方も、テーマごとのショートコードなどで記事一覧を固定ページに組み込むことはできるはずです。

関連記事　 

どうしても上手く行かない方はご依頼ください