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-20111208true
ie/wp-admin/css/ie.css-20111130true
colors-wp-admin20111206-
colors-fresh/wp-admin/css/colors-fresh.csswp-admin20111206-
colors-classic/wp-admin/css/colors-classic.csswp-admin20111206-
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-20111209true
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



お勧め

固定ページのURLの拡張子をhtmlに変更する(2013年3月9日 更新)

固定ページについて、URLを静的ページっぽく拡張子htmlに変更したいという要望を受けることがある。これまでは「.html on PAGES」というプラグインを使っていて特に不満があったわけではないのだが、今回ひょんなことから簡単に対応できることがわかったので、メモ書きしておく。

子カテゴリのアーカイブページを親カテゴリ用のテンプレートファイルで表示しよう(2011年12月8日 更新)

少し前に投稿した「適切なテンプレートファイルを用意してテンプレート内の振り分け処理を無くす」で説明した通り、特定のカテゴリ専用のテンプレートとしてcategory-○○.phpを用意することで、category.phpやarchive.php内で振り分けを行う必要がなくなる。ただ、すべてのカテゴリ分を用意するのは効率的ではないし、特に子カテゴリについては親カテゴリと共通内容になるケースが多いのではないだろうか。ここでは、子カテゴリの個別テンプレートファイルを作らず、親カテゴリのテンプレートを利用する方法を紹介する。

固定ページを投稿ページ用テンプレートファイル(single.php)で表示する(2013年7月31日 更新)

固定ページと投稿ページのデザインが共通の場合、同じ内容のsingle.phpとpage.phpを用意すれば事足りるが、デザインの修正時は二度手間になってしまう。そこで、固定ページをsingle.phpで表示するようにできないか考えてみた。

HTML entities button:プラグイン作ってみました(2017年12月17日 更新)

以前投稿した「HTML編集モードに定型文ボタンを追加する」をアレンジして、HTML編集モードに特殊文字(HTMLエンティティ)を挿入できるボタン、顔文字を挿入できるボタン、過去の投稿ページのリンクを挿入できるボタンを追加するプラグインを作ってみました。HTML編集モードの作業効率を向上させるプラグインです。2.1.0では「Dashiconsの挿入」を追加しました。HTML編集モードをメインに使用されている方は、お試しあれ。

Login rebuilder 2.4.0の新機能を紹介(2018年5月27日 更新)

昨日、約半年ぶりにLogin rebuilderをアップデートし、著者ページ(author page)の閲覧を制限できる機能を追加した。この機能は、著者ページの閲覧によってユーザーIDが類推されることを防ぐことが目的としている。