テーマファイルの構成

ディレクトリ構成と各種ファイルの内容

無料のワードプレステーマ GEMSTONE

このページではテーマファイルの構成と役割について紹介していきます。
その他の設定は以下のページをご覧ください。

functions.php の設定

functions.php の設定をご説明します。

functions.php の設定

テーマのカスタマイズ

カスタマイズ方法をご紹介します。

テーマのカスタマイズ

php(WPテンプレートファイル)

404.php

ファイルが見つからなかった場合に表示するためのファイルです。

archive.php

ブログ記事一覧、アーカイブを表示するためのファイルです。

comments.php

コメント表示させるためのファイルです。
デフォルトでは非表示にしています。

footer.php

フッターを表示するためのファイルです。

front-page.php

トップページを表示するためのファイルです。
テンプレートファイルには主にループを使った記事取得などを記述しています。

functions.php

WordPress のデフォルト動作を変更するためのファイルです。
詳細は別ページでご説明します。

functions.php の設定

header.php

ヘッダーを表示するためのファイルです。

image.php

メディアファイル(画像)を表示させるためのファイルです。

index.php

archive.php も page-front.php も home.php もない場合、表示します。
内容は page.php と全く変わりません。
そして、本テンプレートで実は必要なかったりします。

page.php

標準の固定ページを表示するためのファイルです。

search.php

検索結果を表示するためのファイルです。

sidebar.php

サイドバーを表示するためのファイルです。

single.php

投稿記事を表示するためのファイルです。

php(GEMSTONEオリジナルファイル)

page-fullwidth.php

サイドバーのない固定ページを表示するためのファイルです。

page-leftsidebar.php

サイドバーが左、メインコンテンツが右になる固定ページを表示するためのファイルです。

page-threecolumn.php

サイドバーが左右、メインコンテンツが中央になる3カラムの固定ページを表示するためのファイルです。

social.php

ソーシャルサービスのシェアボタンを設置するためのファイルです。
設定無しで投稿および固定ページをシェアすることが可能です。

title.php

各ページタイトルを表示するためのファイルです。

その他のファイル

favicon.ico

ブラウザ上に表示するためのアイコン用画像ファイルです。

readme.txt

簡単なマニュアルを記入しています。

rtl.css

RTL=Right To Left
基本は文字を表示させる方向を設定するためのCSSファイルです。
本テンプレートで実は必要なかったりします。

screenshot.png

管理画面の外観(テーマ設定)を選択時に使用する画像ファイルです。

style.css

見映えを指定するためのCSSファイルです。

/css フォルダ

custom.css

カスタマイズ用CSSファイルです。
直接テーマファイルをカスタマイズする場合はこのファイルを使用すると便利です。

editor-style.css

管理画面のテキストエディタの見映えを設定するためのCSSファイルです。

/img フォルダ

logo.png

ロゴ画像ファイルです。

avatar.png

デフォルトユーザー用のアバター画像ファイルです。

ptn.png

背景用パターン画像ファイルです。

/js フォルダ

jquery-1.9.1.min.js

縮小したJQueryファイルです。

main.js

テーマ用詳細設定ファイルです。
細かなスクリプトをまとめています。

right-height.js

指定することで、ブロック毎にコンテンツの高さを揃えることができます。