wp_enqueue_style
(2.6.0以降)
wp_enqueue_style - スタイルシートを出力用のキューに入れる
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__ ) ); ?>
フィルター
実行するフィルターはありません。アクション
実行するアクションはありません。ソースファイル
/wp-includes/functions.wp-styles.php関連
- did_action - アクションが実行済みか調べる
- get_template_directory_uri - テンプレートのパス名（URI）を取得する
- plugins_url - プラグインの保存先URLを取得する
- wp_add_inline_style - インラインスタイルを追加する
- wp_enqueue_script - スクリプトを出力用のキューに入れる
- wp_playlist_scripts - playlistショートコードのHTML向けのスクリプトを出力予約する
- wp_style_add_data - CSSファイルにメタ情報を追加する
お勧めコンテンツ
コメントの「ウェブサイト」止めました（2014年4月14日 登録）
とあるサイトのスパムコメントが多く、その都度のスパム指定するのが面倒である。これまでいくつか対策を行ってきたが、そういった対応にもいい加減うんざりしてきたので、試験的に「ウェブサイト」を無効化しようと思った。
スマートフォン向けの振り分けを自前で行う（2011年11月2日 登録）
PC向けのサイトをスマートフォン対応する場合、WPtouchやktai styleに代表されるスマートフォン対応のテンプレート切り替えプラグインを使用するのが一般的。そういったプラグインはテンプレート切り替え以外の機能も備えており、そういった機能は必ずしも必要ではない。そんなわけで、ここでは超シンプルなスマートフォン向けのテンプレート切り替えを実現する方法を紹介する。初期状態で「抜粋」ウィジェットを表示する（2014年1月7日 登録）
投稿編集ページのウィジェットは標準で表示されるものとされないものがある。フォーラムに『投稿の編集画面にデフォルトで抜粋を表示させたい』という投稿があったので、ちょっと調べてみた。
LevelとCapability（2011年4月14日 登録）
プラグインやテーマの管理ページを作成する際など、ユーザのレベルと権限を確認することがある。ここでは、権限グループ別のレベルと権限の有無を整理してみた。スクリプトファイルのバージョンパラメータを変更する（2015年2月10日 登録）
Java Scriptやスタイルシートの指定を直接head要素内に記述せず、wp_enqueue_scriptsフィルターなどを使って指定する場合、WordPressのバージョン番号が付与されている。このバージョン番号は、妥当なんだろうか。
最終更新日時 : 2015-02-09 09:45
- Copyright©2009-2017 12Net Corporation.
- コンタクト
