WordPressのディレクトリ構成
WordPressをインストールすると、直下に「wp-admin」「wp-content」「wp-includes」ディレクトリや各種ファイルが設置されます。
WordPressのディレクトリの役割
wp-admin | wp-includes | wp-content |
WordPressの管理画面用のファイルが格納されているフォルダです。 | WordPressのシステム全般に関するファイルが格納されているフォルダです。 | WordPressのテーマやプラグイン、画像などが入っているフォルダです。 WordPressのバージョン変更の影響を受けないファイルがあるため、カスタマイズの際は、主にこのフォルダ内のファイルを編集します。 |
※基本的に「wp-admin」と「wp-includes」の中身は、WordPressのバージョン変更でファイルの中身が置き換わります。
WordPressのカスタマイズの際に編集するディレクトリ
WordPressのカスタマイズを行う際は「wp-content」フォルダにあるファイルを編集することがほとんどです。
「wp-content」フォルダのディレクトリは下記のような構造になっております。
念の為、wp-contentフォルダはバックアップを取っておくことがおすすめされています。
language | plugins |
翻訳ファイルが格納されています。 | プラグインファイルが格納されています。 |
themes | upgrade |
テーマファイルが格納されています。 テーマをカスタマイズする際は、このディレクトリ内のファイルを編集することが多いです。 | アップデートファイルが格納されています。 |
uploads | |
アップロードした画像ファイルなどが格納されています。 |
WordPressのファイル構成
wp-config.php | wp-login.php |
WordPressの設定ファイルです。 データベースとの連携に必要なデータなども記述されております。 | WordPressのログイン画面に関するファイルです。 |
wp-load.php | .htaccess |
WordPressの動作に必要なプログラムを読み込むファイルです。 | アクセス制限に関するファイルです。 FTPツールやフォルダ上では非表示になっていることがあります。 |
※.htaccessなどの.(ドット)から始まるファイルの表示方法は下記です。
Macの場合:⌘command + shift + .(ドット)
Windowsの場合:フォルダを開いて「表示」タブから「隠しファイル」にチェックを入れます。もしくは、.ファイルの.を削除し、ローカルにDL、編集後に.をつけてアップロードします。
WordPressのカスタマイズの際に編集するファイル
WordPressをカスタマイズする際は、アップデートで内容が上書きされないように、テーマファイルを編集します。
テーマファイルは、/wp-content/themes/内にあることが殆どです。
それぞれ目的に合ったファイルが存在しますので、そちらを編集します。
function.php | front-page.php |
WordPressの機能を拡張したり変更をする際に編集するファイルです。 | サイトのトップページに使用されるファイルです。 front-page.phpが存在する場合は、WordPressの設定に関係なくサイトのトップページとして常に使用されます。 ちなみに、front-page.phpが無いテーマもあります。 その場合、home.phpかindex.phpの内容が表示されます。 home.phpやIndex.phpが存在し、front-page.phpも存在する場合は、front-page.phpの内容が最優先で表示されます。 |
index.php | home.php |
front-page.phpやhome.phpのファイルがない場合、トップページに表示されます。 | 投稿一覧ページを表示する際に使用するファイルです。 投稿一覧ページとは、WordPressの「投稿」のアーカイブページのことです。 ブログサイトなどでは、home.phpがトップページに使用されているケースが多いです。 |
sidebar.php | header.php |
サイドバーを表示させるためのファイルです。 サイトバーは、サイドナビとも言われます。 | 全ページ共通のヘッダーを表示させるためのファイルです。 |
footer.php | single.php |
全ページ共通のフッターを表示させるためのファイルです。 | 投稿ページを表示させるためのファイルです。 |
page.php | style.css |
固定ページを表示させるためのファイルです。 | テーマのスタイルを記述するファイルです。 |