質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.36%

  • PHP

    25497questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • CSS

    8376questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

超初心者:子テーマの設定がどうしても成功しません。教えて下さい。

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,660

SinOS

score 5

 前提・実現したいこと

Twenty Seventeenの子テーマを作成したい。

何卒よろしくお願い申し上げます。

 発生している問題・エラーメッセージ

親テーマが見つかりません。「Twenty Seventeen\」の親テーマをインストールしてください。』となり反映されません。

 該当のソースコード

<php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>
/*
Theme Name:Twentyseventeen-child
Template:Twenty Seventeen
Version:1.6
*/

 試したこと

Twenty Seventeenでサイトを制作し始め、途中で「子テーマ」を作成必須の情報を得ました。
色々とサイトを見て回り
・functions.php
・style.css
をTextEditorで作成し上記ファイル名に変換、TwentySeventeen-Childに保存しFTPサーバーで/私のドメイン.com/wp/wp-content/themesの中にTwentySeventeen-Childを収めましたが、反映されません。
次にデスクトップからZipにした状態で新規テーマアップロードルートでも「親テーマが見つかりません。「Twenty Seventeen\」の親テーマをインストールしてください。』となり反映されません。

 補足情報(FW/ツールのバージョンなど)

FTP:FileZilla
Edit: TextEditor1,13
レンタルサーバー: GMO SD-11プラン

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2018/06/08 09:09

    「WordPress」もタグに追加してください。また、タイトルには要件”のみ”を記載してください。 https://teratail.com/help/question-tips#questionTips3-1 >ありがちな失敗としては、「助けてください」「初心者です」という表題をつけてしまうことです

    キャンセル

  • SinOS

    2018/06/09 16:50

    当サイトを使用する上で大変役立つ情報を頂きありがとうございました!

    キャンセル

回答 3

+3

こちらのページの様に子テーマの作成をしていますでしょうか。

https://digital-life.club/hp/wordpress/twentyseventeen-child

ローカル環境で試してみましたが、style.cssのコメント部分が良くないようです。
以下のように子テーマを作成したら動作しました。
ご確認ください。(Templateの部分が重要なようです)

/*
Theme Name:     Twentyseventeen-child
Theme URI:      
Description:    Twentyseventeen child theme.
Author:         Me
Author URI:     
Template:       twentyseventeen
Version:        0.1.0
*/

 コメントを受けての追記

40ページほどサイトを閲覧して回りましたが書いてあることはどこもほとんど要領が同じで的確な解決策がわかりません。
Versionを最新のに書き直して見たり親テーマを一度削除してみましたが変化もありません。
何か決定的な手順が違うのでしょうか・・・

多くのWebページで紹介されている手法の中で、自分と同様の事例で失敗、ハマりの情報が少ない場合、
経験上、何か凡ミス(他の人があまりやらないような事)をしてしまっていることが多いです。
(もしくは大変稀なケースにあたってしまった)

参考にされたサイトの手順通り、一字一句違いなく模倣されていますでしょうか。
ローカル環境で再現性確認はしていませんが、もしかしたら子テーマのフォルダ名に問題があるかもしれません。
当方の環境では、以下のようにしています。
違いがあるか、ご確認ください。(関係ある部分のみ抜粋しています)

  • wordpress, 4.9.6
wp-content/
  └themes
      ├twentyseventeen
      └twentyseventeen-child
          ├functions.php
          └style.css

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/05/29 12:50

    WordPressのファイル新規追加でファイルをアップロードしたところ、、、壊れてしまったようです><;

    ドメインにアクセスすると以下表記が・・・

    Parse error: syntax error, unexpected '\' (T_NS_SEPARATOR), expecting identifier (T_STRING) in /export/sd208/www/jp/r/e/gmoserver/7/6/(ユーザー名)/(ドメイン名)/wordpress-4.9.1-ja-jetpack_webfont-undernavicontrol/wp-content/themes/twentyseventeen-child/functions.php on line 13

    キャンセル

  • 2018/05/29 14:34

    色々と試されて、状況が分からなくなってしまったようですね。
    まずはdit.様のコメントにあるように「キレイな子テーマの無い正常な状態」への復旧をされるのが良いです。

    その後、回答にあるような手順で子テーマの適用を検証して見てください。
    アレをやったり、コレをやったり、となってしまうと「どういった事をやった時に、どうなったか」ということが整理できず、問題が迷宮入りしてしまいます。

    混乱を避ける為、一旦コメントを控えさせて頂きますね。

    キャンセル

  • 2018/05/29 21:53

    takyafuminさん
    ご助言ありがとうございます。大変助かっております。
    現在、今後忘れないように、一つ一つの失敗事例を覚えながら再度1から丁寧にやってみるつもりです!

    キャンセル

+3

転記の際のミスかもしれませんが、気になった部分をいくつか

Template:     twentyseventeen //親テーマ名ではなく親テーマのフォルダ名に

開始の<php<?php


以降追記

Twenty SeventeenとEscutcheonのみインストールされている、Twenty Seventeenはカスタマイズしていたが初期化されて構わない を前提で。

