2017年7月23日2017年7月23日wpmWordPress 4.9
WordPress | wp_enqueue_style() | function コードリファレンス
wp_enqueue_style() は、WordPressのWebサイトに CSS スタイルファイルを追加できる方法の1つです。エンキュー「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"> |