プラグインでCSSファイルを読み込む方法

CSSを読み込むには、以下の関数を使用します。
wp_enqueue_style

$pdir; にはこのプラグインフォルダまでのフルパスが格納されておる

function your_styles() {
global $pdir;
wp_enqueue_style( ‘message’, $pdir . ‘/message.css’, array(), null, ‘all’);
}
add_action( ‘wp_enqueue_scripts’, ‘ your_styles’);

 

  • $handle:(必須) (required) ハンドル名を指定 [デフォルト: なし]
  • $src:(任意)ファイルパスを指定 [デフォルト:false]
    get_option(‘siteurl’) // ルートディレクトリ
    get_bloginfo(‘stylesheet_directory’) // 子テーマのディレクトリ
    get_bloginfo(‘template_url’) // 親テーマのディレクトリ
    get_bloginfo(‘plugins_url’) // プラグインのディレクトリ
  • $deps:(任意)依存関係を明示。特定のCSSファイルの後に読み込みを行わせたい場合に指定する。ハンドル名で明示 [デフォルト:array()]
  • $ver:(任意)ファイルのバージョン番号を指定 [デフォルト:false]
  • $media:(任意) CSSのメディアタイプを指定 [デフォルト:’all’]

Categories:

, ,

Tags: