MENU

運営中のサブブログ

主に私のデスク周りアイテムを紹介しています。
在宅作業の参考になるかもしれません。

マンニメバナー画像

趣味の1つ漫画アニメについて書いています。
鬼滅のレビューはコメント600件以上きました。

カゲオ
サイト管理人
当ブログはWordPressが今より楽しく、便利になるをテーマに分かりやすい解説記事を心がけています。
サブブログ|デスク環境構築サイト運営中⇒見てみる

WordPressのトップページを固定ページで作る方法

当ページのリンクには広告が含まれています。
WordPress固定トップページの作り方

WordPressのデフォルトトップページは、新着記事が羅列されたブログ型で表示されます。

固定ページを使うと、オリジナルのトップページを作成することもできます。

WordPress固定トップページとデフォルトの違い

当記事では、自作トップページの作成方法記事一覧ページの作成方法を解説しました。

管理人のデスク環境ブログも運営中です

在宅作業の参考になるアイテムがあるかもしれません。
デスク周りのアップデートを検討されている方はぜひ覗いてみてください。

目次

管理人のデスク環境ブログも運営中です

在宅作業の参考になるアイテムがあるかもしれません。
デスク周りのアップデートを検討されている方はぜひ覗いてみてください。

トップページを固定ページで作成する方法

WordPress新規固定ページを追加

管理画面固定ページ新規固定ページを追加を開く

WordPress固定トップページの作り方

①トップページだとわかるタイトルを付けましょう。
②URLを「top-page」などに変更
③「公開」する

当サイトテーマの場合、実際のページにタイトルは表示されません
別のテーマでタイトルが表示されてしまう場合は、以下のコードを子テーマのfunctions.phpに追記してください。

functions.php編集
function hide_front_page_title() {
    if ( is_front_page() ) {
        add_filter( 'wp_title', '__return_false' );
    }
}
add_action( 'after_setup_theme', 'hide_front_page_title' );

自作トップページの作り方

固定トップページサンプル

表示させたいブロックを組み合わせて、自由に作成できます。
例えば、講座形式にしたければ読んでほしい順番に記事を並べるのも良いでしょう。

当サイト姉妹サイトも自作トップページにしていますので、参考がてらご覧になってみてください。

代表的なデザインパターン
  • ランディングページ型
    特定のサービスや商品を訴求するため、ユーザーにアクションを促す
  • ポートフォリオ型
    自分の作品や写真をメインにアピールしたい場合
  • 特集型
    限定イベントやセールに合わせて、柔軟に変更したい場合など

自作トップページにする場合は記事一覧ページを作る必要がある

WordPressオリジナル記事一覧ページ

オリジナルのトップページにするということは、本来そこに表示されていた記事一覧ページがなくなってしまいますので、そちらも合わせて作りましょう。
上記の場合「もっとみるのリンク先」になります。

記事一覧とは?

WordPressオリジナル記事一覧ページ

投稿した記事のまとめページです。
基本新しい順に上から表示されます。
記事一覧ページがないと、新しい投稿を見るページがなくなってしまうため、必ず作りましょう。

記事一覧ページの作り方

WordPress新規固定ページを追加

管理画面固定ページ新規固定ページを追加を開く

WordPressオリジナル記事一覧ページ作成

①タイトルを入力
②URLを「new-post」などに変更
③「公開」する

WordPressオリジナル記事一覧ページタイトル

記事一覧のタイトルはページに表示されますので、お好みのものを付けてください。
例えば、最新記事、New Postなどです。

固定ページをトップページに設定する

WordPress固定トップページを選択

管理画面設定表示設定固定ページを選択
①ホームページ:自作したトップページを選択
②投稿ページ:記事一覧ページを選択
③1ページに表示する投稿数を指定
変更を保存する。

トップページと記事一覧ページを確認する

固定トップページサンプル

まずはトップページを開いてみましょう。
自作したトップページが表示されていればOKです。

WordPressオリジナル記事一覧ページ

続いて、記事一覧ページも確認しましょう。
さきほど指定したURLで検索してみてください。
表示されればOKです。

結論:WordPressのオリジナルトップページは簡単に作れる

以上、WordPressのトップページを固定ページで作成する方法を解説しました。

記事が少ない内はデフォルトのままで良いと思いますが、サイト運営に慣れてきた中級者以上の方は、自作トップページにも挑戦してみましょう。

サイトが見違えるほど、オシャレになりますのでデザインにこだわりがある方は特におすすめです。

WordPress固定トップページの作り方

この記事が気に入ったら
フォローしてね!

シェアしていただけると励みになります
  • URLをコピーしました!

記事への質問等はこちらからどうぞ

コメントフォーム

※日本語が含まれない内容は投稿できません。

目次