子テーマの作り方と有効化する方法【図解】

前回までの記事でWordPressをカスタマイズするには子テーマを最初に作っておく事が重要という記事を書いてきました。

おさらいしておくと、テーマが更新する度にカスタマイズしたファイル達は全部初期化されるので、親テーマをコピーした子テーマを作成して更新しても初期化されないようにしておくという感じです。

ただ、テーマを構成する全てのファイルをコピーする必要はなく、修正するファイルだけコピーしておけばOK。それ以外は親テーマのファイルを読み込むのでカスタマイズしたり、修正したりするファイルだけをコピーして子テーマに追加していきます。

今回は実際にどのように子テーマを作るのかという部分を解説していきます。

WordPressをカスタマイズする時に色々なphpファイルをコピーしていきますので、この手順はしっかりと覚えてしまいましょう。それから最後に重要な注意事項もありますので、必ず最後まで記事を読んで下さいね。

また、今回はロリポップ版での解説ですが、ロリポップではなくエックスサーバーを利用している場合にはこちらの記事を参考に子テーマを作成して下さい。
エックスサーバーで子テーマを作成する方法

スポンサーリンク

子テーマを作り方と手順

先に子テーマを作る流れを大まかに説明しておきますね。このブログを読んでくれている方のほとんどがロリポップサーバーを使っていると思いますので、ロリポップの場合の手順になります。

  1. ロリポップ側で新しいフォルダを作成。
  2. 親テーマ(今回はtwenty twelve)のファイルをコピー。
  3. ロリポップで作成したフォルダにコピーしたファイルを貼り付け。

という流れが大まかな流れになります。

基本的にはWordPressの中に「themes(テーマ)」というフォルダがあり、インストールされているテーマがそのフォルダの中に入っています。その中に新しくテーマを作成していく流れになります。実際にやってみるとすぐに理解できますよ。

今回は2つのファイルをコピーしてみましょう。なぜ2つかというときちんと理由がありますのでそれも説明していきます。

親テーマのインストール

まずは今回サンプルとして利用する親テーマ「Twenty Twelve」をインストールします。別のテーマでも構いません。

例えばStinger5を利用するのであればダウンロードサイトからStinger5をインストールという感じです。

※すでにインストール済みならそのまま次に進んで下さい。

WordPressの管理画面から「外観」⇒「テーマ」と進み、「新しいテーマを追加」という部分をクリックします。

新テーマ-1

検索窓があるので「Twenty Twelve」と入力して検索してインストールしておきます。

新テーマ-2

インストールできたら一度「有効化」しておきます。

これでテーマ(親テーマ)が有効化されますので、有効化できたらWordPressの外観⇒「テーマの編集」と進みます。

テーマの編集-1

テーマの編集をクリックすると「スタイルシート」が表示されますので、最初の方に書かれている「テーマ名(Theme Name)」を確認しておいて下さい。

Twenty Twelveの場合のテンプレート名は「Twenty Twelve」になってますね。

テーマの編集-2

スティンガー5(今現在のバージョン)の場合はこのようになってます。

子テーマ-1

このテーマ名(Theme Name)は後で使うのでメモ帳などに貼り付けておきましょう。

実際に子テーマを作ってみよう

最初にコピーするのは「style.css」というファイルです。これから子テーマを作り有効化する訳ですが最初に必要なのがこの「style.css」になります。スタイルシートというやつです。

スタイルシートはテキスト文字の大きさやフォント、各部分の装飾をするためのファイルです。それではまずロリポップへ移動しログインしてユーザー専用ページへ移動しておいて下さい。

ロリポップユーザー専用ページに移動できたら「webツール」⇒「ロリポップFTP」と進んで下さい。

子テーマ-1

ここに最初独自ドメインを設定した時に作った自分のサイトのフォルダがありますのでこれをクリック。

ワードプレス構造-3

そのフォルダの中身一覧が表示されますので、「wp-content」というのをフォルダをクリックします。これはWordPressの中身という意味です。

