1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. WordPressカスタマイズ。テンプレートのファイル構成をチェック。

WordPressカスタマイズ。テンプレートのファイル構成をチェック。

二兎を追う者は一兎をも得ず。でも、三兎を追えばそのうちの一兎ぐらい得られるんじゃ無いかと思い、その努力の割に何も得られないのが@It_is_Rです。やかましいわ。

今回の記事は初のWordPressカスタマイズについての記事です。このサイトも大きく改変されたのに皆様お気付きでしょうか?
なに、このサイト自体初めて来ただと。。。それはいけない。早速ブックマーク。ポチッとな。

さて皆様、このサイトをブックマークしたところで、本題の方へ移りたいと思います。

 icon-eye WordPressを知らない人の為に。
WordPressとは、ブログを作る為のソフトウェアの事です。このサイトもWordPressで作られています。自分のサーバー、もしくはレンタルサーバーにWordpressをアップロードすることで使える様になります。
 icon-link WordPress

Twenty Fifteenのファイル構成

eyecatch_woman4

では、ワードプレスのテンプレート、Twenty Fifteenのファイル構成をチェックしてみましょう。

  • 404 テンプレート (404.php)
  • アーカイブ (archive.php)
  • author-bio.php
  • コメント (comments.php)
  • content-link.php
  • content-none.php
  • content-page.php
  • content-search.php
  • content.php
  • フッター (footer.php)
  • テーマのための関数 (functions.php)
  • ヘッダー (header.php)
  • 画像添付テンプレート (image.php)
  • メインインデックスのテンプレート (index.php)
  • 固定ページテンプレート (page.php)
  • 検索結果 (search.php)
  • サイドバー (sidebar.php)
  • 単一記事の投稿 (single.php)
  • スタイルシート (style.css)
  • RTL スタイルシート (rtl.css)

初期段階でTwenty Fifteenで作られたサイトは、だいたい以上のファイルで構成されています。
一体それぞれのファイルは何を表しているのでしょうか。

404 テンプレート (404.php)とは

404 テンプレート (404.php)は、ページが見つからなかった時などに表示される画面を作るファイルです。では、実際にその画面を開いてみましょう。
あなたのサイトのURLに、適当な文字列を/を入れてから入力してみてください。
例)original-game.com/XXXXXX/
ページが見つかりません。 こちらには何もありません。検索をお試しください。

この様に、エラーメッセージが表示されます。

アーカイブ (archive.php)とは

アーカイブ (archive.php)は、月ごとの記事、カテゴリーやタグごとの記事のページを作るファイルです。

author-bio.phpとは

author-bio.phpは、記事を作成したユーザーごとのプロフィールが表示される部分を作るファイルです。そうは言っても一体どこに表示されるのでしょうか。
author-bio

この様に、各投稿記事ごとの下にプロフィールが表示されます。このプロフィールはWordPress管理画面の、ユーザーから変更することができます。

コメント (comments.php)とは

コメント (comments.php)は、名前から想像されるとおり、各記事ごとの最後にあるコメントエリアの部分を作るファイルです。

content-link.phpとは

content-link.phpは、投稿フォーマットがリンクで作成された記事を作るファイルです。
投稿フォーマットってなんだと思う人もいるかもしれませんが、記事投稿画面をみるとわかると思います。
フォーマット 標準 アサイド 画像 動画 引用 リンク ギャラリー ステータス 音声 チャット

WordPressの記事投稿画面の右端に出てくるエリアです。この部分を「リンク」にすると、content-link.phpに書かれたコードが実行されます。

content-none.phpとは

content-none.phpは、投稿が無い場合に呼ばれるものです。

content-page.phpとは

content-page.phpは、固定ページのコンテンツ部分を作るファイルです。

content-search.phpとは

content-search.phpは、検索されたときに表示するページのコンテンツ部分を作るファイルです。

content.phpとは

content.phpは、投稿フォーマットが標準、または上で書いたcontent-link.phpの様ファイルが無い場合、作成された記事を作るファイルです。

フッター (footer.php)とは

名前の通り、ページのフッター部分を作るファイルです。

テーマのための関数 (functions.php)

関数を書いておくファイルです。関数というのは、何度も呼び出したい機能です。ここにプログラムを追加することで、機能を増やすことができます。

ヘッダー (header.php)とは

