wp_enqueue_style

（2.6.0以降）
wp_enqueue_style - スタイルシートを出力用のキューに入れる

説明

void wp_enqueue_style( string $handle [ , string $src = false [ , array $deps = array() [ , string $ver = false [ , string $media = 'all' ] ] ] ] )

使用するスタイルシート（CSS）を出力用のキューに入れる。パラメータ$srcが指定された場合は、グローバル変数$wp_stylesに登録してから出力用のキューに入れる。

パラメータ

$handle
スタイルシートのハンドル名を指定。
$src
スタイルシートのパス名を指定（省略時はfalse）。
$deps
関連するスタイルシートのハンドル名を配列で指定（省略時はarray()）。
$var
スタイルシートのバージョンを指定（省略時はfalse）。
$media
スタイルシートの対応メディアを指定（省略時は'all'）。

返り値

返り値はありません。

注意

このwp_enqueue_style関数の呼び出しは、原則的にinitアクションの実行後に行うこと。キューに入れたスタイルシートは wp_head関数（実際はその中のアクション）によって出力される。
スタイルシートはグローバル変数$wp_stylesのプロパティregisteredに連想配列として登録される。$wp_stylesは通常NULLになっているが、管理バーの表示状態では次のスタイルシートが登録されえている（3.3時点）。

ハンドル名(handle)	パス名(src)	関連するスタイルシート(deps)	バージョン(ver)	rtl
wp-admin	/wp-admin/css/wp-admin.css	-	20111208	true
ie	/wp-admin/css/ie.css	-	20111130	true
colors	-	wp-admin	20111206	-
colors-fresh	/wp-admin/css/colors-fresh.css	wp-admin	20111206	-
colors-classic	/wp-admin/css/colors-classic.css	wp-admin	20111206	-
media	/wp-admin/css/media.css	-	20111119	-
install	/wp-admin/css/install.css	-	20111117	-
thickbox	/wp-includes/js/thickbox/thickbox.css	-	20111117	-
farbtastic	/wp-admin/css/farbtastic.css	-	1.3u1	-
jcrop	/wp-includes/js/jcrop/jquery.Jcrop.css	-	0.9.8	-
imgareaselect	/wp-includes/js/imgareaselect/imgareaselect.css	-	0.9.1	-
admin-bar	/wp-includes/css/admin-bar.css	-	20111209	true
wp-jquery-ui-dialog	/wp-includes/css/jquery-ui-dialog.css	-	20111107	-
editor-buttons	/wp-includes/css/editor-buttons.css	-	20111114	-
wp-pointer	/wp-includes/css/wp-pointer.css	-	20111205	-

「関連するスタイルシート(deps)」のハンドル名のスタイルシートは、それらがwp_enqueue_style関数にて指定されていない場合でも自動的に出力されるものになる。例えば、wp_enqueue_style( 'colors-fresh' )を指定した場合は、次のようにwp-head関数で'wp-admin'のスタイルシートが出力される。

<head>
<!-- 中略 -->
<link rel='stylesheet' id='wp-admin-css'  href='http://localhost/wp-admin/css/wp-admin.css?ver=20111208' type='text/css' media='all' />
<link rel='stylesheet' id='colors-fresh-css'  href='http://localhost/wp-admin/css/colors-fresh.css?ver=20111206' type='text/css' media='all' />
<!-- 中略 -->
</head>

使用例

jQuery UI DialogのCSSをキューに入れる。
<?php wp_enqueue_style( 'wp-jquery-ui-dialog' ); ?>
テーマ独自スタイルシート'mytheme-css'を$wp_stylesに登録後、キューに入れる。
<?php wp_enqueue_style( 'mytheme-css', get_template_directory_uri().'/style.css' ); ?>
プラグイン独自スタイルシート'myplugin-css'を$wp_stylesに登録後、キューに入れる。
<?php wp_enqueue_style( 'myplugin-css', plugins_url( '/style.css', __FILE__ ) ); ?>