CSS フレームワークの Foundation を利用して、WordPressのテーマを制作する際に関連のJSとCSSを読み込む方法です。ファイルを読み込む際には wp_enqueue_style と wp_enqueue_script を使います。読み込んだままだと app.js において
[code lang=text]
Uncaught TypeError: undefined is not a function
[/code]
というエラーが出てしまい正しく動作しないので、カプセル化を行います。
上 : app.jsのカプセル化
下 : JSとCSSを functions.php から読み込み
参考サイト
- WordPress で CSS、JavaScript ファイルを読み込む正しい方法 | EastCoder
- wordpressにjQueryのスクリプトを書くとUncaught TypeError: が出る
これで Foundation を利用した WordPress のテーマ制作が進められますね。
注意 : こちらのファイルの参照先は、FoundationのSass版を利用すること前提に書いています。