WordPress | wp_enqueue_style() | function コードリファレンス

wp_enqueue_style() は、WordPressのWebサイトに CSS スタイルファイルを追加できる方法の1つです。エンキュー「enqueue」は、複数のプラグインの、スタイルシートや他の共有 CSS も追加することができます。

関数 wp_enqueue_style()

CSS スタイルファイルを追加

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">

関連記事・その他のリソース