ページのヘッダー部分を作るファイルです。

画像添付テンプレート (image.php)とは

画像ファイルを添付するときにリンク先を以下の様に設定すると、画像をクリックした際にそのページへ飛ばすことができます。
そのページを作っているファイルが、画像添付テンプレート (image.php)です。
添付ファイルの表示設定

メインインデックスのテンプレート (index.php)とは

メインインデックスのテンプレート (index.php)はその名の通り、メインになるファイルです。言ってみればサイトのトップページです。

固定ページテンプレート (page.php)とは

content-page.phpと混合しやすいかもしれませんが、content-page.phpは固定ページのコンテンツ部分を作っているのに対し、固定ページテンプレート (page.php)が固定ページ全体を作っています。

検索結果 (search.php)とは

content-search.phpと混合しやすいかもしれませんが、content-search.phpは検索結果のコンテンツ部分です。検索結果 (search.php)は検索結果ページ全体です。

サイドバー (sidebar.php)とは

サイドバー (sidebar.php)は、サイドバーを作っているファイルです。

単一記事の投稿 (single.php)

単一記事の投稿 (single.php)は、投稿記事のページを作っているファイルです。

スタイルシート (style.css)

スタイルシート (style.css)は、全体のレイアウトを整えるためのファイルです。

RTL スタイルシート (rtl.css)

右から左へ文字を書く言語の為のレイアウトです。

Twenty Sixteenについて

今回の記事では、Twenty Fifteenのファイル構成を見ましたが、いまはTwenty Sixteenが出ています。
しかし、WordPress version 4.4以上でしか使うことができません。WordPress 4.4 ベータ 4が公開されていますが、まだベータ版なのでバグがあり、使わないほうがいいかと思われます。

スポンサードリンク

関連コンテンツ

オススメ記事

wordpress

WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

【Bootstrap 4】badgeを使ってテキスト横に小さな文字を入れる方法

前にBootStrap4の記事を書いていましたが、日にちが空いてしまいましたね。@It_is_Rです。 前回は全体的な機能とアラートの使い方を紹介しました。 今回はバッジの使い方を紹介していき

【初心者向け】webpack 4入門。一番簡単で詳しい使い方

風邪をひいてぼんやりしている@It_is_Rです。どちらにしろいつもぼんやりしてますが。 さて、今回はWebpack4について紹介していきたいと思います。 この記事では、jsファイルをビルドす

今月の残り日数を計算するべ!

小学生からのJavaScript入門。今月の残り日数を計算してみよう!

小学生からのプログラミング入門、第5弾です。 今回はJavaScriptでの演算(えんざん)の方法を学び、今月の残り日数を計算してみましょう。 演算というのは、足したり、引いたり、割ったり、か

【 gulp 】 超便利! Sass で Normalize.css などをインポートする方法。

ふと立ち上がった瞬間に、ホットマットを猫に奪われる@It_is_Rです。 全然どいてくれない。 今回は gulp を使って、 Sass ファイルから Normalize.css などをインポー

【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。

サイズは大きいほど、押しがいがあります。@It_is_Rです。 スマホのボタンの話ですよ。何を考えてたんですか? Androidアプリ開発、8回目となりました。 今回はこれまでに学習した T

Local by Flywheel

一瞬でWordPressローカル環境を作成! Local by Flywheelの使い方

考え事をしていると、目が上にいっている@It_is_Rです。 Local by FlywheelはWordPressのローカル開発環境を簡単に作れるツールです。 今回はこれを使って、ローカルに

【Android Studio】TextView を使ってテキストを変更、追加する方法。

TextViewの文字列を変更するより、これまでの人生を変更したい@It_is_Rです。 Android Studioを使ったアプリ開発講座6回目です。 今回はアプリに表示されたテキストを変更

【Android Studio】開発したアプリの実機テストを行う方法。

どうも、頭がすっからかんの@It_is_Rです。 やかましいわ。 今回は Android Studio で実機テストする方法を紹介します。 これからアプリ開発をしていく上で必要不可欠な実機テ

VCCW

VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

考えすぎて間違った方向へ進む、@It_is_Rです。 WordPress のローカル開発環境を作りたい時、 VCCW を使うと便利です。 今回は、 その方法を紹介します。 VCC

コメントをどうぞ!

メールアドレスが公開されることはありません。




オリジナルゲーム.com