CSSの読み込み

CSSの読み込み

functions.phpの中でよく使うコードの書き方

function my_stylesheet(){
 //共通のrest.cssを読み込む
wp_enqueue_style('rest',get_stylesheet_directory_uri() .'/css/rest.css', array(),
'1.0.0', false); //faleseの場合、<head>の中に表示

//style.cssを読み込む、array('rest')と指定してrest.cssより下に表示させる
wp_enqueue_style('main-stylesheet_directory_uri() .'/style.css',
array('rest'),'1.0.0', false);

各ページで使用するCSSを条件分岐するコード

if(is_page('company')):
 wp_enqueue_style('company', get_stylesheet_directory_uri() .'/css/company.css', array(),
' ', false);
elseif(is_single() || is_category()):
 wp_enqueue_style('single', get_stylesheet_directory_uri() .'/css/single.css', array(),
' ', false);
endif;
}
add_action('wp_enqueue_scripts', 'my_stylesheet');