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版を利用すること前提に書いています。