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

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

関連記事

wordpress-logo

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

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

wapuueyecatch

WordPressの管理者変更したぞ。デフォ設定の場合はセキュリティ的に大問題!

 最近、WordPressで作られたサイトの改ざんや不正アクセスの話を良く聞くようになってきていますね。特にWordPressの管理者の設定がデフォルトの「admin」になってると不正アクセスを受けや …

sharehtmlikon

記事をかっこよくシェアできるブックマークレット「ShareHtml」を導入したぞ!

 こんにちは、今回はShareHtmlを導入しましたので、その方法について書いていこうと思います。ShareHtmlといえば、自分のブログに他の記事を貼り付けることができるブックマークレットで、サムネ …

webmaster-eyecatch2

Google ウェブマスターツールに登録したぞ!SEO対策につなげよう

 今回、このブログをGoogle ウェブマスターツールに登録しました。  SEO対策になるということで、ブログを運営するには必須のものとなっています。Googleより無料で提供されているサービスなので …

logo-sharehtml

ShareHTMLをiPhoneで使ってみた!他の記事をかっこよくシェアできる!

 ブログを書く上で、他の記事をシェアしたり、他の方の記事を紹介するという機会は結構あるかと思いますが、そんな時ShareHTMLを使えば、かっこよく他のページを自分の記事に貼ることができます。今回はこ …

検索

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