functions.phpでスタイルシート、JavaScriptを管理【WordPress】
※自分用の備忘録です
WordPressの「style」や「script」はfunctions.phpから「link」させることができます。
コード例
function enqueue_name() {
wp_enqueue_style('my_style', get_stylesheet_uri());
wp_enqueue_script('script_name', get_template_directory_uri() . '/js/script.js');
}
add_action('wp_enqueue_scripts', 'enqueue_name');「function enqueue_name() {}」の中に「style」や「script」を「link」するためのコードを記述します。
「style」の場合
wp_enqueue_style('my_style', get_stylesheet_uri());テンプレートテーマ内のスタイルシートにつなげる場合は上記のようなコードになります。
「my_style」の部分は任意の名前です。
任意で先に読み込ませるスタイルシートの指定や、属性、バージョンを付けることもできます。
「script」の場合
wp_enqueue_script('my_script', get_template_directory_uri() . '/js/script.js'', true);フッター近くに設置する場合は最後に「true」、headに入れる場合は「false」を記述します。
任意で先に読み込ませるscriptやバージョンを付けることもできます。