サポート » 使い方全般 » 子テーマ有効化

  • 解決済 aotani

    (@aotani)


    twentyseventeenの子テーマを作成し
    functions.phpやstyle.cssをつくりました。

    外観 テーマ でtwentyseventeen-childも出来ています。


    有効化ボタンを押しました。
    「新しいテーマを有効化しました」とは左上に出るのですが・・
    が有効化できていません。

    その画面の twentyseventeen-childには、まだ有効化ボタンが残り

    テーマ編集画面の「編集するテーマを選択」でtwentyseventeen-childができているので
    twentyseventeen-childを選択しても
    親テーマtwentyseventeenのcssに飛んでしまいます。

    twentyseventeenではなく、子テーマtwentyseventeen-childのcssを編集したいので
    解決法を教えてほしいです

15件の返信を表示中 - 1 - 15件目 (全57件中)
  • CG

    (@du-bist-der-lenz)

    親テーマのスタイルシートを継承しているからでしょう

    munyagu

    (@munyagu)

    こんにちは

    以下のページを参考に、デバッグモードで試してみてください。

    http://wpdocs.osdn.jp/WordPress%E3%81%A7%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0

    define( 'WP_DEBUG', true );

    aotani

    (@aotani)

    お二人とも、ありがとーございます。

    CGさん
    継承しているとは?
    何か対処法があれば教えて欲しいです!

    munyaguさん
    デバッグモードとやらを試してみます!
    また報告させて頂きます

    ありがとーございます

    CG

    (@du-bist-der-lenz)

    子テーマのstyle.cssには、上書きする記述がないんでしょう

    RICK

    (@rickaddison7634)

    子テーマのfunctions.phpには下記のような記述がありますか?

    wp_enqueue_style( 'twentyseventeen-child-style', get_stylesheet_directory_uri() . '/style.css', array( 'twentyseventeen-style' ), '1.1' );

    関数の使い方は

    を参照してください。

    array( 'twentyseventeen-style' )

    とすることで子テーマのstyle.cssが親テーマのstyle.cssあとに読み込まれます。

    ただ、同列に読み込まれるものとして

    • ブロックエディタのCSS
    • ダークテーマ(?)用のCSS(条件分岐あり)
    • 古いIE用のCSS

    があるため、これらをカスタマイズしたい場合はもうひと工夫必要そうです。

    • この返信は7 ヶ月前に  RICK さんが編集しました。
    • この返信は7 ヶ月前に  RICK さんが編集しました。
    • この返信は7 ヶ月前に  RICK さんが編集しました。
    aotani

    (@aotani)

    色々とやってみましたが・・・

    だめでした。

    ちなみに
    https://digital-life.club/hp/wordpress/twentyseventeen-child
    これが子テーマを作成したサイトです。

    これだけではダメそうなんですね。
    ヤフージオシティーズから引っ越してきたり、ムームーで独自ドメインを使っているからかな

    CG

    (@du-bist-der-lenz)

    引っ越しや、ドメインとは因果しません。

    npssl

    (@npssl)

    ここに正常に動作するTwentySeventeenの子テーマがあります。
    ダウンロードして、自分が作った子テーマとの違いを探してください。
    https://github.com/ruthmaude/twentyseventeen-child/archive/master.zip

    色々試すのは結構なことですが、質問される際には【色々】では相手に伝わりません。【色々】という単語だけで何を試したのかわかる特殊能力を持ち合わせている者はおりませんので、詳しく書く習慣をつけてください。

    • この返信は7 ヶ月前に  npssl さんが編集しました。
    RICK

    (@rickaddison7634)

    ちなみに
    https://digital-life.club/hp/wordpress/twentyseventeen-child
    これが子テーマを作成したサイトです。

    上記サイトを今見に行ったらちゃんと反映されているようでした。
    ブラウザやサーバーのキャッシュを削除してみるといいかもしれません。

    それともこのサイトを参考に子テーマを作ったということでしょうか?

    RICK

    (@rickaddison7634)

    親テーマを一切いじっていない場合、functions.phpの448行目に下記の記述があります。

    	
    // Theme stylesheet.
    	wp_enqueue_style( 'twentyseventeen-style', get_stylesheet_uri() );
    

    この記述にあるget_stylesheet_uri()は、現在読み込まれているテーマのstyle.cssを返す関数です。

    親テーマが有効化されている場合は親テーマのstyle.cssが読み込まれ、
    子テーマが有効化されていると子テーマのstyle.cssが読み込まれます。

    上記サイトでは子テーマで親テーマのstyle.cssを読み込むために

    
    function theme_enqueue_styles() {
    	wp_enqueue_style( 'parent-style', get_parent_theme_file_uri() . '/style.css' );
    }
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    

    の記述をしているのでしょう。

    テーマによって親テーマのCSSの読み込み方はまちまちなので、
    子テーマのfunctions.phpには下記のような記述をすると良いでしょう。
    この記述方法ならばある程度は他のテーマでも応用が効くと思います。

    
    function theme_enqueue_styles() {
    	wp_enqueue_style( 'twentyseventeen-style', get_template_directory_uri() . '/style.css',  '2.0' );
    	wp_enqueue_style( 'twentyseventeen-child-style', get_stylesheet_directory_uri() . '/style.css', array( 'twentyseventeen-style' ), '2.0' );
    }
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    
    aotani

    (@aotani)

    もしかしたら重複しているフォルダやファイルがあるのかもしれません。
    FTPの一番上の層に

    以下が root directory なんですが
    同じフォルダやファイルが aotani-hair.com のフォルダ内にあります。

    aotani-hair.com のフォルダ内のが新しいほうです。

    root directory のファイルは削除した方がいいのかも?

    フォルダ
         aotani-hair.com 2019/01/11 17:53:00 <DIR> 755 main.jp-aotani-hair
    wp-admin 2018/12/28 16:23:00 <DIR> 755 main.jp-aotani-hair
    wp-content 2019/01/06 10:10:00 <DIR> 755 main.jp-aotani-hair
    wp-includes 2018/12/28 16:23:00 <DIR> 755 main.jp-aotani-hair
    ジオシティーズ 2018/12/28 16:29:00 <DIR> 705 main.jp-aotani-hair

         ファイル
    .htaccess 2019/01/06 10:06:00 234 644 main.jp-aotani-hair
    0i.jpg 2009/11/06 00:00:00 14547 644 main.jp-aotani-hair
    FFFTP.CHM 2013/02/23 00:00:00 446368 644 main.jp-aotani-hair
    FFFTP.exe 2013/02/23 00:00:00 600064 644 main.jp-aotani-hair
    FFFTP.txt 2013/02/23 00:00:00 13723 644 main.jp-aotani-hair
    FFFTP_hpnonstop.txt 2013/02/23 00:00:00 2251 644 main.jp-aotani-hair
    Microsoft.VC90.CRT.ma… 2013/02/23 00:00:00 381 644 main.jp-aotani-hair
    bLuWyidK-2.jpg 2016/03/26 00:00:00 6590 644 main.jp-aotani-hair
    bLuWyidK-3.jpg 2016/03/25 00:00:00 17654 644 main.jp-aotani-hair
    bLuWyidK.jpg 2015/03/18 00:00:00 7538 644 main.jp-aotani-hair
    designcube_01.jpg 2009/10/08 00:00:00 116190 644 main.jp-aotani-hair
    epuninst.exe 2018/10/05 15:18:00 140373 644 main.jp-aotani-hair
    foll.jpg 2016/03/26 00:00:00 20081 644 main.jp-aotani-hair
    index.html 2018/06/14 00:00:00 13056 644 main.jp-aotani-hair
    index.php 2013/09/25 00:00:00 418 644 main.jp-aotani-hair
    libeay32.dll 2013/02/23 00:00:00 1178624 644 main.jp-aotani-hair
    license.txt 2018/12/28 16:33:00 19935 644 main.jp-aotani-hair
    min.png 2013/09/14 00:00:00 229781 644 main.jp-aotani-hair
    mina-1.jpg 2013/09/14 00:00:00 15630 644 main.jp-aotani-hair
    msvcr90.dll 2013/02/23 00:00:00 655872 644 main.jp-aotani-hair
    readme.html 2018/12/28 16:33:00 10305 644 main.jp-aotani-hair
    ricr.jpg 2016/10/26 00:00:00 81929 644 main.jp-aotani-hair
    securedownlo.jpg 2018/05/27 00:00:00 20540 644 main.jp-aotani-hair
    securedownload.jpg 2015/06/03 00:00:00 40985 644 main.jp-aotani-hair
    welcome.html 2018/12/28 16:16:00 1129 604 main.jp-aotani-hair
    wp-activate.php 2018/12/28 16:33:00 6878 644 main.jp-aotani-hair
    wp-blog-header.php 2015/12/19 00:00:00 364 644 main.jp-aotani-hair
    wp-comments-post.php 2018/05/03 00:00:00 1889 644 main.jp-aotani-hair
    wp-config-sample.php 2018/12/10 15:00:00 3886 644 main.jp-aotani-hair
    wp-config.php 2019/01/05 18:14:00 4099 644 main.jp-aotani-hair
    wp-cron.php 2017/08/20 00:00:00 3669 644 main.jp-aotani-hair
    wp-links-opml.php 2016/11/21 00:00:00 2422 644 main.jp-aotani-hair
    wp-load.php 2017/08/22 00:00:00 3306 644 main.jp-aotani-hair
    wp-login.php 2018/12/28 16:33:00 37296 644 main.jp-aotani-hair
    wp-mail.php 2017/01/11 00:00:00 8048 644 main.jp-aotani-hair
    wp-settings.php 2018/10/23 16:04:00 17421 644 main.jp-aotani-hair
    wp-signup.php 2018/04/30 00:00:00 30091 644 main.jp-aotani-hair
    wp-trackback.php 2017/10/24 00:00:00 4620 644 main.jp-aotani-hair
    xmlrpc.php 2016/09/01 00:00:00 3065 644 main.jp-aotani-hair

    CG

    (@du-bist-der-lenz)

    その「同じディレクトリやファイルが aotani-hair.com のディレクトリ内に」混在するのはどうしてでしょう。そのために、functions.phpからの命令が、まともに行われていないのかもしれない。

    aotani

    (@aotani)

    以前に フォルダに纏めずに ワードプレスでサイトを立ち上げました。

    その後、ワードプレスでやり直した時に aotani-hair.comのフォルダに纏めて
    立ち上げなおしたんです。

    ルートディレクトリにあるファイルは消しちゃってもいいんですかね?

    RICK

    (@rickaddison7634)

    設定 > 一般設定の

    • WordPressアドレス
    •     

    • サイトアドレス

    この2つのオプションはどうなっていますか?
    ひょっとしたらルートディレクトリの方のWordPressが機能しているのかもしれません。

    • この返信は7 ヶ月前に  RICK さんが編集しました。
    CG

    (@du-bist-der-lenz)

    内容がわかるものでもなし、わたしには、判断する義務も、必要もありません。

15件の返信を表示中 - 1 - 15件目 (全57件中)
  • トピック「子テーマ有効化」には新たに返信することはできません。