JavaScriptを記入したJSファイルも読み込めないのかなぁ
と思い、調べてみました。
ちょっと一手間必要です。
WordPress子テーマに.jsファイルを置く
WordPressのカスタマイズが便利なのは、
子テーマを作って、親テーマを残したままカスタムできる事です。
親テーマを更新しても、
通常、子テーマは引き継がれます。
JSファイルも子テーマに置き、
自由にカスタマイズできれば、と思いまして。
function.phpに、
.jsファイルを読みこませるコードを記入することで実現できます。
参考にしたサイト
独自のCSSやJSを読み込む
http://kwski.net/wordpress/780/
wp_enqueue_script関数‥jsファイル読み込み用
http://webshufu.com/wordpress-wp_enqueue_script/
親テーマの編集をせずフッターのコピーライトを削除する方法
http://beacats.com/stinger7_how_to_remove_footer_copyright/
子テーマJSファイルをテーマに呼び出す方法
簡単に手順を説明します。
- 子テーマに、親テーマと同じ.jsファイルを作成
- 子テーマfunction.phpに以下のコードを記入
こんな感じです。
仮に、newjava.jsというファイルを、
子テーマのjsフォルダ内に作ったとします。
このファイルを指定するコードが、以下の通り。
（このままコピーしないで下さい。UTF-8Nに変換して下さい。）
/* JSファイルの読み込み */
function my_scripts() {
wp_enqueue_script( 'newjava', get_bloginfo( 'stylesheet_directory').'/newjava.js', array(), false, true );
//ここに追加していく事が可能です
}
add_action( 'wp_enqueue_scripts', 'my_scripts');
以上です。
同様に、他の.jsファイルも追加できます。
大体のテンプレートを載せておきます。
こちらです。
（このままコピーしないで下さい。UTF-8Nに変換して下さい。）
/* JSファイルの読み込み */
function my_scripts() {
//今回作ったコード
wp_enqueue_script( 'newjava', get_bloginfo( 'stylesheet_directory').'/newjava.js', array(), false, true );
//例1 子テーマから呼び出し
wp_enqueue_script( 'ファイル名', get_bloginfo( 'stylesheet_directory').'/ファイル名.js', array(), false, true );
//例2 外部jsファイルを指定する
wp_enqueue_script('ファイル名', 'https://絶対パス.js', array(), 'false', true);
//このように追加していく事が可能です
}
add_action( 'wp_enqueue_scripts', 'my_scripts');
以上です。
今回作ったコードは、
例1を使っていますね。
あとは応用して下さい。
こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。
当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。
必ずデータは最新のバックアップを取っておいて下さい。
WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。
当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。
詳細はWordPressヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク