WordPress子テーマに「header.php」を追加する方法 for beginners

こんにちは、TOMOMIです。

今日はWordPressでブログを運営している方向けのお話しです。

カスタマイズしようと思ったら、子テーマの中に「あれれ？ファイルがない！？」という経験ありませんか？で、仕方なく親テーマを編集・・・。

これではなんのために子テーマを導入しているのかわからなくなっちゃいますよね。そんな時の解決法をご紹介します。

説明は以下の環境を前提に進めます。使用テーマ、サーバー、ソフトなどによって、作業・表示内容が異なる場合がございます。ご了承ください。

テーマ	ハミングバード
サーバー	エックスサーバー
ソフト	FFFTP

準備するもの

FTPソフト

ファイルをサーバーにアップロードしたり、ローカル（PC）にダウンロードするために使用するツールです。

有名なものに「FileZilla」「Cyberduck」などがあり、私は「FFFTP」というソフトを使っています。

Step1. テーマフォルダの場所を確認

はじめに、WordPressのテーマがインストールされている場所を探しましょう。

FFFTP右側の画面（サーバー）を「example.com」→「public_html」→「wp-content」の順にクリック。「themes」というフォルダがみつかったら、それを開きます。この中にWordPressのテーマがとテーマがインストールされています。

Step2. 親テーマからファイルをダウンロード

インストールされているテーマの一覧。hummingbirdが親テーマ、hummingbird_customが子テーマ。まず、上の親テーマを開きます。

たくさんのファイルの中から「header.php」を探し選択。

左側の画面です。これからheader.phpをローカル（PC）にダウンロードします。下向きになっている矢印ボタンをクリック。

ダウンロードできました！

Step3. ダウンロードしたファイルを子テーマのフォルダにアップロード

/example.com/public_html/wp-content/themes/

サーバー側（右）をこの画面まで戻します。今度は子テーマのhummingbird_customを選択。

ローカル（左）にあるheader.phpを選択。上向きの矢印をクリックしてサーバーへアップロードします。

サーバー（右）にheader.phpがアップロードされました。

WordPress → 外観 → テーマの編集でheader.phpが追加されていることを確認！これで親テーマをさわることなく、ヘッダーが編集可能になりました。