ワードプレス構造-4

「wp-content」のフォルダの中かから「themes(テーマ)」というフォルダをクリックします。

子テーマ-2

「themes(テーマ)」というフォルダの中に今現在WordPressにインストールされている「テーマ」の一覧が表示されていると思います。

この「themes(テーマ)」の中にここに新しく「子テーマ」のフォルダを作って行きます。この「themes(テーマ)」というフォルダの画面で「新規フォルダ作成」というボタンをクリック。

子テーマ-3

新規フォルダ名は何でもいいですが、子テーマなので、「Child」と名づけています。フォルダ名を決めたら「保存」をクリックします。

子テーマ-4

すると「themes(テーマ)」というフォルダの中に今作成した「Child」というフォルダが表示されているはずですので、これをクリックします。

子テーマ-5

当然今作ったフォルダにはまだ中身はありません。ここの中に今度は「ファイル」を作成して行きます。フォルダ名が「Child(私の場合)」になっている事を確認して今度は「新規ファイルを作成」をクリック。「フォルダ」ではなくて、「ファイル」を作成です

子テーマ-6

新規ファイル名に「style.css」と入力します。これは深く考えずにこのまま記入。そして、その下の部分にファイルの内容を記入する部分があります。

子テーマ-9

この内容の部分に普通は親テーマのファイル(今回は「style.css」)をそのままコピぺして保存します。しかしながらこの「style.css」に関しては別の記入で簡単に作成する事ができます。

例えばTwenty Twelveのテーマを利用する場合はこんな感じです。

/*
Theme Name: Child
Template: twentytwelve
*/

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

最初に調べておいた親テーマのテーマ名をここの「Template:」の部分に記述し、「@import url(‘../●●●●/style.css’);」の●●の部分にも親テーマのテーマ名を入れます。合計2箇所確認して下さい。

Twenty Twelveの場合は上記のコードをこのままコピペして内容の部分に貼り付けて「保存」して下さい。これはテーマ名と親テーマの名前、それから@の部分がtwentytwelveの「style.css」をインポートして下さいという意味です。

子テーマ-7

これで保存をしてとりあえず1つ目のファイルは完了です。

MEMO

「@import url」の部分の上の空白の1行に「半角のスペース」が入っていてこれを削除しないと上手く行かなかった。というコメントも頂きました(kurina様ありがとうございます!)。

もし上手く反映されない場合にはその点もチェックしてみて下さい。

子テーマを有効化してみる

ここまでで新しく「Child」という子テーマを作成しましたので、これを有効化して行きます。今度はWordPressの管理画面から「外観」⇒「テーマ」と進んで下さい。

テーマ構成-3

すると先ほど作った「Child」というテーマがありますので、「有効化」をクリック。

子テーマ-10

するとこの子テーマが有効化されます。これで子テーマの有効化は完了。有効化できたら自分のブログを表示させて確認します。自分のサイトの表示を確認するとそのまま「twenty twlve」のテーマと同じように表示されるはずです。

