![](http://how-to-business.com/wp-content/uploads/2020/04/2a64c1e8cdbf52bb7abd2df2c6674d7c-1024x683.jpg)
ワードプレスでテーマの更新をする必要があり、そのためには子テーマを設定する必要があり、さらにそのためにはFFFTPを使う必要があるのですが、私は一から分からなかったため、いくつかのブログを参考にさせていただき、一連の流れで実行した結果を記事にします。
[目次]
1.FFFTPの設定と操作
この章で参考にさせていただいたのは以下2つです。(実行した内容は参考元の手順とほぼそのままです)
参考元1:https://marushibe.mixh.jp/2017/10/17/ffftpでphpファイルを子テーマで表示させる方法/
参考元2:https://kijonojiron.com/ffftp_how_to_use
FFFTPを窓の社でダウンロードします。(今回は64bit版をダウンロードします。)
ダウンロードしたファイルを開きます。
![](http://how-to-business.com/wp-content/uploads/2020/04/ffftp-v4.5-x64.msi_.png)
[次へ]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/c97d8f340d0ee4e80818c12a2d566ebd.png)
インストール先に問題がなければデフォルトのまま、[次へ]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/762645894c4600098fd771b16c890599.png)
インストールをクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/da0fe39d04532d054eb142322f337d12.png)
以下の画面が表示され、終わるまで放置します。
![](http://how-to-business.com/wp-content/uploads/2020/04/e5a162f3fbf9c5bd401456abd0de2537.png)
[完了]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/74068a72bbbb93af0e86a2d1b4335c4c.png)
デスクトップアイコンからFFFTPを起動します。
![](http://how-to-business.com/wp-content/uploads/2020/04/dc18c83379a9b451a6becac35be93d68.png)
[ホストの設定名]、[ホスト名(アドレス)]、[ユーザー名]、[パスワード/パスフレーズ]の4つを入力していきます。Xserverを使用している場合で説明します。
![](http://how-to-business.com/wp-content/uploads/2020/04/b46def1cd6286b9f2bb9536d85c01c39.png)
[ホストの設定名]
自分が分かりやすいと思う名称を入力します。(私はXserverと入力しました)
[ホスト名(アドレス)]
ホスト名またはIPアドレスを入力していきます。
Xserverの使用者はサーバーパネルのサーバー情報から確認することができます。
![](http://how-to-business.com/wp-content/uploads/2020/04/005e58f42c8ebcafb1543a55493bcfb4.png)
[ユーザー名]
サーバーIDを入力します。
[パスワード/パスフレーズ]
サーバーパスワードを入力します。
暗号化の設定をします。チェックを選択して、[OK]をクリックします。(今回、私は以下の設定をしました。)
![](http://how-to-business.com/wp-content/uploads/2020/04/5d7b32fa8c6b8f09b4eb3cc8099e0369.png)
基本情報が入力できたら、[OK]をクリックする。
![](http://how-to-business.com/wp-content/uploads/2020/04/cd6200dc5e596e59e38105b3cc432512.png)
接続ボタンを押下します。
![](http://how-to-business.com/wp-content/uploads/2020/04/16a888f9ed9c7f9cb9b167907eb16a14.png)
[はい]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/fe28c30cded89af3b7f1ff4f7ed5eb28.png)
ホストサーバーに接続できました。左がローカルのエクスプローラー内の表示、右がホストサーバー内の表示となっています。
![](http://how-to-business.com/wp-content/uploads/2020/04/FFFTP-Xserver.png)
2.子テーマの設定
この章で参考にさせていただいたのは以下です。(実行した内容は参考元の手順とほぼそのままです)
参考元:http://www.webdesign.uh-oh.jp/install/theme.html
ホストサーバーのテーマたちが格納されているフォルダ階層を見ます。
![](http://how-to-business.com/wp-content/uploads/2020/04/645ebc7aeca40540be9c28895cf5bc0c.png)
[child]フォルダを作るために右クリックし、[フォルダ作成]を選択します。
![](http://how-to-business.com/wp-content/uploads/2020/04/67727df9d4e209b36fe194b6f873682a.png)
[child]と入力し、[OK]ボタンをクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/00be4ddda0c8a3577ce2aef35ec6eebc.png)
[child]フォルダが新規作成されました。
![](http://how-to-business.com/wp-content/uploads/2020/04/9873ff1e3aa941c0ce0695c4473e8421.png)
ローカルのデスクトップに空の「style.css」を作成します。
![](http://how-to-business.com/wp-content/uploads/2020/04/8da9f0aacd43c620595343e53f525c52.png)
ローカルの[style.css]をドラッグ&ドロップで[child]フォルダ内に持ってきます。
![](http://how-to-business.com/wp-content/uploads/2020/04/2cde3fc6aef82aa202e62a732de41e82.png)
WordPressの[外観]→[テーマエディター]を選択。
![](http://how-to-business.com/wp-content/uploads/2020/04/25c8469fc2c9eafc8e9e5609f5eafa94.png)
[編集するテーマを選択]→[child]を選択します。
![](http://how-to-business.com/wp-content/uploads/2020/04/51ff0492c5ed2d03f328f15fe7cb943a.png)
[選択したファイルの内容]にコードを記入していきます。
参考元のコードを使わせていただきます。
/*
http://www.webdesign.uh-oh.jp/install/theme.html
Theme Name: Child
Template: twentytwelve
*/
@import url(‘../twentytwelve/style.css’);
私は[stinger8]を使用しているため以下のコードとなります。
/*
Theme Name: Child
Template: stinger8
*/
@import url('../stinger8/style.css');
コードの記入をしたら、[ファイルを更新]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/024db460be2d35d83975aa56e836e959.png)
[ファイルの編集に成功しました。]とメッセージ表示されます。
![](http://how-to-business.com/wp-content/uploads/2020/04/c688b76fb592de827a52bf2c5f160c42.png)
[外観]→[テーマ]を選択し、[Child]の[有効化]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/78a42e76ef36fa258e5179be6ea40027.png)
[Child]テーマが有効になったことが確認できます。
![](http://how-to-business.com/wp-content/uploads/2020/04/2376fd9c52bb72dfbd2cef327a627cfc.png)
問題なく[stinger8]のテーマが引き継がれていることが確認できます。
![](http://how-to-business.com/wp-content/uploads/2020/04/dbd26331b31f260a94c5e57867f99301.png)
3.テーマの更新
[ダッシュボード]→[更新]を選択し、更新するテーマにチェックを付け、[テーマを更新]をクリックします。
![](http://how-to-business.com/wp-content/uploads/2020/04/746b28e6685c4827d811e946f34aab92-1.png)
テーマの更新が正常に終了したことが確認できます。
![](http://how-to-business.com/wp-content/uploads/2020/04/c48c19b3f43aaf959964f8e0bfd233ac.png)
問題なくブログが表示されていることが確認できます。
![](http://how-to-business.com/wp-content/uploads/2020/04/6b0550c7228150c97d0ae25df79a0878.png)
今回は[stinger8]の更新ではなかったため、今度[stinger8]の更新が来たら改めて確認したいと思います。
今回の記事は以上です。