Twenty Seventeenが現在どういう状態だかよくわからなくなっているため削除します。
1-1.Escutcheonを有効化する または 「新規追加」からTwenty Sixteenあたりをインストール→有効化してください。
1-2.FTPから「twentyseventeenフォルダ」を削除するか、テーマ画面→Twenty Seventeenテーマの詳細→右下「削除」→OK
この時点でテーマの一覧からTwenty Seventeenが消えて、実際のサイトも1で有効化したテーマになっていると思います。
管理画面、実際のサイトを表示させてエラーや不具合が無いか確認してください。
大丈夫なら次へ。

2-1.テーマ画面から「新規追加」Twenty Seventeenをインストール→有効化
この時点でも念のため管理画面やサイトを確認してください。
カスタマイズされていないTwenty SeventeenのデザインになっていればOK
大丈夫であれば子テーマ作成へ。

FTPが使えるということなのでzipアップロードではなくFTPでアップする方法です。
3-1.ローカルに「twentyseventeen-child」フォルダを作成
その中にfunctions.phpとstyle.cssを作成 ※以下のものを使用してください
functions.php(最後の?>が無いのはわざとなので大丈夫です)

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

style.css

/*
Theme Name:Twentyseventeen-child
Template:twentyseventeen
*/


3-2.twentyseventeen-childフォルダをwp-content/themes/にFTPでアップ
こういう状態

wp-content/
 └themes
    ├twentyseventeen
    └twentyseventeen-child
       ├functions.php
       └style.css

3-3.管理画面(テーマ)から子テーマを有効化
改めて管理画面、実際のサイトを表示させてエラーや不具合が無いか確認してください。
子テーマ側のstyle.cssにわざとbody{color:#f00;}こういうのを追記して本文の色が変わるかチェック→確認できたら削除しておく

この手順のどこかで不具合があれば、「どこでダメになったか」をご提示ください。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/05/30 04:28 編集

    wordpressを全て再インストールし直しました。
    パスワード等もです。

    そしてテーマ管理画面に行きました。
    ・Twenty Seventeen(有効化)
    ・Twenty Fifteen
    ・Twenty Sixteen
    の状態でした。

    Twenty Seventeenの画像は抜け落ちています…
    もはや通常の「親テーマ」「子テーマ」の機能性さえ確保できるのであれば、この画像抜け落ちは無視して行こうと思うのですが、後々デメリットなことになりますでしょうか?

    試しにAstrid(別のテーマ)で.cssの親ファイル名と子ファイル名に書き直してみました。結果はTwenty Seventeenと同じく、下部に
    ---
    壊れているテーマ

    以下のテーマはインストール済みですが、足りない部分があります。
    ---
    と表記されました。
    溜息ものです。

    追報
    Twenty Seventeenの親テーマの画像写真が表示されるようになりました!

    追追報
    手順通りに行い。確認の外観テーマの部分で。
    下部に
    ---
    壊れているテーマ

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

    名前 説明
    Twentyseventeen-child\ 親テーマが見つかりません。「twentyseventeen\」の親テーマをインストールしてください。
    ---
    がどうしても出てしまいます。

    追記
    astrid-childをFTPで追加してみました。
    ---
    壊れているテーマ

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

    名前 説明
    astrid-child テンプレートが不足しています。独立したテーマには index.php テンプレートファイルが必要です。子テーマでは style.css スタイルシートにテンプレートヘッダーが必要です。
    ---

    : の後は半角でスペースを開けなければ動作しない。というような文言を過去にサイト閲覧で拝見したような気がしますがそちらの方は宜しいでしょうか?

    FTPでアップロード&新規追加両方で試してみました。(.cssのスペースあり版も試しましたが同様でした)

    FTP:FileZilla
    Edit: TextEditor1,13

    キャンセル

  • 2018/05/30 09:08

    子テーマを作成していない段階では管理画面もサイトも正常に表示され、不具合は見当たらないのですよね?

    Twenty Seventeen以外の子テーマを作成した場合どうなるでしょう?
    例)Astridがインストールされている状態→astrid-childフォルダにfunctions.php(回答にあるのと同じもの)と下記style.cssを入れる(FTPでアップ)→テーマの画面でAstrid-childが正しく認識されるか確認
    /*
    Theme Name:Astrid-child
    Template:astrid
    */

    元のAstridは何も変更しないでください

    キャンセル

  • 2018/05/30 09:29

    あと、可能であればFTPクライアントのソフト名、style.cssやfunctions.phpを編集しているエディタ名、利用しているサーバーのサービス名を質問に追記してください。質問文は編集することができます。

    キャンセル

checkベストアンサー

+2

簡単にプラグインで作ってはいかがでしょう??

Child Theme Generator」なら簡単にできますよ。

数項目設定する(といってもテーマ名とか)だけですぐにできますよ。Twenty Seventeenでも数分?で作成可能でした。

上のリンクは私の作った紹介ページですが、公式ページは

https://wordpress.org/plugins/child-theme-generator/

です。子テーマ作成用プラグインの中でもこれ以上簡単なものはないと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/06/09 16:54

    私が求めていたどんぴしゃりのブログを作成されていらっしゃったのですね!
    たくさんのサイトを見て回りましたが、どうして自力でたどり着けなかったのか残念です。

    しかし、こうしてご教授して頂き無事目的の「子テーマ」作成に至りました。
    本当にありがとうございました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.36%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • PHP

    25497questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • CSS

    8376questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。