もし子テーマが反映されていない場合には2つの項目をチェックして下さい。

  1. 「Ctrl」と「F5」を一緒に押してリロードしてからブログの表示を確認する
  2. 子テーマに作成した「style.css」の親テーマのテーマ名の記述ミスがないか確認する
  3. ここまでで「子テーマ」つまり、親テーマのコピーを作った訳ですが、カスタマイズする時はこの子テーマの方に書き込んでいきます。

    また、子テーマには今「style.css」しか作っていませんが、他の部分は親テーマから読み込んでますので心配はいりませんし、前回説明したように子テーマに色々書き込んでいくと子テーマの方が優先されますので、親テーマの更新で初期状態になるという事もありません。

    また、スタイルシートに関しては下に書いた(後から書いた)ものが優先的に反映されます。なので、変更したい部分だけを子テーマのスタイルシートにどんどん追加していくだけで変更が反映されます(スタイルシートの場合だけ)。

    さて、今親テーマをインポートするコードを書いて「style.css」を作ったのですが、このインポートは「style.css」の場合ですので、別のファイルをコピーする時には内容をそのままコピペします。練習の意味でもう一つコピーしてみましょう。

    補足しておくと、前回の記事で書いたようにWordPressのテーマは沢山のphpファイルでできています。

    カスタマイズしたいファイルだけ子テーマに追加しておき、コピーしたファイルの方をカスタマイズします。

    例えばコメント欄のカスタマイズをしたい場合は「comments.php」というファイルを親テーマからコピペして子テーマに追加し、コピーした子テーマの「comments.php」をカスタマイズする訳です。

    別のファイルもコピーしてみる

    先にロリポップの準備をしておきます。先ほど同様に「ロリポップFTP」⇒「自分のフォルダ」⇒「wp-content」⇒「themes(テーマ)」⇒「Child」と進みます。この「Child」に「新規ファイルを追加」します。

    子テーマ-6

    これから新しく親テーマの「single.php」というファイルをコピーしますので、ファイル名にはこの「single.php」と入力しておきます。

    子テーマ-12

    ここまで準備できたらこのファイルの内容に親テーマの「single.php」を追加します。別ウィンドウもしくは別タブでWordPressの管理画面を開き、「外観」⇒「テーマの編集」をクリックして下さい。

    テーマ構成-1

    そして右上の「編集するテーマを選択」という部分から親テーマ(twenty twelve)を選び、「選択」をクリック。

    テーマ構成-2

    右側にずらりと沢山のphpファイルが並んでいると思いますので、その中から「単一記事の投稿 (single.php)」というのクリック。

    子テーマ-11

    すると親テーマ「twenty twelve」の(single.php)というファイルの中身が表示されていると思います。この中身をすべてそのままコピーします。

    子テーマ-13

    後は先ほどのロリポップで準備しておいたsingle.phpのファイルの中身にペーストして「保存する」をクリックすれば完了です。

    子テーマ-14

    最後に子テーマに反映されているか確かめてみます。WordPressの管理画面から「外観」⇒「テーマの編集」と進みます。

    テーマ構成-1

    画面の右側の「編集するテーマを選択」で「Child」を選び「選択」をクリックすると最初に作った「style.css」と今作った「single.php」が表示されていればOKです。このコピーして追加する方法が子テーマの基本になります。

    子テーマでの注意点

    子テーマの作成の仕方も理解できたでしょうか?このようにカスタマイズしたい部分のファイルだけをコピーして子テーマに追加しながらカスタマイズしていく事になります。

    ※親テーマの全部のファイルを子テーマに追加する必要はありません。子テーマに無いファイルは親テーマのファイルを読んでくれるので、変更する予定のファイルだけを子テーマにコピーしていけばOKです。

    全部の親テーマのファイルを先にコピーして子テーマに追加しておいてもいいですが、注意するべきは「テーマのための関数 (functions.php)」というファイルです。

    この「functions.php」だけはコピーしてはいけません。というのもこれと同じファイルを作ってしまうとサイトが表示されません。このファイルだけは同じ内容があると上手く機能しませんので、「functions.php」のファイルを子テーマに追加したい時には内容を白紙状態で作っておきます。

    つまり、親テーマの「functions.php」と同じ記述があると機能しないので、追加したい内容だけ記述する事になります。まあ、このファイルだけはどうしてもという時意外は触らないのがいいでしょう。

    それではいよいよカスタマイズ本編へ行きます。

サイトのアクセスアップや稼ぐためにおすすめの無料レポート

個人的にアクセスアップや検索上位表示に役立った無料レポートです。登録にメールアドレスが必要ですが、フリーメールでもOKです。

ブログの更新はこちらから

