front-page.phpとは?初心者でもわかる使い方と役割をやさしく解説共起語・同意語・対義語も併せて解説!

  • このエントリーをはてなブックマークに追加
front-page.phpとは?初心者でもわかる使い方と役割をやさしく解説共起語・同意語・対義語も併せて解説!
この記事を書いた人

高岡智則

年齢:33歳 性別:男性 職業:Webディレクター(兼ライティング・SNS運用担当) 居住地:東京都杉並区・永福町の1LDKマンション 出身地:神奈川県川崎市 身長:176cm 体系:細身〜普通(最近ちょっとお腹が気になる) 血液型:A型 誕生日:1992年11月20日 最終学歴:明治大学・情報コミュニケーション学部卒 通勤:京王井の頭線で渋谷まで(通勤20分) 家族構成:一人暮らし、実家には両親と2歳下の妹 恋愛事情:独身。彼女は2年いない(本人は「忙しいだけ」と言い張る)


front-page.phpとは

front-page.php は WordPress のテンプレートファイルのひとつでサイトのトップページの表示を決める重要な役割を持っています このファイルをテーマに入れておくと トップページのデザインを他のページとは別にカスタマイズすることができます

テンプレート階層の関係

WordPress はリクエストを受け取ると どのテンプレートを使うかの順序を決めてファイルを探します front-page.php がテーマにあれば 最優先で読み込まれ トップページの表示を担当します ただし front-page.php がない場合は home.php が代わりに使われ それもない場合は index.php が最終的な表示に使われます

静的フロントページとブログのフロントページの違い

設定画面の Settings は Reading から 静的なフロントページを設定することができます このとき 表示されるトップページが front-page.php で作られていると その内容がそのままサイトのトップに表示されます 一方で トップページを最新の投稿一覧として表示する設定にしている場合 その表示を担当するテンプレートは通常 home.php か index.php になります ただし front-page.php が存在する場合 専用のデザインを最初に読み込ませたいときには front-page.php を使うのが一般的です

使い方のヒント

自分のサイトのトップを素早くリニューアルしたいとき front-page.php を用意するだけで 全体の雰囲気を変えることができます たとえばヒーローセクション 主要な機能の紹介 お問い合わせへのリンクなどを1ページ目に組み込むと 訪問者にとって分かりやすい運用になります

テンプレートの優先順位を表で確認

状況使われるテンプレート
サイトのトップページを表示する場合 front-page.php が最優先で使われますfront-page.php
front-page.php がないときのトップページhome.php
どれもない場合の最終兵器index.php

まとめ

front-page.php はサイトの顔とも言えるファイルです その存在によってトップページのデザインを細かく分けて管理できます 初心者の方はとりあえず子テーマを作って front-page.php を用意し 主要なセクションを自分好みに配置するところから始めると良いでしょう


front-page.phpの同意語

front-page.php
WordPress のテーマで、サイトのトップページ(フロントページ)を表示するための特定のテンプレートファイル。静的なトップページを設定している場合に使われます。
フロントページテンプレート
フロントページを表示する役割を担うテンプレートファイルの、日本語での一般的な呼び方。トップページのレイアウトを決定します。
フロントページ用テンプレート
トップページ表示用のテンプレート。サイトのホーム画面のデザインを定義します。
トップページテンプレート
サイトのトップページを表示するテンプレートの別称。front-page.php の日本語表現の一つ。
トップページ用テンプレート
トップページを表示するためのテンプレートファイル。ホーム画面のレイアウトを設定します。
ホームページテンプレート
サイトのホーム画面を表示するテンプレート。WordPress では front-page.php に対応します。
ホームページ用テンプレートファイル
ホーム画面表示を担当するテンプレートファイルの意義。ファイル名は前述の front-page.php に相当します。
フロントページ用 PHP テンプレート
フロントページを表示するための PHP テンプレート。front-page.php に対応する実装を指します。
Front Page Template
英語表現。トップページを表示するテンプレートとして用いられる名称。

front-page.phpの対義語・反対語

