[WordPress]親テーマに施しちゃったカスタマイズを子テーマに移行する

      2017/11/14

こんにちは。りょうへいです!
今回は、ついよく判らずに重ねてきてしまった
WordPressの親テーマに行っていたカスタマイズを
子テーマに移行させたので、その記録をご紹介します♪

「カスタマイズは子テーマに行いましょう」とか言われても意味不明だった…

「WordPressのテーマをカスタマイズする際は子テーマに適用しましょうね。」
とかって、よく書かれているじゃないですか。

アレがりょうへいにはイマイチ意味が判りませんでした。

とりあえずは、親テーマと子テーマをインストールしていて
利用するのは「子テーマ」を有効にさせて使ってはいましたがそれだけでした(^^;

テーマのカスタマイズを行うといいましても
修正対象となるPHPファイルは親テーマのディレクトリにしか無いし
子テーマのディレクトの中は編集したいファイルがなくて、ほぼ空っぽ!

「header.php」はおろか、「footer.php」も「itiran.php」も存在していないんですもの!!


↑子テーマのディレクトリにはファイルが全然ありません

というわけで、親テーマディレクトリの中に編集したい phpファイル があるので、そちらをワシワシと書き換えてきて参りました。

しかし、この状態を続けると、親テーマがアップデートされた場合に
お知らせを受けて、ワーイ。とよろこんで更新を実行すると…

 

 

親テーマ更新したらカスタマイズした内容全部消えたよ!

なんていう状況が待ち構えています。

これも百も承知だったのですが。
親テーマのカスタマイズにいそしんでいました….

しかーし!

やっぱり、正しい使い方をしなければ。という思いに駆られ
調べてみたところ、対応は簡単でしたので、同じようなことをしていた方
これを機に、一緒に子テーマを編集する方法を身につけましょう♪

 

親テーマをカスタマイズしていても大丈夫! 子テーマカスタマイズに移行する方法

りょうへいのように、親テーマにカスタマイズをしてしまっていた人でも安心してください!
今後は子テーマにカスタマイズを移行する方法があります。

簡単なので、一度この作業を行えばいいので、子テーマカスタマイズ運用に移行しましょうね♪

 

(1)親テーマディレクトリ内の更新した形跡のあるファイルをローカルへコピー

具体的には、だいたいの場合、下記のような感じのディレクトリ構成で
テーマのディレクトリがあります♪

/[WordPressインストール先ディレクトリ]/wp-content/themes/[テーマ名のディレクトリ]

 

ファイルの更新日でソートしてみたら、手を加えたファイルが一目瞭然でした。

りょうへいの場合は下記のphpファイルだけでした。

  • footer.php
  • header.php
  • itiran.php

上記の更新(カスタマイズ)済ファイルをFTPクライアントなどでローカルディスクにダウンロードします!

お疲れ様です! これで、作業のほぼ半分が完了です!
え? 疲れてはいませんよねw
とりあえず、これで清く正しい「子テーマカスタマイズへの道」 半分は終わったも同然。

 

(2)子テーマディレクトリ内に対象ファイルをアップロードする

(1)でダウンロードしたファイルを子テーマのディレクトリにアップロードしましょう!

親テーマのディレクトリとは別に、XXXX-child的なディレクトリがあったらそちらです。

そのディレクトリにファイルをアップロードすればOK。

 

WordPress管理画面のテーマの編集にファイルが登場!

アップロードを完了後に、WordPress管理画面から
「外観」→「テーマの編集」で有効になっている子テーマのファイルが編集できますが、こちらに先ほどの header.php なども登場しますので、今後はこちらから編集することができるようになりました!

 

まとめ

子テーマを編集していくコツとしては、有効にしている子テーマのディレクトリに編集したいファイルが存在していない場合は、親テーマディレクトリがらコピーして、子テーマディレクトリに保存したファイルを更新していくことで対応できます!

今回対応したブログは、たまたま子テーマのある状態で利用していたので簡単だったのですが、りょうへいのブログでは、親テーマしか存在していないテーマを利用している環境もあるので、今後は子テーマを自分で生成して、そちらにカスタマイズを行っていく。といったテーマでの実験も行ってみようと思います(^^;

とりあえず、これで親テーマの更新があっても安心して更新を利用できます♪

同じような悩みを持った方にも参考になったら、りょうへい嬉しいです!!

クリックで応援よろしくお願いします♪


WordPressランキング
にほんブログ村 IT技術ブログ CMSへ
にほんブログ村

ブロトピ:ブログ更新しました♪

 - Tips, WordPress, レンタルサーバ, 設定 , , ,

%d人のブロガーが「いいね」をつけました。