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

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

関連記事

wapuueyecatch

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

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

wapuueyecatch

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

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

logo-sharehtml

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

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

oridomaineycatch

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

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

sharehtmlikon

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

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

検索

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