内部ページ
front-page.phpの対義語として、サイトのトップページ(ホーム/フロントページ)以外の、サイト内の別の階層に位置する別のページを指す語。記事ページやアーカイブページなど、“内部の具体的なページ”を表すときに使われることが多い。
サブページ
トップページの下位に位置する補助的なページの総称。サービス案内・説明ページ・問い合わせページなど、メインのトップページに対して従属的な役割を果たすページを指すことが多い。
個別ページ
1つの特定コンテンツを表示するページ。ブログの投稿ページ(シングルページ)や商品ページなど、単一のエントリを詳しく表示する場面で使われる。
詳細ページ
特定の内容を詳しく説明するページ。商品詳細、ニュースの詳細、イベントの詳細など、要素を詳解する用途のページを指す。
投稿ページ
ブログ記事を表示するページ。WordPressでいう Single(投稿ページ)に対応する概念。
アーカイブページ
複数の投稿を一覧で表示するページ。カテゴリ別・タグ別・日付別など、投稿をグループ化して並べるページを指す。
カテゴリーページ
特定のカテゴリに属する投稿を一覧表示するページ。カテゴリの集約ページとして使われる。
タグページ
特定のタグに紐づく投稿を一覧表示するページ。タグアーカイブとも呼ばれ、関連投稿を集約する。
シングルページ
単一の投稿・ページを表示するページ。WordPressの single.php に対応する概念で、1記事や1固定ページを個別に表示するページ。

front-page.phpの共起語

front-page.php
WordPressのテンプレート階層でサイトのフロントページを表示するための専用テンプレートファイル。固定ページをフロントページとして設定している場合に特に使われ、最優先で適用されます。
フロントページ
サイトのトップ画面を指す用語。front-page.php がこの表示を担う場合が多いです。
静的フロントページ
固定ページをフロントページとして設定している場合の表示形。フロントページは最新投稿ではなく固定ページの内容を表示します。
最新の投稿
ブログの新規投稿の一覧を表示するページのこと。front-page.php が設定によりこのページを使う場合があります。
is_front_page
現在表示しているページがサイトのフロントページかどうかを判定する条件分岐タグ。
is_home
現在表示しているページがブログの投稿一覧(ホーム)かどうかを判定する条件分岐タグ。
home.php
ブログのトップページ(投稿一覧)を表示するテンプレートファイル。front-page.php がある場合は通常優先されます。
index.php
テンプレート階層の最終フォールバックとして使われる基本的なテンプレートファイル。
テンプレート階層
WordPress が表示するページにどのテンプレートファイルを使うか決定する仕組み。front-page.php もこの階層の一部です。
page.php
固定ページの表示に用いられるデフォルトのテンプレートファイル。
固定ページ
WordPress の静的ページ機能。About や 会社情報など、投稿とは別のページを作成できます。
ページテンプレート
個別の固定ページに適用する独自のテンプレート。page-*.php や template 形式のファイルで作成します。
header.php
サイトのヘッダー部分を定義するテンプレート。get_header() で読み込まれます。
footer.php
サイトのフッター部分を定義するテンプレート。get_footer() で読み込まれます。
get_header
ヘッダーを読み込む WordPress のテンプレート関数。
get_footer
フッターを読み込む WordPress のテンプレート関数。
get_template_part
テンプレートの一部を再利用して呼び出すための関数。
The Loop
投稿データを表示するための繰り返し処理。front-page.php の中でも使われます。
WP_Query
投稿データを取得するためのクラス。カスタムクエリを作る際に使われます。
テーマ
親テーマの機能を拡張・変更するためのテーマの派生版。front-page.php のカスタマイズにも活用されます。

front-page.phpの関連用語

