サポート » テーマ » カスタムCSSの設置方法について

  • 通常テーマには、標準的に「style.css」で組み込まれていると思います。

    これを、自作テンプレートにはdisableして、「style-original.css」に書き換えたいのですが、どうしたらよいでしょうか。

    自作以外のテンプレートは通常の通り「style.css」のまま使用したいのです。

    どなたかご教授いただけますでしょうか。
    よろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック投稿者 heysister721

    (@heysister721)

    例えば、「page-original.php」にだけは「style-original.css」にしたい。他のテンプレートは、「style.css」のままがいいような感じです。

    こんにちは

    以下の例は、テンプレートが single.phpの場合は、my-stle.cssを、そうでない場合は、
    twentyfifteenのstyle.cssを使用する例です。

    ご参考まで

    functions.php

    function my_scripts() {
    	global $template;
    
    	wp_enqueue_style( 'my-style', get_template_directory_uri() . '/my-style.css', array(), '1.0' );
    
    	$template_name = basename( $template, '.php' );
    
    	if ( $template_name == 'single' ) {
    		wp_deregister_style( 'twentyfifteen-style' );
    	} else {
    		wp_deregister_style( 'my-style' );
    	}
    }
    add_action( 'wp_enqueue_scripts', 'my_scripts', 11 );

    トピック投稿者 heysister721

    (@heysister721)

    お返事が遅くなり申し訳ございませんでした。
    ご指導頂いた内容を元に、下記の通り設定してみました。

    【ベースとなるテーマ】
    sparkling
    http://colorlib.com/wp/themes/sparkling/

    【ファイル構成】
    page-rakuten.php
    └header-rakuten.php
    └content-rakuten.php
    └footer.php

    //オリジナルCSS設定
    function rakuten_css() {
    	global $template;
    
    	wp_enqueue_style( 'rakuten', get_template_directory_uri() . '/rakuten.css', array(), '1.0' );
    
    	$template_name = basename( $template, '.php' );
    
    	if ( $template_name == 'page' ) {
    		wp_deregister_style( 'sparkling' );
    	} else {
    		wp_deregister_style( 'rakuten' );
    	}
    }
    add_action( 'wp_enqueue_scripts', 'rakuten', 11 );

    実際やってみましたが、何も変化もなく適用されていませんでした。
    せっかく教えて頂いた内容が、私の不手際で「投稿に対して」になっていたため、私が必要としていた「固定ページに対して」ではなかったのも原因だと思います。Codexが異なるでしょうから。

    引き続き、お手間かけ内容でしたら教えていただけますでしょうか。よろしくお願いいたします。

    間違いの部分
    rakuten_css()なのに、フィルタで指定している関数名が、rakuten

    stylesheetのhandleは、sparkling-styleが sparklingになっている

    テンプレートの指定が、page-rakuten が、pageになっている

    以下のようにすれば、動作すると思います。

    Codex等で、記述の意味を確認しながら十分に理解しながら作業してください。

    function rakuten_css() {
    	global $template;
    
    	wp_enqueue_style( 'rakuten', get_template_directory_uri() . '/rakuten.css', array(), '1.0' );
    
    	$template_name = basename( $template, '.php' );
    
    	if ( $template_name == 'page-rakuten' ) {
    		wp_deregister_style( 'sparkling-style' );
    	} else {
    		wp_deregister_style( 'rakuten' );
    	}
    }
    add_action( 'wp_enqueue_scripts', 'rakuten_css', 11 );
    トピック投稿者 heysister721

    (@heysister721)

    ありがとうございました。うまく差しこむことが出来ました。

    仰るとおり、ハンドル名がおかしかったり、ケアレスミスでした。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「カスタムCSSの設置方法について」には新たに返信することはできません。