WordPressのテーマのほとんどは、「親テーマ」「子テーマ」セットで機能させることができます。
初心者の方にとってはこれらの概念はないかもしれませんし、ブログを書くだけであれば、子テーマを入れる必要性もあまりないのも事実です。
一方で、テーマファイルエディターを編集するようなケースでは、子テーマを入れていないことによるデメリットもあります。
ここでは、SWELLを使った子テーマの作り方や親テーマのファイルをコピーする方法をご紹介いたします。
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ1(丸)-150x150.png)
SWELLと書きましたが、他のテーマの場合でも考え方は同じです。
親テーマとは?
![親子のイメージ](https://ym-life.com/wp-content/uploads/2023/07/b6ffe237015e58415c315f7ff63d2556.jpg)
![親子のイメージ](https://ym-life.com/wp-content/uploads/2023/07/b6ffe237015e58415c315f7ff63d2556.jpg)
親テーマとは、そのテーマの元となるファイルが集まったテンプレートのこと。
テーマをインストールすると、自動的に有効化されるのはこちらになります。
一般的に「テーマ」と言われるものは、親テーマのことを指しますよ。
子テーマとは?
子テーマとは、親テーマの機能やスタイルを継承するテーマのこと。
親テーマの機能を変更したい場合に使うと便利なのが子テーマです。
SWELLを始めとしたテーマは、定期的に更新があります。
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ3(丸)-150x150.png)
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ3(丸)-150x150.png)
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ3(丸)-150x150.png)
新しい機能を追加したり不具合を修正した場合に、新しいバージョンのテーマが提供されるの。
この更新は「親テーマ」に対して行われるので、親テーマのファイル内容を変更している場合、更新の度にリセットされてしまいます。
そこで、親テーマではなく子テーマに変更を加えることで、その変更を維持することができるのです。
少しわかりづらいですが、子テーマは親テーマの内容に「上書きされる」という性質があります。
そのため親テーマがいくら更新されても、その更新の上から子テーマの内容が上書きされるので、以前行った変更が維持されるという仕組み。
![親テーマと子テーマの関係](https://ym-life.com/wp-content/uploads/2023/07/2fb3efcf7a30b836535da9f870303003-2.jpg)
![親テーマと子テーマの関係](https://ym-life.com/wp-content/uploads/2023/07/2fb3efcf7a30b836535da9f870303003-2.jpg)
もし子テーマを導入していなければ、テーマの更新がかかる度に、親テーマの変更内容を書き換えないといけません。
こうした手間を省くために、子テーマを作っておかれるといいでしょう。
SWELLの子テーマの作り方
SWELLの子テーマは、親テーマとは別にダウンロードする必要があります。
SWELLを購入するとzipで親テーマと子テーマがセットでダウンロードされると勘違いしてて問い合わせしてくる人が最近増えてる気がする…どこ情報…?🤔
— 了🌊SWELL | Arkhe開発 (@ddryo_loos) June 11, 2022
子テーマは別ですー😇
子テーマのダウンロードは、SWELLの公式サイトから可能です。
会員サイトのマイページに入り、「swell child.zip」をクリック。
![SWELLの子テーマダウンロード方法](https://ym-life.com/wp-content/uploads/2023/07/364ce3a041f0654d41597ac97d9f63c8.jpg)
![SWELLの子テーマダウンロード方法](https://ym-life.com/wp-content/uploads/2023/07/364ce3a041f0654d41597ac97d9f63c8.jpg)
そうするとzipファイルがダウンロードされますので、そのzipファイルをそのままWordPressにアップロードしていきます。
「外観」→「テーマ」
![SWELLの子テーマダウンロード方法2](https://ym-life.com/wp-content/uploads/2023/07/9c523d941324739ddb729b2dfe294e87.jpg)
![SWELLの子テーマダウンロード方法2](https://ym-life.com/wp-content/uploads/2023/07/9c523d941324739ddb729b2dfe294e87.jpg)
「新規追加」
![SWELLの子テーマダウンロード方法3](https://ym-life.com/wp-content/uploads/2023/07/e72639a1f71b6bb5de72b7eb5d31dfdd.jpg)
![SWELLの子テーマダウンロード方法3](https://ym-life.com/wp-content/uploads/2023/07/e72639a1f71b6bb5de72b7eb5d31dfdd.jpg)
「テーマのアップロード」→「ファイルを選択」から、先ほどのzipファイルを選択します。
![SWELLの子テーマダウンロード方法4](https://ym-life.com/wp-content/uploads/2023/07/757568caccf429077ea52c838041280f-1.jpg)
![SWELLの子テーマダウンロード方法4](https://ym-life.com/wp-content/uploads/2023/07/757568caccf429077ea52c838041280f-1.jpg)
「今すぐインストール」
![SWELLの子テーマダウンロード方法5](https://ym-life.com/wp-content/uploads/2023/07/67bfa2f7b25b4b47a0cb659351eb4c51.jpg)
![SWELLの子テーマダウンロード方法5](https://ym-life.com/wp-content/uploads/2023/07/67bfa2f7b25b4b47a0cb659351eb4c51.jpg)
インストールできたら、子テーマを「有効化」しておきましょう。
![SWELLの子テーマダウンロード方法6](https://ym-life.com/wp-content/uploads/2023/07/84550567fadedc6ded41d4812d1ee3af.jpg)
![SWELLの子テーマダウンロード方法6](https://ym-life.com/wp-content/uploads/2023/07/84550567fadedc6ded41d4812d1ee3af.jpg)
親テーマのファイルを子テーマにコピーする方法
コピーの方法は様々ありますが、この記事ではFTPソフト「FileZilla」を使用した方法をご紹介します。
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ1(丸)-150x150.png)
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ1(丸)-150x150.png)
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ1(丸)-150x150.png)
エックスサーバーなどの「ファイルマネージャ」から行ってもOKです。
![](https://ym-life.com/wp-content/uploads/2022/11/77642bae61f92085ca827f46a7b9ea74-300x169.jpg)
![](https://ym-life.com/wp-content/uploads/2022/11/77642bae61f92085ca827f46a7b9ea74-300x169.jpg)
![](https://ym-life.com/wp-content/uploads/2019/06/おすすめのFTPソフト、FileZillaの導入方法-300x169.jpg)
![](https://ym-life.com/wp-content/uploads/2019/06/おすすめのFTPソフト、FileZillaの導入方法-300x169.jpg)
親テーマのファイルをコピーする
まずは、FileZillaにログインしていきましょう。
自身のブログのドメイン名を選択→「public_html」→「wp_content」→「themes」の順にクリックすると、親テーマを確認できます。
![親テーマを子テーマにコピーする方法](https://ym-life.com/wp-content/uploads/2023/07/e05f75d8de418a6b14ff1d111a3187bc.jpg)
![親テーマを子テーマにコピーする方法](https://ym-life.com/wp-content/uploads/2023/07/e05f75d8de418a6b14ff1d111a3187bc.jpg)
「swell」から、コピーしたいファイルをデスクトップなどにドラッグ&ドロップしましょう。
![親テーマを子テーマにコピーする方法2](https://ym-life.com/wp-content/uploads/2023/07/7f368bfca144f547a4118274d221529d.jpg)
![親テーマを子テーマにコピーする方法2](https://ym-life.com/wp-content/uploads/2023/07/7f368bfca144f547a4118274d221529d.jpg)
ここでは、仮に以下の2つのファイルを抜き出してみます。
- 「parts」→「single」→「post_head.php」
- 「lib」→「content_filter.php」
①のファイル
![親テーマを子テーマにコピーする方法3](https://ym-life.com/wp-content/uploads/2023/07/30d41d9f4cdd0ad925fd46e255b868b7.jpg)
![親テーマを子テーマにコピーする方法3](https://ym-life.com/wp-content/uploads/2023/07/30d41d9f4cdd0ad925fd46e255b868b7.jpg)
②のファイル
![親テーマを子テーマにコピーする方法4](https://ym-life.com/wp-content/uploads/2023/07/7a527fa35339399d62a0cbced19444b5.jpg)
![親テーマを子テーマにコピーする方法4](https://ym-life.com/wp-content/uploads/2023/07/7a527fa35339399d62a0cbced19444b5.jpg)
子テーマにファイルをアップロードする
先ほどコピーしたファイルを、子テーマに入れていきます。
テーマを選択する階層まで戻り、「swell_child」をクリックし子テーマにアクセスしましょう。
![子テーマにアップロードする方法](https://ym-life.com/wp-content/uploads/2023/07/16970dc14facb683cc4080e7c5499d27.jpg)
![子テーマにアップロードする方法](https://ym-life.com/wp-content/uploads/2023/07/16970dc14facb683cc4080e7c5499d27.jpg)
先ほど親テーマからコピーしたファイルをドラッグ&ドロップすると、子テーマへのコピーは完了です!
![子テーマにアップロードする方法2](https://ym-life.com/wp-content/uploads/2023/07/e12e4c4678a2bb60538dd19a3f2ba72a.jpg)
![子テーマにアップロードする方法2](https://ym-life.com/wp-content/uploads/2023/07/e12e4c4678a2bb60538dd19a3f2ba72a.jpg)
WordPressからアップロードしたファイルを確認しよう
「外観」→「テーマファイルエディター」をクリック。
![子テーマを確認する方法](https://ym-life.com/wp-content/uploads/2023/07/2e605b7b690907627d7b48cc6ffceaef.jpg)
![子テーマを確認する方法](https://ym-life.com/wp-content/uploads/2023/07/2e605b7b690907627d7b48cc6ffceaef.jpg)
編集するテーマ「SWELL_CHILD」内に、先ほどコピーしたファイルが入っていることを確認しましょう。
![子テーマを確認する方法2](https://ym-life.com/wp-content/uploads/2023/07/c09479d6b0680ebeab8be50c88cc22e6.jpg)
![子テーマを確認する方法2](https://ym-life.com/wp-content/uploads/2023/07/c09479d6b0680ebeab8be50c88cc22e6.jpg)
あとは、親テーマを更新する要領でファイルの書き換えをすればOKです!
あとがき
SWELLで、子テーマを導入する方法についてご紹介しました。
今回はFTPソフト(FileZilla)を使ったやり方をご紹介しましたが、サーバー側のファイルマネージャで行ったり、プラグインを使う方法もあります。
どの方法でも導入できますので、やりやすい方法で子テーマを導入してみてくださいね!
コメント