Slider

Blog and WordPress

WordPressのテーマの「子テーマ」を作ったぞ。これでテーマの更新があってもカスタマイズを引き継げる

投稿日:2013/09/22 更新日:

 どうもみなさん

 今回はWordPressのテーマに子テーマを作りました。これからはテーマの編集を行う際はこちらの子テーマをいじる事でテーマの更新があったとしても変更した点を残すことができます。普通にテーマのスタイルシートを書き換えることでデザインを変えているとテーマの更新があった時にすべてなくなってしまいます。テーマの更新があるたびに面倒なことにならないようにこの子テーマが使えるのです。

 早速、作り方に入っていきたいとおもいます。

子テーマの作成

 まずは、WordPressのテーマが保存してある場所に子テーマ用のフォルダを作りましょう。今回は「child」というフォルダでやってみます。

 私はロリポップサーバーを使用しておりますので、サーバー側の操作はロリポップを例にしていきます。ロリポップのFTPツールからフォルダを作っていきます。他のサーバーの方はフォルダを作ってからサーバーに上げるという方法でしょうか。

childtheme1

  フォルダ名は「child」にします。

childtheme2

 フォルダを作ったら、次はフォルダに入れるCSSファイルを作ります。今回はterapadで作りました。以下のように、フォルダの名前とテーマの名前を書きます。

/*
Theme Name: child
Template: stinger3ver20130906
*/




childtheme3

 私の場合はテーマがstinger3ver20130906となっていますが、この部分をご自身のテーマにしてください。

 次に、その下にテーマのスタイルシートをコピペします。WordPressの管理画面の外観→テーマ編集からスタイルシートの編集画面を呼び出してコピーしましょう。

childtheme4

 スタイルシートの内容を全てコピペしましたが、以下のように記述する事でコピペしなくても内容を読み込めるようです。

@import url('../stinger3ver20130906/style.css');




 ここまで、やったら保存してサーバーにアップしましょう。名前はstyle.cssで良いかと思います。ロリポップFTPから先ほど作った「child」にアクセスして、そこにアップロードです。

childtheme5

ファイルを選択してアップロードすればOKです。

childtheme6

子テーマの適用

 ここまでやったら、WordPressのテーマ変更画面にいきましょう。以下のように「child」というテーマができていますので、テーマをこれに変更します。

childtheme7

無事に有効化できました。

childtheme8

ブログの見た目も問題ありません。

childtheme9

最後に

 これで、スタイルを変更してもテーマの更新でなくなったりはしなくなりました。色々とスタイルを自分流にアレンジしたい人は子テーマ化してから、変更するようにしましょう。

 いざテーマを編集しようと、WordPressの管理画面からスタイルシートの編集画面に入るとスタイルシートが白紙になっていました(なぜだろう?)。とりあえず、さきほどサーバーにアップしたCSSを保存しておいたので、その中身をコピペしました。ブログのスタイルなども今はちゃんと表示されているようですが、そのような現象が起こるかもしれません。

参考にしたページ

【重要】WordPressテンプレートのカスタマイズ前に子テーマをつくる方法CSS篇|ThePresentNote

 

 

 


 記事はいかがでしたでしょうか?当ブログの管理人うらまつです。海外旅行とジャグリングが好きでこんなことやっております。ご覧になっていただければ嬉しいです。

広告

広告

-Blog and WordPress
-,

執筆者:


  1. […] 俺だって情報発信!!様 – WordPressのテーマの「子テーマ」を作ったぞ。これでテーマの更新があってもカスタマイズを引き継げる […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

webmaster-eyecatch2

Google ウェブマスターにサイトマップを送信しよう!SEO対策になるぞ

 こんにちは、今回はGoogle Webmaster toolを使って、自分のブログのサイトマップを送信しました。サイトマップを送信することで自分のブログの記事がありますよという事を検索エンジンに教え …

wapuueyecatch

ブログにコンテンツスライダーを設置できるプラグイン「WordPress Content Slider」を導入してみた

 今回は、WordPressのプラグインのひとつ「WordPress Content Slider」を導入しましたので、その導入方法について書いていきたいと思います。このWordPress Conte …

hatebueyecatch

はてなブログPro申し込んでみた!もうひとつのブログ開設!!

 このたびもう一つ新たにブログを開設しようと思い、はてなブログでブログを開設しました。どうせなら独自ドメインでという事で有料ですが、はてなブログProを申し込みました。新たなブログは「下戸のビールブロ …

oridomaineycatch

お名前ドットコムで独自ドメインとってみた。意外とあっさり取れました。

 みなさんこんにちは。  今回は、お名前.comを利用してオリジナルのドメインを取得してみました。このブログはすでに独自ドメインで運営しているのですが、今回は「はてなブログ」に新たにブログを開設しよう …

wordpress-logo

今話題のWordPressテーマ「Stinger」を試してみた。素晴らしいSEO対策付きでアクセスアップ!!

 みなさんこんにちは。  最近、話題となっている高性能WordPressテーマの「Stinger」を私も試してみました。SEO対策や広告の表示場所などが最適化されており、アクセス数や収益の上昇が望める …

検索

管理人の動画「海外旅行しながらジャグリングしてきた」