【WordPress】自作CSS/JavaScriptを読み込む方法

Wordpress

はじめに

WordPressのテーマやプラグインを作成する際に、
自作のCSS/JavaScriptファイルを読みこませる方法です。

例えば

自作CSS : [変更対象テーマのディレクトリ]/css/myCSS.css
自作JS : [変更対象テーマのディレクトリ]/js/myJS.js
を読み込ませるには、themesフォルダ内にある「function.php」に記載すれば良い。

実例

CSSを読み込みせる場合は、「wp_enqueue_style()」関数を
JSを読みこませる場合は、「wp_enqueue_script()」関数を使用する。

function my_scripts() {
    wp_enqueue_script(bxslider_do, get_template_directory_uri() . /js/myJS.js);
    wp_enqueue_style( bxslider_css, get_template_directory_uri() . /css/myCSS.css );
}

 

タイトルとURLをコピーしました