2017年7月23日2017年7月23日wpmWordPress 4.9
WordPress | wp_enqueue_style() | function コードリファレンス
wp_enqueue_style() は、WordPressのWebサイトに CSS スタイルファイルを追加できる方法の１つです。エンキュー「enqueue」は、複数のプラグインの、スタイルシートや他の共有 CSS も追加することができます。
関数 wp_enqueue_style()
CSS スタイルシートを追加
| タグ 使用方法 | <?php wp_enqueue_style( $handle, $src, $deps, $ver, $media ); ?> |
|---|
| パラメータ ( 引数 ) | $handle |
|---|
| 説明 | ハンドルはスタイルシートのユニークな名前です。例えばハンドル名 ’wpm_my_style’ |
|---|
| パラメータ ( 引数 ) | $src |
|---|
| 説明 | srcは、スタイルシートのパス（場所）です。URL で指定、例えば ”https://example.com/css/wpm-mystyle.css” |
|---|
| または、プロトコルに影響されない URL で指定、例えば ”//example.com/css/wpm-mystyle.css” |
| パラメータ ( 引数 ) | $deps |
|---|
| 説明 | depsは、このスタイルシートと他のスタイルシートの依存関係です。このスタイルシートより前、先に読み込まれる必要があるスタイルシートのハンドル名、例えば "wpm_before_style" |
|---|
| 依存関係がない場合は、’array()’ |
| パラメータ ( 引数 ) | $ver |
|---|
| 説明 | これはスタイルシートののバージョン番号です。このパラメータは必須ではありません。 |
|---|
| 指定しない場合、’FALSE’ |
| パラメータ ( 引数 ) | $media |
|---|
| 説明 | スタイルシートが定義されているメディアを指定する文字列を指定、例えば 'all'、'screen'、'handheld'、'print' |
|---|
| 指定しない場合、'all' |
| 関連記事 | wp_enqueue_script() | スクリプトの登録 |
|---|
実例・使い方
| スタイルシートをエンキューする（追加）、例1） |
|---|
| functionコード | <?php wp_enqueue_style( 'wpm_my_style','https://example.com/css/wpm-mystyle.css','array()', '1.0.0'); ?> |
|---|
| HTML | <link rel="stylesheet" href="https://example.com/css/wpm-mystyle.css?ver=1.0.0"> |
|---|
| テーマのスタイルシートをエンキュー（追加）する、例2） |
|---|
| functionコード | <?php wp_enqueue_style( 'wpm_my_style','get_template_directory_uri().wpm-mystyle.css','array()', '1.0.0'); ?> |
|---|
| HTML | <link rel="stylesheet" href="https://example.com/wp-content/themes/wpm-mystyle.css?ver=1.0.0"> |
|---|
| プラグインのスタイルシートをエンキュー（追加）する、例3） |
|---|
| functionコード |
<?php wp_enqueue_style('wpm_my_style', plugins_url('wpm-mystyle.css'));?> |
|---|
| HTML | <link rel="stylesheet" href="https://example.com/wp-content/plugins/wpm-mystyle.css?ver=1.0.0"> |
|---|
