くろむめもにくろむめもデザイナーでないほうのデザインをする、デザインのサイト。WordPress、サイト制作についてのTipsあんどメモ。テーマ自分が使っているWordPressのテーマに、JavaScriptの機能を追加したい。そんな時のテーマカスタマイズ方法。・navmenu.css(外部ファイル)・navmenu.js(外部ファイル)・表示部分のJavaScript内容はレスポンシブに対応したナビゲーションだけど。他の機能でもOKです。1.外部ファイルをディレクトリにアップロード外部ファイル(navmenu.css、navmenu.js)はあらかじめテーマディレクトリにアップロード。今回は以下のようにした。使用中テーマ/css/navmenu.css使用中テーマ/js/navmenu.js2.ファイルの読み込みをfunctions.phpに書く外部ファイルの読み込みは、functions.phpに以下の内容を追記する。Fourteenにもコメント付で書かれているので、見ると判りやすいとの事。);追記した部分についてザッと書くと。navmenu_scripts最初と最後にあるnavmenu_scriptsは、呼び出し時のスクリプト名。スクリプト名_scriptsなど簡単な名前がいいと思う。navmenu-styleCSS(スタイルシート)の名前。ここもスクリプト名-styleなど任意。/css/navmenu.cssテーマディレクトリ内のCSSの場所。);$handle以外はオプション。日本語版navmenu-scriptJavaScriptファイルの読み込み。スクリプト名-scriptなど任意の名前。/css/navmenu.cssテーマディレクトリ内のJSファイルの場所。);$handle以外はオプション。)が必要になるのだけど、これについてはまた別記事に。EastCoder;wp_enqueue_script:WordPress私的マニュアルこれで、ヘッダーにファイル読み込まれているはず。3.表示部分のテーマにJavaScriptを書く。テーマファイル内に表示用のJavascriptを書けば、OK。CSSについては、テーマファイルのstyle.cssに直接書くという方法でもいいと思うのだけど。JavaScriptファイルは、functions.phpで読み込むのが何かと便利。素敵なナビゲーションや、エフェクトなどもちょいちょいと追加できますヨ。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。