front-page.php
サイトのトップページを表示するための特別なテンプレートファイル。静的フロントページか最新の投稿ページの設定に関係なく、フロントページとして読み込まれます。
WordPress テンプレート階層
WordPressがどのテンプレートファイルを使うか決めるルールの集合。front-page.php、home.php、page.php、index.php などが含まれます。
静的フロントページ
サイトのトップページとして固定ページを設定すること。front-page.phpを持っていれば最優先で使われます。
最新の投稿ページ
ブログ投稿の一覧を表示するページ。is_homeで判定され、front-page.phpがある場合は前述のテンプレートが使われます。
is_front_page
現在の表示がサイトのフロントページかどうかを判定する条件分岐タグ
is_home
現在の表示がブログ投稿のインデックスページかどうかを判定する条件分岐タグ。
home.php
ブログ投稿のインデックスを表示するテンプレート。front-page.phpが存在しない場合に使われることが多いです。
index.php
最終的なフォールバックテンプレート。テンプレート階層の末端で、他のファイルが適用されない場合に使用されます。
page.php
固定ページを表示する基本テンプレート。front-page が静的ページのケースで使われることもあります。
single.php
単一の投稿を表示するテンプレート。
header.php
サイトのヘッダーを共通に読み込むテンプレート。ロゴ、メニュー、サイトタイトルなどが含まれます。
footer.php
サイトのフッターを共通に読み込むテンプレート。
sidebar.php
サイドバーを共通に読み込むテンプレート。
The Loop
投稿データを表示するための繰り返し処理の基本構造。
WP_Query
カスタムクエリを作成して特定の投稿を取得するためのクラス。
get_header
header.phpを読み込むテンプレートタグ。
get_footer
footer.phpを読み込むテンプレートタグ。
get_sidebar
sidebar.phpを読み込むテンプレートタグ。
get_template_part
テンプレートの一部を切り出して読み込むための柔軟な関数。
the_title
投稿のタイトルを表示するテンプレートタグ。
the_content
投稿の本文を表示するテンプレートタグ。
the_excerpt
投稿の抜粋を表示するテンプレートタグ。
the_permalink
投稿の個別リンクを表示するテンプレートタグ。
条件分岐タグ
is_front_page, is_home など、表示状況を判定するための関数群。
タイトルタグの最適化
フロントページのタイトルをSEO上適切に表現すること。
canonicalタグ
重複コンテンツを避けるための正規URLを示すタグ。
構造化データ(JSON-LD)
検索エンジンに情報を理解させるためのマークアップ。サイト全体やトップページに適用します。
SEOプラグインとの連携
Yoast SEO などのプラグインでフロントページのSEO設定を補完します。
パフォーマンス最適化
フロントページの読み込み速度を改善する施策(キャッシュ、クエリ最適化、画像最適化)を適用します。
レスポンシブデザイン/モバイル最適化
スマホ・タブレット表示にも対応させる設計のこと。

インターネット・コンピュータの人気記事

awstatsとは?初心者でもわかる使い方と基本解説共起語・同意語・対義語も併せて解説!
16091viws
bing・とは?初心者のための基本ガイド:検索エンジンの仕組みと使い方共起語・同意語・対義語も併せて解説!
2619viws
着信転送とは?初心者向けガイドで分かる使い方と設定のコツ共起語・同意語・対義語も併せて解説!
1148viws
差し込み印刷・とは?初心者でもすぐわかる使い方と仕組みガイド共起語・同意語・対義語も併せて解説!
1144viws
com端子・とは?初心者にも分かる基礎ガイド|シリアルポートの使い方と歴史を解説共起語・同意語・対義語も併せて解説!
1021viws
7zファイル・とは?初心者でもわかる使い方と特徴を解説共起語・同意語・対義語も併せて解説!
965viws
全角文字とは?初心者向け解説|全角と半角の違いをやさしく学ぶ共起語・同意語・対義語も併せて解説!
964viws
充電アダプターとは何かを徹底解説|初心者でも分かる基本と選び方のコツ共起語・同意語・対義語も併せて解説!
961viws
リマインドメールとは?初心者にもわかる基本ガイドと使い方のコツ共起語・同意語・対義語も併せて解説!
857viws
pinロックとは?初心者が知っておくべき基本と使い方ガイド共起語・同意語・対義語も併せて解説!
853viws
none とは?初心者にもやさしく解説する意味と使い方ガイド共起語・同意語・対義語も併せて解説!
793viws
16進数カラーコード・とは?初心者でもつまずかない基礎と使い方ガイド共起語・同意語・対義語も併せて解説!
789viws
asp・とは?初心者向けに徹底解説する基本と使い方ガイド共起語・同意語・対義語も併せて解説!
735viws
ローカルポート・とは?初心者にも分かる基本と使い方ガイド共起語・同意語・対義語も併せて解説!
692viws
xlsmとは?初心者でも分かるExcelのマクロ付きファイルの基本共起語・同意語・対義語も併せて解説!
690viws
sha256とは?初心者が知るべき暗号ハッシュの基礎と使い道共起語・同意語・対義語も併せて解説!
630viws
countifとは?初心者でもすぐ使える基本と応用ガイド共起語・同意語・対義語も併せて解説!
594viws
ワンタイムコード・とは?初心者でも分かる基本と使い方ガイド共起語・同意語・対義語も併せて解説!
588viws
csvダウンロードとは?初心者が今すぐ使える基本ガイド共起語・同意語・対義語も併せて解説!
586viws
googleドキュメントとは?初心者が今日から使いこなす基本ガイド共起語・同意語・対義語も併せて解説!
528viws

新着記事

インターネット・コンピュータの関連記事