固定ページをブログ先頭に固定表示する

ブログのトップページでは、投稿された記事が新しいものから順に表示されたり、特定の記事をトップページ固定表示することができますが、代わりに指定した固定ページをブログのトップページに表示させることができます。ここでは固定ページをブログ先頭に固定表示する方法について解説します。

(Last modified: )

固定ページをブログの先頭に固定表示する

今回は例として作成済みの固定ページの中で「自己紹介」固定ページをブログの先頭に固定表示するように設定してみます。

固定ページをブログの先頭に固定表示する(1)

固定ページをブログのトップに固定表示してしまうと投稿された記事の一覧が表示されなくなります。そこで指定した固定ページをクリックすると記事の一覧ページが表示されるように設定することができます。その目的のためだけに固定ページを一つ作成しておきます。新しい固定ページの作成画面を表示し、タイトルだけを入力して投稿してください。

固定ページをブログの先頭に固定表示する(2)

これで準備は完了です。それでは固定表示する固定ページの設定を行います。画面左側「設定」の中にある「表示設定」をクリックしてください。

固定ページをブログの先頭に固定表示する(3)

「表示設定」画面が表示されます。

固定ページをブログの先頭に固定表示する(4)

「ホームページの設定」のブロックをみて下さい。現在は「最新の投稿」が選択されていると思いますので「固定ページ」を選択してください。

固定ページをブログの先頭に固定表示する(5)

次に「ホームページ」に固定表示する固定ページを選択してください。

固定ページをブログの先頭に固定表示する(6)

固定ページをブログの先頭に固定表示する(7)

「投稿ページ」に記事一覧を表示したい場合にクリックする固定ページを選択してください。

固定ページをブログの先頭に固定表示する(8)

固定ページをブログの先頭に固定表示する(9)

設定が終わりましたら画面左下の「変更を保存」をクリックしてください。

固定ページをブログの先頭に固定表示する(10)

これで設定は完了です。それではブログを表示して下さい。次のように指定した固定ページがブログのトップページに表示されます。

固定ページをブログの先頭に固定表示する(11)

投稿された記事の一覧を表示するには、ヘッダー部分に表示されている固定ページのタイトル一覧の中から、先ほど「投稿ページ」に設定した「記事一覧」をクリックしてください。

固定ページをブログの先頭に固定表示する(12)

「記事一覧」固定ページの個別ページが表示される代わりに、投稿済みの記事の一覧が表示されます。

固定ページをブログの先頭に固定表示する(13)

このように指定した固定ページをブログのトップページに表示することができます。

記事一覧を表示する固定ページのURLを利用する

先ほど投稿された記事一覧を表示するために、ブログのヘッダーに表示された固定ページへのリンクをクリックしましたが、この固定ページへのリンクをコピーすることでどこからでも記事一覧へ移動することができます。

記事一覧を表示する固定ページのURLを利用する(1)

記事一覧を表示する固定ページのURLを利用する(2)

今回はブログのトップページに表示するように指定した固定ページの中に、記事一覧のページへのリンクを設定してみます。トップページに表示されるように指定している固定ページの編集画面を表示してください。

記事一覧を表示する固定ページのURLを利用する(3)

段落ブロックを最後に追加し、リンクを設定するテキストを入力したあとで先ほどの URL へリンクを設定します。

記事一覧を表示する固定ページのURLを利用する(4)

記事一覧を表示する固定ページのURLを利用する(5)

編集が終わりましたら画面右上の「更新」をクリックして記事を更新してください。これで準備は完了です。

それではあらためてブログをを表示してください。指定した固定ページが表示されます。

記事一覧を表示する固定ページのURLを利用する(6)

固定ページに表示されているリンクをクリックしてください。記事一覧のページが表示されます。

記事一覧を表示する固定ページのURLを利用する(7)

記事一覧を表示する固定ページのURLを利用する(8)

このように記事一覧を表示する固定ページへのリンクを使えば、任意の場所に記事一覧を表示するためのリンクを設置することができます。

-- --

固定ページをブログ先頭に固定表示する方法について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。