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
目次
  1. Twenty Fifteenのファイル構成
  2. Twenty Sixteenについて

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が公開されていますが、まだベータ版なのでバグがあり、使わないほうがいいかと思われます。

スポンサードリンク

関連コンテンツ

オススメ記事

java

Javaのクラスとメソッドの違いとは?ゲーム風に解説。

この頃小説を読んでいなく、何か読みたいなと思っている@It_is_Rです。 Javaを勉強し始めたばかりの人は、何やら難しい単語に混乱する人も多いでしょう。その中で、クラスとメソッドって一体何が

Scratchで じゃんけんゲームを作ろう!

小学生から始めるScratch入門。じゃんけんゲームを作ろう!

小学生から始めるScratch入門です。 前回、スクラッチでシューティングゲームを作りました。 今回はじゃんけんゲームを作ってみましょう。 プロローグ [serif icon=

【Mac】ローカルにWebサーバを立ち上げる超簡単な方法!

JavaScriptを使ってWebページなどの開発をしていると、Google ChromeやSafariなどのブラウザでうまく開けない場合が稀にあります。 そんな時、ローカルにWebサーバを立ち上げ

【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。

手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パ

【Bootstrap 4】記事一覧ページなどで使える「カード」の使い方

Bootstrap4の使い方、第7回目です。 トップページなどを見ると、記事の一部が抜粋された記事一覧が表示されているサイトをよく見かけます。 今回はそんな記事一覧ページを作るのに便利な「カー

【Android Studio】Button(ボタン)を作る基本中の基本。

ボタンを作る基本中の基本ですが、ボタンを作ること自体が基本中の基本です。@It_is_Rです。 タイトルなんてどうだっていいんです。肝心のなのは真心です。 Androidアプリ開発、7回目とな

Docker Composeで自分のWordPressサイトをローカル開発環境に反映!

ローカルにWordPress開発環境を整えてテーマを作成することがあるのですが、単にローカルに環境を作っただけでは記事がなく、テーマのイメージが分かりません。@It_is_Rです。 かといって、te

ショートコード

BEMによるCSS設計の方法を解説。命名規則から使い方まで。

完璧を求めすぎて、平均以下な@It_is_Rです。 CSSは比較的簡単なものですが、CSS設計をしっかりしておかなければ、余分なコードが多くなったり、後から修正が大変になったりしてこまることにな

【Android Studio】新規プロジェクトを作成する方法。

インスタント焼きそばを作ろうとすると、なぜか焼うどんになります。 @It_is_R です。 しかも、ラーメン作ろうと思うと焼きそばができあがります。 前回、 Android Studio のイ

Swift

【Xcode7】Swift2でMacアプリ開発。画像を読み込む為のボタンを作る。

犬も歩けば棒にあたる。だからRは歩かない。@It_is_Rです。 最近はSwiftの記事が多いと思っている人もいるのでは無いでしょうか。実はRは現在、Swiftを使ってゲーム開発のお助けアプリを

コメントをどうぞ!

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