【WordPress】テンプレート毎にcssを切り替える

電脳備忘録

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

// 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() )

広告

ブログの維持費に充てるでございます・・・。