子テーマの作り方と有効化する方法【図解】”に91件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. しげぞう 投稿作成者

    てつ様

    返信ありがとうございます。これは記事にも書いてますが、子テーマ名はchildにしてます。また、それとは別に親テーマのTheme Nameを確認してください。親テーマをインポートするための記述に親テーマ名を書く部分があります。

  2. てつ

    ご返信ありがとうございます。
    「親テーマのテーマ名を記述する部分があるので、そこだけTwenty Seventeen用に変更」との事ですが、これは自分で勝手にテーマ名を決めて変更したので良いのでしょうか?
    しげぞうさんなら、どのようなテーマ名にするか参考にお聞かせ願いますか?

  3. しげぞう 投稿作成者

    てつ様

    コメントありがとうございます。そうですね、テーマは違っても手順は同じです。ただ、親テーマのテーマ名を記述する部分があるので、そこだけTwenty Seventeen用に変更してください。

  4. てつ

    お世話になります。
    自分のテーマは「Twenty Seventeen」なのですが、Twenty Seventeenで子テーマを作る場合も同じように作業したので良いのでしょうか?

  5. しげぞう 投稿作成者

    カラス様

    返信ありがとうございます。前回と同じ事になるのですが、原因はfunctions.phpかと思われますので、子テーマのfunctions.phpファイルを削除してもらえますか?(親テーマではなくて子テーマのfunctions.phpです)ログインしなくてもサーバーのFTPからfunctions.phpファイルの削除ができます。まずは試してみて下さい。

    それで試した過程を具体的に教えて下さい。例えばサーバーらからFTPでどのファイルをどのように削除してどのように確認されたのか?できるだけ具体的に書いてもらえると助かります。よろしくお願い致します。

  6. カラス

    しげぞう様

    ご返信いただきありがとうございます。
    またまた最悪です!(◎_◎;)
    エラー表示のページで公開しているとログインできなくなりました。さっきから何度も、ログインしているのですがワードプレスのログイン画面になりません。もう永久にログインできないのでしょうか?

    本当に何と言っていいやら……。

  7. しげぞう 投稿作成者

    カラス様

    返信ありがとうございます。子テーマにfunctions.phpを入れてますか?もし「子テーマ」にfunctions.phpがあるなら内容をコピーしてメモ帳などに貼り付けしておいて下さい(元に戻せるように)。
    貼り付けして保存したら一度functions.phpの内容を全部削除して白紙の状態で保存してみてもらえますか?それでエラーが解消するか確認して下さい。

    おそらくfunctions.phpが原因かと思われます。親テーマにfunctons.phpがあるのは問題ないですが、子テーマに親テーマの同じfunctions.phpと同じ記述があるとエラーになります。子テーマの他のファイルとは違ってfunctions.phpはちょっとルールが違いますので注意です。

  8. カラス

    しげぞう様

    御世話になりますカラスです。

    何とか?有料テーマを再ダウンロードしました。ですが、やはり子テーマ(child)にしてみるとサイトがエラー表示されてしまいます。親テーマだと以前と同じ様に、「通常のサイト表示」になっています。子テーマの設定に不具合があるのだと思います。
    もしお時間がございましたら、アドバイス下さると非常に助かります。今現在、子テーマにしています。自サイトURL  です。もちろん、エラー表示です。

    以上、大変恐縮ですがどうぞよろしくお願いします。

  9. カラス

    しげぞう様

    たびたびすみません。
    今回、子テーマを実装すべく、FTPをいじっていた最中に起こった出来事なので絶望的な気がします。まずプラグインを停止してみます。いつもご対応ありがとうございます。

    (カラス)

  10. しげぞう 投稿作成者

    カラス様

    コメントありがとうございます。このテーマはこれまで使えてたって事ですか?急にテーマが壊れた感じなんでしょうか?その部分を教えてもらえると助かります。
    もしこれまで普通に使えていたのであれば最近編集したファイルもしくは有効化しているプラグインに原因があるかな?と思います。
    一度全てのプラグインを一時的に停止して確認してみて下さい。

  11. カラス

    しげぞう様

    カラスです。とうとう有料テーマが壊れてしまいました。


    「壊れているテーマ

    以下のテーマはインストール済みですが、足りない部分があります。

    名前 説明
    スタイルシートが見つかりません。 削除
    親テーマが見つかりません。親テーマをインストールしてください。 削除」

    以上の項目がでてきてしまいました。「テーマ名」は削除していただけると助かります。
    もう修復の可能性はないでしょうか?
    すでに修復の可能性がなければ、しげぞう様と同じテーマでカスタマイズしてみようかなとも思っています。
    お忙しいところ誠に申し訳ありませんが、またアドバイスをいただけると助かります。
    かなり落ち込んでいますが……。

  12. しげぞう 投稿作成者

    ボックル様

    返信ありがとうございます。ナビメニューのテキストやリンク先などは自分で作成する必要があります。最初は多分「ホーム」だけある感じではないかと思います(テーマによって違うかもしれませんが)。

    ホーム以外のナビテキストやリンクは自分で追加して設定していけます。
    ⇒https://affiliate150.com/navigation-menu

  13. ボックル

    いつもお世話になっています。
    しげぞうさんの記事を参考に子テーマを作成してみましたが、ナビゲーションメニューのところが、親メニューと違いうまく反映されません。上記に書かれていることを試してみましたがうまくいきませんでした。
    アドバイスをよろしくお願いします。

  14. マサト

    ページ制作がだいぶ進んでから子テーマというものに気づいて頭を抱えておりました。
    そんな中、こちらのページに出会い、おかげさまで悩みが一気に解消できました!
    ちょうどロリポップ使っていたので本当に助かりました。
    丁寧な記事を書いて頂いて、ありがとうございました。
    入院生活されていたようですが、どうぞご自愛下さいませ。

  15. りかこ

    しげぞう様、返信遅くなってしまって申しわけありません。
    ご教授ありがとうございます。
    かなり時間がかかってしまいましたが、無事パソコンにも反映できました。
    テーマをいじるのはまだまだ怖いところがありますが、これからもよろしくお願いします。
    ありがとうございました。

  16. しげぞう 投稿作成者

    りかこ様

    コメントありがとうございます。超初心者の方という事なのでちょっと難しいと思うのですが、我慢して読んでみて下さい。

    えっと原因については実際にサイトを見てチェックしてみないとハッキリは分かりませんが、1つ考えられるのは条件分岐かなと思ったので少し書いてみます。

    WordPressの最近のテーマはレスポンシブデザインとなっていてPC版のカスタマイズもスマホ版のカスタマイズも「1つのCSS」でできます。それぞれPC用とかタブレット用とかスマホ用のCSSを1つにまとめているのでCSSの途中に条件分岐というのがあります。

    条件分岐はブラウザのサイズでPC、タブレット、スマホと分けている感じです。

    @media screen and (min-width: ●●px)みたいな記述があると思います。

    PCなら●●スマホなら●●って感じでそれぞれの端末別に色やフォントサイズなどを変更していく事ができます。これが条件分岐なんですが、スマホの条件分岐の部分にカスタマイズのコードを入れるとPCには反映されないという事があります。

    また、利用されているプラグインが影響している場合もありますので、一度全てのプラグインを一時的に停止してからブログを表示させ、リロード(再読込み)してから確認してみて下さい。

    冒頭でも書いたように原因は見てみないとハッキリしませんので、もし良かったらブログのURLと使っているテーマ、それからどの部分が反映されないのか?という部分を教えてもらえると助かります。コメント公開時にはURLは削除しますのでどうぞよろしくお願い致します。

  17. りかこ

    初めまして。こんにちは。
    ワードプレスを使い始めて、数ヶ月の超初心です。
    やっと子テーマを作成して、カスタマイズ?をしてみたのですが、スマホで見ると反映されいるのに、パソコンで見ると反映されません。
    調べても全然対応策がわからないので、ご教授お願いします。

  18. しげぞう 投稿作成者

    81jin様

    コメントありがとうございます。子テーマを作る場合は親テーマもインストールされている必要がありますので親テーマがインストールされているか?を確認する必要があります。確認するには外観⇒テーマと進みSTINGER7(親テーマ)が表示されているか?有効化できるか確認してみると良いと思います。

    また、STINGER7は親テーマだけでなく、子テーマもダウンロードできるのではないかと思いますので、これだと面倒な事なく、子テーマができるかと思います。こちらの記事にありました。

    http://web-ashibi.net/archives/419

  19. 81jin

    はじめまして。こんにちは。
    今、子テーマを作ってる最中なんですが、
    ロリポップからワードプレスに戻って、
    テーマを見ても
    【壊れているテーマ
    以下のテーマはインストールされていますが不完全です。テーマにはスタイルシートとテンプレートが一つずつ必要です。
    Child 親テーマが見つかりません。”STINGER7″ の親テーマをインストールしてください。】

    と表示されて先に進めないでおります。。。
    ご教授願いたいです。
    よろしくお願いします。

  20. ひさか

    ありがとうございます。ワードプレスのログイン画面で●をチェックしたら、150%になっていました。
    ありがとうございます。
    何でもご存知ですね!
    悩みが解決しました。本当にありがとうございました。

  21. ひさか

    しげぞう様

    おはようございます。いつもありがとうございます。
    いま●三つのところ(ズーム)を確認しましたら、100%となっていました。
    ちなみに■のところをクリックしたら更に大きくなったので、ズームにはなっていないのですね?無知ですみません。
    ありがとうございます。

  22. しげぞう 投稿作成者

    ひさか様

    返信ありがとうございます。Chromeが特大バージョンという事であればもしかしたらズームしているだけかもしれませんので、ブラウザの右上のメニュー(3つの●が縦にならんでるやつ)をクリックして「ズーム」の部分をチェックしてみて下さい。

  23. ひさか

    しげぞうさま

    いつも、迅速にお返事くださってありがとうございます。
    chromeで開いた私のページが、特大バージョンで、IEなら、普通に表示されるので、
    カスタマイズするのにIEを使ってみようと思いました。
    プラグインとは何のことですか?またキャッシュの消し方などわからないので、息子にそのあたりは聞いてみます。
    色々とありがとうございました。

  24. しげぞう 投稿作成者

    ひさか様

    Chromeでログインできるなら問題はないと思います。IEのバージョンが古いとか、ブラウザ自体のキャッシュとか何が原因かは分からないのですが、とりあえずChromeでログインできるならそちらを使うべきかなと思います。

    もしはっきりさせたい場合には原因の切り分けが必要になりますので、例えばChromeでログインしておいてプラグインを全部一時的に停止してIEで確認するとか、IEブラウザでの以前のデータ(キャシュ)をクリアしてみるとか1つ1つ試していく必要があるため、時間がかかるかもしれません。

    多分守備範囲以外なのでサーバーなどに問合せしても答えてもらえる可能性は高くないとは思うのですが、一応利用しているサーバーへの問合せをしてみても良いかなと思います。

  25. ひさか

    しげぞうさま

    早速のお返事ありがとうございます。
    chromeからはログインできるのですが、IEからのログインができません。
    宜しくお願い致します。

  26. しげぞう 投稿作成者

    ひさか様

    返信ありがとうございます。Chromeの場合にWordPressにログインできないのでしょうか?それともどのブラウザでもログインできないのでしょうか?

    まずは「ログインページURL」、「ユーザー名」、「パスワード」の3つが間違っていないか確認してみて下さい。
    特にログインページは最初間違えやすいのでこちらの記事もどうぞ。
    ⇒https://affiliate150.com/wordpress-login

  27. ひさか

    しげぞう様

    ありがとうございます。度々、申し訳ありません。
    パソコンの動きが悪いので、普段はchromeを使っていますが、時々、IEを使います。
    先程も、IEで開いて、初めて自分のサイトを見たところ、大丈夫でした。
    どうも、chromeがダメみたいです。
    それで、ログインしようとしたら、全くできません。
    ユーザーネームもメルアドでもダメでした。どうぞ、お助けをお願いします。

  28. しげぞう 投稿作成者

    ひさか様

    コメントありがとうございます。IEはインターネットエクスプローラーです。safariとかGoogleChromeとかFirefoxとか色々なブラウザがあってそのうちIEだけおかしいという事かなと思います。ひさか様が使っているブラウザが分からないのですが、もしかしたらIEかもしれません。

    それで、それぞれのブラウザにはズーム機能などもついてるので、ブラウザのズーム機能かもしれませんので、まずはちょっと調べてみて下さい。おかしいと確認された方のブラウザも分からないのですが、古いIEのバージョンだとCSSなども反映されない部分などもあります。

  29. ひさか

    しげぞう様

    お世話になります。あれから、時間がなく、子テーマはまだカスタマイズはしていません。
    ぼちぼち時間をとり、始めようと思いますが、その前に一つお聞きしてもいいですか?
    今もその状態なのですが。子テーマを作る前に、普通に親テーマをカスタマイズしていた時に、ページがおかしくなってしまったのです。
    styleシートを触っていた直後ではなかったと思いますが、ブログを書いたりいろいろしていて、管理画面で、カチャカチャとダブルクリックしたら、突然、管理画面の文字が、特大になってしまいました。
    恐る恐る、サイトを確認したら、そちらも特大になってしまってました。
    直し方が分からず、そのままで、更新でなおるかと思ったり期待しても無理でした。
    スマホでは大丈夫ですし、タブレットで見ても大丈夫なんです。
    先日、コメントをもらいまして、safariではいいけど、I.E.で見るとおかしいとの内容でした。
    I.Eが何かわかりません。私のパソコンの問題でしょうか?
    ご指導の程、宜しくお願い致します。

  30. ひさか

    しげぞう様

    こんにちは。お世話になりました。
    無事、子テーマを作る事が出来ました。
    今後、カスタマイズにチャレンジしていきます。
    また、躓いたら、お願い致します。
    ありがとうございました。

  31. ひさか

    しげぞう様

    こんばんは。
    ありがとうございます。では、もう一度確認して、再度やりなおしてみます。
    また、ご連絡させていただきますね。

  32. しげぞう 投稿作成者

    ひさか様

    返信ありがとうございます。親テーマが有効化できるのであれば問題なさそうですね。あとはchildのフォルダとスタイルシート(style.CSSファイル)があれば子テーマは有効化できるはずです。

    ただ、注意点は子テーマのstyle.cssのインポートの記述をしますが、インポートの部分に「親のテーマ名」を入れる部分がありますので、親テーマ名を親テーマから一度確認してを間違えなくインポートの記述に入れてください。

  33. ひさか

    ありがとうございます。
    はい、テーマはHaxelで、こおの子テーマを作成したいのです。
    このテーマは既に有効化して、アップロード済みです。
    少しばかりのカスタマイズが、更新の度に、何かしらおかしくなってしまい、
    子テーマ作成を決めました。
    しげぞう様の解説通りに進めて、前回にお便りさせていただいた内容となってしまいます。
    childのフォルダ作りから、もう一度やり直し方がいいでしょうか?
    宜しくお願い申し上げます。

  34. しげぞう 投稿作成者

    ひさか様

    返信ありがとうございます。とりあえずいくつか確認です。テーマは「Haxel」の子テーマを作成するって事でOKですか?

    WordPressの管理画面⇒「外観」⇒「テーマ」で親テーマ「Haxel」はありますか?あれば有効化できますか?

    まずは親テーマ「Haxel」が有効化できるかどうか教えて下さい。どうぞよろしくお願いします。

  35. ひさか

    しげぞう様
    早速のお返事ありがとうございます。
    心より感謝致します。

    ホームページは、子テーマの必要性を知る前に、既に親テーマで作成済みでした。
    扱いやすさなど、何も考えずに、おバカな私は、Haxelという名のテーマを選び、結構な時間を要し、地道な努力で、作り上げました。
    しげぞう様のサイトに巡りあう前に、他のサイトを参考にしながら、カスタマイズをしていたら、テーマの更新の度に、元にもどったり、おかしな変化をとげてしまい、頭をかかえていました。
    そういえば、子テーマが必要・・・、と思い出し、再度、検索したところ、しげぞう様のサイトを発見したわけです。
    もう、ルンルンで、ナビ通りに進め、child フォルダーをつくり、その中に、style.cssのファイルを作りました。
    その後、ワードプレスの外観、テーマにすすむと、
    ”このテーマは壊れています。足りないものがあります。
    親テーマをインストールしてください”との記述があり、インストールボタンがついていたので、試しに押してみますと、”このテーマはすでに存在します”となります。
    何度しても、この結果になってしまいます。
    どこが、いけないのでしょうか?
    ロリポップのフォルダを、一度、削除して、もう一度作り直した方が良いのでしょうか?
    これまでの、大変わかりやすい道のりを考えると、しげぞう様以外のサイトで、
    理解、達成なんて考えられませんので、どうかご指導のほど宜しくお願い致します。

  36. しげぞう 投稿作成者

    ひさか様

    コメントありがとうございます。WordPressの管理画面から「外観」⇒「テーマ」と進み、親テーマが有効化できるか確認してみてください。それで有効化できるなら親テーマはインストールされていると思われます。

    次にロリポップFTPから子テーマ(Childフォルダ)を作成してその中に「style.css」というファイルを作成。フォルダとファイル間違えないように。

    それで作成した子テーマの「style.css」の内容に親テーマのCSSをインポートする記述を入れます。それで、「外観」⇒「テーマ」から子テーマ「child」が選択できると思います。

    もしできないという場合には上記のどの段階までできているかの状況を教えてもらえると助かります。

  37. ひさか

    初めまして。このサイト大活用させていただいております。ありがとうございます。
    ご入院なさってたのですね。ご退院おめでとうございます。

    お忙しいところ恐れ入りますが、教えて頂きたく、お便りしました。
    子テーマ作りにチャレンジしてます。ロリポップでファイルは保存できるのですが、ワードプレスの方で、親テーマが見つかりません、インストールしてください、と、何度やり直しても、その様にでます。勿論、親テーマはすでにあるので、試しに、インストールボタンを押すと、当然ながら、既に、存在します、と出ます。
    ここで、立ち往生しています。
    とても、わかりやすい解説で、ここまで、大変スムーズに来て、感動しています。
    ここから先は、どの様にクリアしたらいいでしょうか?
    どうかヘルプの程、よろしくお願いいたします。

  38. 匿名

    子テーマを有効にする方法がわからず、頭を抱えていたのですが、こちらの説明を読んで無事に解決しました!本当にわかりやすい記事で、初心者にはありがたいです。

  39. しげぞう 投稿作成者

    淡様

    子テーマに「header.php」というファイルを作成して、親テーマそのままの内容をコピペすればOKです。

    子テーマの場合、スタイルシート(CSS)は親テーマからインポートできるのですが、それ以外のファイルは基本親テーマの内容をそのままコピーしておきます。その状態からカスタマイズしたい部分を変更していく形になります。なので、仮にカスタマイズでミスっても親テーマの内容をコピーすれば初期状態には戻せます。

  40. しげぞう 様

    はじめまして、淡と申します。
    とてもわかりやすく勉強になりました!
    私もロリポップを利用していますので問題を解決することができました。ありがとうございます。

    1つお伺いしたいのですが、親テーマのテーマ編集にある「header.php」を子テーマにも複製する場合はどうすれば良いのでしょうか?

    お忙しいかと思いますが、お答えいただけると嬉しいです。よろしくお願いします!