WordPress で Foundation を利用するときの JS と CSS の読み込み方法


CSS フレームワークの Foundation を利用して、WordPressのテーマを制作する際に関連のJSとCSSを読み込む方法です。ファイルを読み込む際には wp_enqueue_stylewp_enqueue_script を使います。読み込んだままだと app.js において

Uncaught TypeError: undefined is not a function 

というエラーが出てしまい正しく動作しないので、カプセル化を行います。

上 : app.jsのカプセル化
下 : JSとCSSを functions.php から読み込み

参考サイト

これで Foundation を利用した WordPress のテーマ制作が進められますね。

注意 : こちらのファイルの参照先は、FoundationのSass版を利用すること前提に書いています。