MENU
  • Profile
  • Life
  • Business
  • Sports
  • Tech
  • Contact
競泳元日本代表の小坂悠真オフィシャルブログです。
小坂悠真の"アスリート視点"
  • Profile
  • Life
  • Business
  • Sports
  • Tech
  • Contact
小坂悠真の"アスリート視点"
  • Profile
  • Life
  • Business
  • Sports
  • Tech
  • Contact
  1. ホーム
  2. Tech
  3. WordPressで子テーマを作る簡単な方法

WordPressで子テーマを作る簡単な方法

2015 11/12
Tech
2015年11月12日

色々とこれからカスタマイズされるにあたって、テーマが更新された時、カスタマイズした部分も消えない様に、子テーマを作ってカスタマイズする事にしました。

余計な手順を除いてさくっと子テーマ作ります。

目次

目的

何と言ってもカスタマイズした部分が消えない様にする事。テーマがアップデートされると、残念ながらテーマの中身がごっそり変わります。(たまに違うけど)

そうなるともう悲惨、1からやり直しですよ。やってられるかってね。

ということで、回避する方法として、子テーマを作っていきます。

やり方

まず最初にFTPやファイルマネージャーなどから親テーマの中の必要なファイルを取ってきます。バックアップも含めて。

Style.cssは必須。その他、Single.phpとか、Header.phpとかはカスタマイズしたい部分をお好みで。

その後、テーマのディレクトリの直下に「○○-child」というフォルダを作ります。

(別にchildというのが強制ではないけど、どうやらこうやるのが一般的らしい)

 

作ったらそれぞれの手順に進んでいきます。

 

Style.cssを作る

超簡単。テキストエディタか何かでファイル名を「style.css」にして、以下を書き込む。

/*
Template:○○
Theme Name:○○-child
Theme URI:○○
Description:○○
Author:○○
Version:1.0
*/
@import url("../○○/style.css");

○○は親テーマの名前だったり、適当に変えちゃってください。

それぞれの内容は、以下の通り

「Template」 : 親テーマのディレクトリ名 ※必須
「Theme Name」 : 子テーマの名前 ※必須
「Theme URI」 : 子テーマのURI(ある場合のみ)
「Description:」 : 子テーマの説明
「Author」 : 子テーマの作者
「Version」 : 子テーマのバージョン
「@import url」:このテーマからインポートする

 

これを先ほど作ったディレクトリの中にぶち込めば完了。

管理画面→外観→テーマで○○-childというのが表示されれば成功。

 

phpの修正について

ここでは詳しく説明しませんが、style.cssは追記のみでOKですが、phpはまるっとコピーしてきて追記するのがベターだそうです。

回避する方法もあるらしいですが、まぁ王道をいきまっせ。カスタマイズしたい場合は、ファイルを親テーマからごっそり取ってきて、カスタマイズして、子テーマディレクトリ配下にぶち込みます。

 

ちなみにfunction.phpだけは、通常とやり方が違うそうです。注意。

 

さーて、これでどんどんとカスタマイズができていきますよー!

Tech
子テーマ
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • Wordpressの記事中にソースコードを表示させる方法
  • アドセンス広告を投稿の下に2つ配置する方法とスマホ対応

この記事を書いた人

小坂 悠真のアバター 小坂 悠真

競泳元日本代表|㈱D4D 代表取締役|アスリートとして水泳教室や記事執筆やイベント出演など。ビジネスでは、起業家としてECやWEB関連の事業をメインで展開しています。

関連記事

  • Zoomの音声がこもる時の対処法|AIノイズ解除・Realtek・NVIDIA
    2025年9月1日
  • ChatGPT4oのアップデート情報のサマリ
    2024年5月21日
  • 自分的ベスト!トリプルディスプレイの配置の最適解を見つけた
    2024年1月14日
  • 複数テーブルをcolabでcross joinする方法
    2023年8月14日
  • Chat GPTを活用したスポーツの未来の作り方
    2023年4月13日
  • これからChatGPTを活用する上で必要な能力とは!初心者向け解説
    2023年4月12日
  • Google ColaboratoryでChatGPT-4を動かすための方法
    2023年4月9日
  • GPT-NeoX-20BをGoogle Colaboratoryで動かしてみる
    2023年2月26日
Sponsored Link
最近の投稿
  • AIにドハマりして、仕事の時間を減らしているのに、できることが増えすぎている話
  • 水泳で自然と身についていた「逆算思考」は、今の仕事にもつながっている話
  • Zoomの音声がこもる時の対処法|AIノイズ解除・Realtek・NVIDIA
  • ECの売上が伸びるとやることが増える。でも、まず見直すべきは「情報のインプット方法」
  • スタートアップにオススメしたいWEBサイト、サーバー、ドメイン、メアド管理方法

運営


  • Profile
  • Life
  • Business
  • Sports
  • Tech
  • Contact

© 小坂悠真の"アスリート視点".

目次