home
twitter
ページトップへ
目次
  • テンプレートファイルとは?
  • 通常、複数のテンプレートファイルを用意しておく
  • 「WordPress」は「url」から「どのテンプレートファイルを使うか」判断する
  • パーマリンクとは?
  • 「WordPress」の管理画面から「詳細ページ」のパーマリンクの設定ができる
  • 管理画面から「パーマリンクの設定画面」を開く
  • フォーマットを選ぶ
  • 「変更を保存」を忘れずに
  • 記事の編集ページで、パーマリンクの設定をする
  • 作った「詳細ページ」を表示してみる
  • 「詳細ページ」の「テンプレートファイル」の作り方!
  • <?php the_content(); ?>
  • 詳細ページにアクセスする
  • まとめ!
about
categories
page
archive
皇帝ペンギンブログ

2025/12/27 (更新日:2025/12/27)

「詳細ページ用」の「テンプレートファイル」の作り方

Categories > programming

・テンプレートファイルとは?
・single.php について
・the_contetn() について
・パーマリンクとは?
・パーマリンクの設定方法
・WordPressで投稿の「詳細ページ」を作る方法

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

目次
非表示
  • テンプレートファイルとは?
  • 通常、複数のテンプレートファイルを用意しておく
  • 「WordPress」は「url」から「どのテンプレートファイルを使うか」判断する
  • パーマリンクとは?
  • 「WordPress」の管理画面から「詳細ページ」のパーマリンクの設定ができる
  • 管理画面から「パーマリンクの設定画面」を開く
  • フォーマットを選ぶ
  • 「変更を保存」を忘れずに
  • 記事の編集ページで、パーマリンクの設定をする
  • 作った「詳細ページ」を表示してみる
  • 「詳細ページ」の「テンプレートファイル」の作り方!
  • <?php the_content(); ?>
  • 詳細ページにアクセスする
  • まとめ!

テンプレートファイルとは?

・WordPressにおける「テンプレートファイル」とは、データベースから取得したデータを流しこんで表示する型となるファイルのこと

通常、複数のテンプレートファイルを用意しておく

WordPressでのテーマ開発では、

・投稿
・固定ページ
・カテゴリー一覧

などの複数のテンプレートファイルを用意しておきます。

「WordPress」は「url」から「どのテンプレートファイルを使うか」判断する

「WordPress」は「url」からどのタイプの投稿がリクエストされているのか??と考え、それに合った「テンプレートファイル」を使ってページを表示しようとします。

はい、優秀です。

/?p14  となっていれば、これ投稿の詳細ページじゃね??って判断してくれる感じです。

このパターンだったら「詳細ページを表示して」のように設定ができる感じになります。

WordPressはその設定どおりに動いてくれます。

パーマリンクとは?

パーマリンクとは、URLのことです。

Webページに設定されるURLは、一度設定して公開したら、基本的に変更しません。なぜならリンク切れを防ぐためです。

なので、Webページのurlのことは、「パーマリンク」と呼ばれます。

Permanent Link から来てます。恒久的(Permanent)

「WordPress」の管理画面から「詳細ページ」のパーマリンクの設定ができる

「WordPress」の管理画面から「詳細ページ」のパーマリンクの設定ができます。

管理画面から「パーマリンクの設定画面」を開く

「管理画面」 → 「設定」 → 「パーマリンク」

フォーマットを選ぶ

今回は「投稿名」にします。

「変更を保存」を忘れずに

「変更を保存」をクリックしてください。忘れがち

記事の編集ページで、パーマリンクの設定をする

ここでパーマリンクの設定をします。

更新も、忘れずに。

作った「詳細ページ」を表示してみる

「投稿を表示」で投稿のurlに飛べます。

ですが、、、

「詳細ページ」の「テンプレートファイル」を作っておかなければ、

WordPressが、おこれは詳細ページのurlだな??としっかり判断していても、情報を流しこむテンプレートファイルがないので、通常通りトップページ(index.php)が表示されてしまいます。

「詳細ページ」を作る

「詳細ページ」の「テンプレートファイル」を作れば解決します。

「詳細ページ」の「テンプレートファイル」の作り方!

・single.php を作る
・テーマのルートフォルダに置く
・詳細ページにアクセスする

これで single.php がテンプレートファイルに使われます。

<?php the_content(); ?>

<?php the_content(); ?>

でページの内容を出力できます。

詳細ページにアクセスする

まとめ!

・テンプレートファイルとは?
・single.php について
・the_contetn() について
・パーマリンクとは?
・パーマリンクの設定方法
・WordPressで投稿の「詳細ページ」を作る方法

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

自分のロゴ!

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい 。-_- 。
よろしくお願いします!

x(旧twitter) youtube
Categories
  • トップへ
  • ITパスポート (1)
  • programming (189)
    • CSSのアニメーション編 (26)
    • CSSのグリッドレイアウト編 (1)
    • CSSのセレクター編 (58)
    • CSSのフレックスボックス編 (1)
    • CSSのメディアクエリー編 (7)
    • CSSの基本編 (34)
    • HTMLのformタグ編 (1)
    • HTMLの基本編 (3)
    • JavaScriptの入門編 (30)
    • JavaScriptの基本編 (5)
    • phpの入門編 (10)
    • Web制作をする環境を整えよう! (1)
    • WordPress (11)
  • Uncategorized (25)
  • VScode (1)
  • おすすめ商品! (1)
  • クラロワ (2)
  • マーケティング (17)
  • 勉強 (3)
  • 大学生活 (7)
  • 心理学 (9)
  • 映画 (1)
  • 法学 (4)
  • 経済学 (4)
  • 読書 (8)
Pages
  • プライバシーポリシー
  • 免責事項
  • プロフィール
Archive
  • 2025年12月 (12)
  • 2025年11月 (1)
  • 2025年10月 (5)
  • 2025年7月 (8)
  • 2025年6月 (1)
  • 2025年3月 (1)
  • 2025年1月 (9)
  • 2024年12月 (13)
  • 2024年11月 (5)
  • 2024年10月 (10)
  • 2024年9月 (15)
  • 2024年8月 (5)
  • 2024年7月 (6)
  • 2024年6月 (5)
  • 2024年5月 (10)
  • 2024年4月 (24)
  • 2024年3月 (11)
  • 2024年2月 (6)
  • 2024年1月 (10)
  • 2023年12月 (4)
  • 2023年11月 (3)
  • 2023年10月 (2)
  • 2023年9月 (3)
  • 2023年8月 (6)
  • 2023年7月 (3)
  • 2023年6月 (8)
  • 2023年5月 (2)
  • 2023年3月 (1)
  • 2023年2月 (1)
  • 2022年10月 (2)
  • 2022年9月 (2)
  • 2022年8月 (8)
  • 2022年7月 (2)
  • 2022年6月 (6)
  • 2022年5月 (9)
  • 2022年4月 (2)
  • 2022年2月 (4)
  • 2021年12月 (1)
  • 2021年11月 (4)
  • 2021年10月 (8)
  • 2021年9月 (14)
  • 2021年8月 (6)
  • 2021年6月 (1)
  • 2021年5月 (2)
  • 2021年4月 (1)
  • 2021年3月 (1)
  • 2021年2月 (2)
  • 2020年10月 (1)
  • 2020年7月 (1)
  • 2020年4月 (1)
  • 2020年1月 (1)
  • 2019年12月 (2)
© Copyright Syuta Chiba, 2019 All Rights Reserved.