【WordPress】テンプレート毎にcssを切り替える | 電網覚書

本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。

この記事は最終更新から7年以上経過しています。

CSSのサイズがまぁなかなか肥大化したので、通常の投稿とカスタム投稿タイプで適応するcssを分けることにした。全てのテンプレートに対して１ファイルで対応するのは悪手なんじゃないですかね？

// CSS追加
function twpp_enqueue_styles() {
	if ( is_front_page() ) {
		wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css' );
	} elseif( is_post_type_archive('success-story')) {
		wp_enqueue_style( 'style', get_template_directory_uri() . '/css/case-index.css' );
	} elseif( is_singular( 'success-story' )){
		wp_enqueue_style( 'style', get_template_directory_uri() . '/css/case-entry.css' );
	}
}
add_action( 'wp_enqueue_scripts', 'twpp_enqueue_styles');

テンプレート別

//トップページ
( is_home() ) 

//カテゴリーページ
( is_category() )

//タグページの場合
( is_tag() ) 
 
//サーチページ（検索結果表示）の場合
( is_search() )

//タクソノミー名「english」 ※タクソノミーはカスタム投稿タイプより前に記述
( is_tax('english') )

//カスタム投稿タイプ「english」のアーカイブページ　※カスタム投稿タイプはデフォルトのarchiveより前に記述
is_post_type_archive('english'))

//アーカイブページ
( is_archive() )
 
//カスタム投稿タイプ「english」のsingleページ　※カスタム投稿タイプはデフォルトのsingleより前に記述
( is_singular('english'))
 
//シングルページ
( is_single() ) 

//固定ページ
( is_page() )