『アラサー男子がアメリカで生き抜けるか。SiteHome「ブログっておもしろいよ」僕がここへやってきたきっかけは、妻のその一言でした。【WordPress子テーマとは】作り方と必要性を2ステップで簡単解説この記事ではWordPress(ワードプレス)のこテーマについて解説していきます。サイトをカスタマイズするときは、インストールしたテーマ(親テーマ)を直接カスタマイズするより、子テーマを作ったうえでそれをエディットしていくことをおすすめします。親テーマをいじるとバグった時に大変。親テーマはアップデートされると編集箇所が消えてしまう。子テーマは親テーマアップデートの影響を受けない。この記事を読めば、子テーマの理解が深まりますよ。補足】子テーマにも注意点があります【WordPress子テーマ解説】仕組みと必要な理由WordPressでウェブサイトを作るとき、テーマをインストールしてカスタマイズしますよね。実際にカスタマイズの事例を調べたり、phpやcssについて調べるとこんなことが書かれています。カスタマイズは子テーマでやろうテーマアップデートするとカスタマイズも消えちゃうけど子テーマなら大丈夫だよこんな感じの言葉を聞いても、いまいちピンとこない方も多いはずなので、最初にWordPressの子テーマを解説します。子テーマとは親テーマの見た目をそっくり引き継ぎつつ、デザインを自由にカスタマイズできるためにする用のテーマのことです。なんで子テーマを作ったほうがいいのか。その理由は下記の通り。親テーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからとりあえずこれだけ知っておけば大丈夫です。詳しい説明はあとまわしにして、作って損はない子テーマの作り方を解説していきます。作業は簡単2ステップ(所要時間10分)子テーマの設置作業はたった2つの手順で終わります。所要時間は10分程度。アップロードして有効化(所要時間2分)これが終わると管理画面で子テーマが選べるようになります。あとはこっちを有効化して好きなようにカスタマイズしちゃえばOKです。順を追って解説します。3つのファイルをでつくる【コピペで完了】(所要時間8分)最初に3つのファイルを作っていきます。ファイルは全てこの記事のコードをコピペしてもらえばOKです。3つのファイルの保存場所として、まずは下記の通り子テーマ用のフォルダを作っておくと便利です。子テーマを保存するフォルダを作るフォルダ名は何でもいいのですが、今使っているテーマ名の後ろに【-child】をつけるとわかりやすいと思います。フォルダの保存場所は好きなところでOK。このサイトは【siteorigin-unwind】というテーマを使っているので、【siteorigin-unwind-child】と名付けて子テーマフォルダを作ります。フォルダができたら下記の3つのファイルをコピペして保存していきます。);}コピーしたらお使いのテキストエディタ(※持ってなければメモ帳やノートパッドでも可)に、そっくりそのまま貼り付け。ファイル名を【functions.php】にして保存します。style.css続いて2つ目のファイルです。こちらはスタイルシートと呼ばれるページの見栄えやスタイルを効率的に定義するためのファイルになります。Name:siteorigin-unwind-childTemplate:siteorigin-unwindVersion:1.4.3*/ここでは少し書き換えが必要です。下記の3点を書き換えてください。親テーマの現行バージョンはWordPressの管理画面で確認できます。左側メニュー「外観」>「テーマの編集」>「style.css」style.cssを開くと、上の方に書いてあるのでそちらをコピペします。書き換えが終わったら【style.css】と名前をつけてchildフォルダに保存します。single.php最後に、カスタマイズしたいファイルのクローンを作ります。今回は記事ページのカスタマイズを想定した上で【single.php】をつくっていきます。このファイルはお使いのテーマによって内容が異なるので、各自WordPressの管理画面から確認してください。確認方法は【style.css】のバージョン確認と同様の手順。「外観」>「テーマの編集」>「個別投稿(single.php)」この内容を全コピしてテキストエディタにペーストしたら、これまでと同じく【single.php】と名前をつけて子テーマのフォルダに保存。これで準備は完了です。アップロードして有効化【管理画面で完了】(所要時間2分)ここまで来たらあとは簡単です。先ほど作った子テーマフォルダをzipファイルに圧縮します。続いて、管理画面から下記の手順でzipファイルを選択しインストール、有効化したら完了です。「外観」>「テーマ」>「新規追加」>「テーマのアップロード」お疲れ様でした。これで自由にカスタマイズし放題これでソースコードも自由にいじることが出来ます。親テーマを直接編集するわけではないので、今回作った子テーマを編集し続ける限り、親テーマのアップデートがあってもカスタマイズが消えることはありません。これであなたもワンランク上のワードプレスユーザーの仲間入り。おめでとうございます。補足】子テーマにも注意点があります今回は自由にカスタマイズできる子テーマの作り方をご紹介しました。簡単だと思うので、WordPressをお使いの方は子テーマを作ってバリバリカスタマイズしちゃってください。便利な子テーマにも知っておくべき注意点があります。別記事でまとめていますので、一息ついたら必ず目を通してください。日本で生まれ育ち20代半ばでアメリカに移住してきたアラサーです。日本で大学卒業とともに留学→就職失敗→ニート→広告業界に就職→再渡米→アメリカでフリーランスに。ブログを始めたきっかけは妻の一言でしたが今ではすっかり生活の一部になってしまいました。『アラサー男子がアメリカで生き抜けるか。