子テーマにテーマヘッダーを引き継ぐ際の設定方法を図解で解説します!(JINでエックスサーバーFTP使用)
親テーマから子テーマへ、テーマヘッダーを引き継ぐ方法を図解します。
・使用テーマ:JIN
・使用サーバー:Xserver
子テーマに「テーマヘッダー」という項目が無いことを確認します
ワードプレスにログインして「外観」→「テーマエディター」を開きます。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.54.19-1-300x172.png)
↓子テーマ(今回はjin_child)を選択した時に、テーマファイル一覧に下記画像の通り「テーマヘッダー」と言う項目が存在しないことを確認してください。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.53.36-300x173.png)
こちらに「テーマヘッダー」という項目を以下の工程で作成していきます。
親テーマから子テーマにheader.phpファイルを引き継ぎます
エックスサーバーの「Xserverアカウント」にログインします。
https://www.xserver.ne.jp/login_info.php
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-03-18-16.46.49-300x202.png)
「ファイル管理」をクリックします。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.35.49-300x284.png)
今回、設定を行うドメインを選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.37.09-300x235.png)
「wp-contents」を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.43.58-300x189.png)
「public_html」を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.42.30-1-300x190.png)
「themes」を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.44.21-300x193.png)
「テーマ名」(今回はjin)を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.44.35-300x192.png)
画面を下へスクロールしていくと「header.php」というファイルがあるのでクリックしてダウンロードします。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.45.10-300x194.png)
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.45.27-300x177.png)
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.46.47-300x286.png)
画面を上にスクロールして、下記のボタンを押して1つ目のページに戻ります。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.47.07-300x194.png)
「子テーマ名(今回はjin-child)」を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.47.21-300x193.png)
ファイルのアップロードにおいて「ファイルの選択」をクリックします。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.51.09-300x193.png)
先ほど親テーマ(jin)からPC上にダウンロードした「header.php」を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.48.38-300x246.png)
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.51.45のコピー-300x193.png)
「アップロード」を選択します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.51.45-300x193.png)
ファイル名一覧に「header.php」というファイルが追加されたことを確認してください。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.52.00-300x194.png)
ワードプレスの子テーマに「テーマヘッダー」が追加されているか確認します
ワードプレスに戻り、子テーマに「テーマヘッダー」と言う項目が追加されていることを確認します。
![](https://transit-switch.com/wp-content/uploads/2020/02/スクリーンショット-2020-02-10-19.55.10-1-300x178.png)
以上で、子テーマへのテーマヘッダー引き継ぎは終了となります。
お疲れ様でした。