見出し画像

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やバージョンを付けることもできます。


その他のWordPressに関する記事はこちらから


この記事が気に入ったらサポートをしてみませんか?