wordpress head部の関数まとめ

wp_enqueue_scripts

p_enqueue_scriptsは、フロントエンドに現れることになっている項目をエンキューするときに使用する適切なフックです。その名前にもかかわらず、スクリプトとスタイルの両方をキューに入れるために使用されます

主にheaderでcss やJavaScriptを呼び出すときに利用する

function themeslug_enqueue_style() {
    wp_enqueue_style( 'core', 'style.css', false ); 
}

function themeslug_enqueue_script() {
    wp_enqueue_script( 'my-js', 'filename.js', false );
}

//第一引数にこのフックを持ってくる。第二引数は関数名
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

wp_enqueue_style 関数定義

wp_enqueue_style( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, string $media = 'all' )

引数

  • $handle スタイルシートの名前　ユニークでないといけない

  • $src　 スタイルシートのurlかパス

  • $deps 　array型　オプショナル このスタイルシートが依存する登録済みスタイルシートの配列

  • $ver Bool型 versionがfalseに設定されている場合、現在インストールされているWordPressのバージョンと同じバージョン番号が自動的に追加されます。 nullに設定すると、バージョンは追加されません。 デフォルト値：false

  • $media :String型　オプショナル このスタイルシートが定義されているメディア。 'all'、 'print'、 'screen'などのメディアタイプ、または '（orientation：portrait）'や '（max-width：640px）'などのメディアクエリを受け入れます。 デフォルト値： 'all'