説明
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__ ) ); ?>
フィルター
実行するフィルターはありません。アクション
実行するアクションはありません。ソースファイル
/wp-includes/functions.wp-styles.php最終更新 : 2019年11月25日 12:45
関連
お勧め
Contact Form 7に確認フェーズを(2012年12月16日 更新)
Contact Form 7はWordPressによるサイト製作でお世話になることが多いプラグインの1つ。ただ、クライアント様によっては、入力、確認、送信の3フェーズにしたいという要望があり、そんな時は別の方法を採用していたのですが、JavaScript(jQuery)を使ってページ遷移しなくてもいいなら確認フェーズは用意できるかなと思い、作り込んでみた。投稿一覧に独自リンクを追加する(2013年10月16日 更新)
管理者ページの「投稿一覧」や「固定ページ一覧」の各投稿記事はマウスポインタを移動すると、「編集」や「クイック編集」といったリンクが表示される。このリンクに独自のリンクを追加する方法を調べてみた。HTML編集モードに定型文ボタンを追加する(2011年6月1日 更新)
投稿編集ページにはビジュアル編集モードとHTML編集モードがあり、それらを拡張するプラグインも多数存在している。そういったプラグインを利用するのもいいのだが、仕組みを理解するのも悪くないはず。というわけで、ここではHTML編集モードのボタンの仕組みと定型文を挿入するボタンを追加する方法を紹介する。投稿日の検索が自由自在に(2015年3月7日 更新)
WordPress 3.7.0ではWP_Date_Queryクラスが追加され、WP_Queryクラス(もちろん query_posts関数でも)で利用できるようになった。このWP_Date_Queryにより、○年○月○日以前や以降の投稿情報を取得したり、○年○月○日から○年○月○日の範囲の投稿情報を取得したりといったことが、容易に行えるようになった。
プラグインのヘッダー情報を国際化対応しよう(2018年5月27日 更新)
バージョン4.8がリリースされてひと段落。あらためてプラグイン一覧ページを見てみると「Akismet」が「Akismet Anti-Spam (アンチスパム)」と表示されていた。説明文だけじゃなくプラグイン名も国際化対応できたのね。