ワザ74
テーマのファイルがどこにあるかを覚えてダウンロードしよう
サーバーで迷わないようにディレクトリを選択する
Sublime TextとFileZillaの準備ができたところで、実際の作業を開始しましょう。まずは、FileZillaでサーバーにアクセスし、テーマのファイルをダウンロードします。
ここで重要なのは、テーマのファイルがサーバーのどのディレクトリにあるかを知っておくことです。サーバーにアクセスすると、多数のディレクトリやファイルがあり、初めてのときは戸惑うはずです。
WordPressをインストールしたディレクトリの中に、さらに階層化されたディレクトリがあり、テーマのファイルは［wp-content］ディレクトリ内の［themes］ディレクトリにあります。
［themes］ディレクトリ内では、1つ1つのテーマがディレクトリごとに分かれて保存されています。ディレクトリ名がテーマの名前になっているので、見分けることは簡単です。ここではテーマ［TwentyFourteen］を編集するために、［twentyfourteen］ディレクトリをダウンロードします。
ダウンロードしたら［twentyfourteen］フォルダーの中を、実際に見てみてください。たくさんのファイルやフォルダーが入っていることがわかります。これらの内容はページの最後にあるファイル構成表を参照してください。多くのファイルは、管理画面の［テーマ編集］メニューからも編集可能なものですが、それ以外にも、いくつかのファイルやフォルダーがあります。
Tips「フォルダー」と「ディレクトリ」は同じ
これまでにも何度か触れていますが、WindowsやMacの「フォルダー」（フォルダ）と、サーバーで使われる「ディレクトリ」は同じものです。本書では、パソコンの中は「フォルダー」、サーバーでは「ディレクトリ」と使い分けます。
テーマがあるディレクトリの場所
WordPressをインストールしたディレクトリから［wp-content］［- theme］の順に移動したディレクトリに、テーマごとのディレクトリが作られている。
テーマのファイルをダウンロードするには
1［wp-content］を表示する
2［themes］を表示する
3テーマをダウンロードする
4テーマがダウンロードされた
Tipsテーマは「テンプレート」の集まり
テーマのファイルのうちPHP（拡張子「.php」）ファイルは「テンプレート」と呼ばれます。次のページの表にあるように、トップページ、固定ページなどページの骨組みになるテンプレートと、各ページで共通するヘッダー、フッターなどのテンプレート、記事部分だけのテンプレートがあります。以降のワザでは、この中から必要なファイルをコピーして利用します。
Twenty Fourteenのファイル構成
| フォルダー／ファイル名 | 説明（カッコ内は［テーマの編集］画面に表示される名前） |
|---|---|
| css | ビジュアルエディターやIE対応用のCSSのフォルダー |
| genericons | アイコンフォントのフォルダー |
| images | テーマで使用する画像のフォルダー |
| inc | 追加機能ファイルのフォルダー |
| js | JavaScriptのフォルダー |
| languages | 翻訳ファイルのフォルダー |
| page-templates | 「contributors.php」「fall-width.php」の2つの固定ページテンプレートがあるフォルダー |
| contributors.php | （Contributor Page固定ページテンプレート）固定ページ「参加者ページ」 |
| full-width.php | （Full Width Page固定ページテンプレート）固定ページ「全幅ページ」 |
| 404.php | （404テンプレート）URLが存在しないときに表示するページ |
| archive.php | （アーカイブ）月ごとのアーカイブ |
| author.php | （作成者テンプレート）ユーザーごとのアーカイブ |
| category.php | （カテゴリーテンプレート）カテゴリーごとのアーカイブ |
| comments.php | （コメント）コメントの表示とコメント欄 |
| content-aside.php | 投稿フォーマット「アサイド」の記事本体 |
| content-audio.php | 投稿フォーマット「音声」の記事本体 |
| content-featured-post.php | おすすめコンテンツの記事本体 |
| content-gallery.php | 投稿フォーマット「ギャラリー」の記事本体 |
| content-image.php | 投稿フォーマット「画像」の記事本体 |
| content-link.php | 投稿フォーマット「リンク」の記事本体 |
| content-none.php | 投稿がない場合に表示 |
| content-page.php | 固定ページの記事本体 |
| content-quote.php | 投稿フォーマット「引用」の記事本体 |
| content-video.php | 投稿フォーマット「動画」の記事本体 |
| content.php | 投稿フォーマット「標準」の記事本体 |
| featured-content.php | おすすめコンテンツ表示用 |
| footer.php | （フッター）全ページ共通のフッター |
| functions.php | （テーマのための関数）機能追加のためのプログラム |
| header.php | （ヘッダー）全ページ共通のヘッダー |
| image.php | （画像添付テンプレート）画像の挿入時に［添付ファイルの表示設定］でリンク先を［添付ファイルのページ］にした場合のページ |
| index.php | （メインインデックスのテンプレート）トップページ |
| page.php | （固定ページテンプレート）固定ページ |
| rtl.css | （RTLスタイルシート）右から左に記述する言語に対応するCSS |
| screenshot.png | テーマの一覧に表示するサムネイル画像 |
| search.php | （検索結果）検索結果ページ |
| sidebar-content.php | コンテンツサイドバーにウィジェットを表示するときに使用 |
| sidebar-footer.php | フッターにウィジェットを表示するときに使用 |
| sidebar.php | （サイドバー）メインサイドバーにウィジェットを表示するときに使用 |
| single.php | （単一記事の投稿）投稿の記事ページ |
| style.css | （スタイルシート）メインのスタイルシート |
| tag.php | （投稿タグテンプレート）タグごとのアーカイブ |
| taxonomy-post_format.php | 投稿フォーマットごとに読み込むテンプレートの種類を定義 |
WordPressの解説記事まとめ（WordPress 4.x対応）
