• 解決済 memocco

    (@memocco)


    サイト制作中に、子テーマ名がおかしいことに気づいたので、変更しようとしていますが、うまくいきません。

    試みてみたこと

    1. 子テーマフォルをダウンロードし、フォルダごとコピー
    2. 上記コピーしたフォルダをリネーム(変更したい子テーマフォルダ名)(=「新子テーマ」とします。)
    3. 新子テーマのstyle.cssを開き「Theme Name:」を新子テーマのフォルダ名に変更
    4. /*!
      Theme Name:  themename_Child
      Template:   themename
      */

      ※テーマ名は仮です。

    5. 新子テーマをアップロード
    6. 外観-テーマで新子テーマを有効化

    上記で変更しようとしましたが、CSSが当たっていないようです。
    新子テーマのstyle.css以外に書き換える場所はありますでしょうか。
    (また、そもそも手順が間違えているのでしょうか。)
    お分かりになる方がいらっしゃいましたら、アドバイスいただけますでしょうか。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • 「試みてみたこと」にfunctions.phpに関する情報が書かれていないので、
    functions.phpによる子テーマのスタイルシートを読み込む記述が欠けているのでは無いかと思います。

    以下の記述をしたfunctions.phpを子テーマのディレクトリに入れてみてください。

    <?php
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css',
            array('parent-style')
        );
    }
    • この返信は3年、 11ヶ月前にmoyo55が編集しました。
    トピック投稿者 memocco

    (@memocco)

    moyo55さん、ご回答ありがとうございます!

    上記を子テーマのfunctions.phpに追記しましたが、特に変化がありませんでした。

    子テーマfunctions.phpには、元々下記が書かれています(既存のテーマ使用です)

    <?php //子テーマ用関数
    if ( !defined( 'ABSPATH' ) ) exit;
    
    //子テーマ用のビジュアルエディタースタイルを適用
    add_editor_style();

    ですので、

    パターン1で

    <?php //子テーマ用関数
    if ( !defined( 'ABSPATH' ) ) exit;
    
    //子テーマ用のビジュアルエディタースタイルを適用
    add_editor_style();
    
    //以下に子テーマ用の関数を書く
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css',
            array('parent-style')
        );
    }

    パターン2で
    <?php //子テーマ用関数
    if ( !defined( ‘ABSPATH’ ) ) exit;

    //子テーマ用のビジュアルエディタースタイルを適用
    // add_editor_style();

    //以下に子テーマ用の関数を書く
    add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
    function theme_enqueue_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘child-style’,
    get_stylesheet_directory_uri() . ‘/style.css’,
    array(‘parent-style’)
    );
    }
    (重複してるかと思い、元々入っている「子テーマ用のビジュアルエディタースタイルを適用」をコメントアウト)

    で試してみましたが、スタイルは読み込まれませんでした。
    他に何か考えられる原因はありますでしょうか。

    こんにちは

    まず、確認ですが、

    「子テーマ名がおかしい」ということですが、どのようにおかしいのでしょうか?文字化け(「???-CHild」とか?)しているのでしょうか?文字化けしているようでしたら、文字コードを確認(エディタおよび FTP の設定)してください。

    「CSSが当たっていないようです」ということですが、style.css は組み込まれている(ページのソースを確認してみてください)が、スタイルが反映されないということでしょうか?

    テーマは何をお使いでしょうか?テーマによっては親テーマ側で子テーマのスタイルを読み込むものもあります。

    トピック投稿者 memocco

    (@memocco)

    ishitakaさん、こんにちは。いつもありがとうございます!

    ●テーマ名がおかしいことについて
    子テーマに「cocoon-child-master」と変な名前を付けてしまったので、できれば直したいと思っています。(「cocoon-child」などに)
    文字化けはありません。

    ●テーマはcocoonです。

    ●「cocoon-child-master」のstyle.cssは下記で記述しました(本来、Theme Name: cocoon-child-master であるべき?)が、正常にstyle.cssは反映されています。

    /*!
    Theme Name: Cocoon Child
    Template:   cocoon-master
    */

    ●「cocoon-child」にリネームして、下記に書き換えてテーマを有効にしましたが、子テーマのスタイルは反映されていません。

    /*
    Theme Name: cocoon-child
    Template:   cocoon-master
    */

    色々とご説明不足で、内容をくみ取っていただきありがとうございます!

    Cocoon テーマでしたら、親テーマ側で子テーマの style.css を組み込むので子テーマ側で組み込むようなコードを記述する必要はありません。
    また、Cocoon テーマは専用の子テーマが用意されているので、これをインストールして、その style.css ファイルを編集してみてください。

    トピック投稿者 memocco

    (@memocco)

    ishitakaさん、ありがとうございます!

    Cocoonテーマは専用テーマでインストールしたのですが、デフォルトでフォルダ名が「cocoon-child-master」でインストールされ、「cocoon-child-master」というフォルダ名にしておく仕様なのかもしれないと思いました。
    無理して変更する必要もないので、このまま変更しないでおくことにします。

    アドバイスありがとうございました!!

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「子テーマ名変更がうまくいかない」には新たに返信することはできません。