0
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

【WordPress】jQueryと別ファイルjavascriptを読み込む

Javascriptの読み込みを行う

WordPressで外部ファイルに記述したJavaScriptファイルを読みこむ時は、function.phpというデフォルトのファイルを利用する。function.phpはテーマ内で使い回すことのできるプログラムを記述するためのファイル。

jQueryの読み込み

jQueryを使用したい場合は、WordPressで元々しようされているjQueryを利用するようにする。

<?php
function my_scripts() {
  wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );
?>

※add_action:
add_action( 'フックさせたい場所の名前', '呼び出してほしい関数名', 優先順位(省略可能),引数の数(省略可能) );

WordPressでは、どのタイミングで関数を実行させるかを指定することができ、第一引数ではそのタイミングを指定している。

外部のJavaScriptファイルを読み込む

外部のsample.phpを読み込む場合

<?php

function my_scripts() {
  wp_enqueue_script( 'jquery' );
  wp_enqueue_script( 'javascript',get_template_directory_uri().'/js/sample.js',array('jquery'));
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

?>

wp_enqueue_scriptの使い方
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_enqueue_script#.E3.83.91.E3.83.A9.E3.83.A1.E3.83.BC.E3.82.BF

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
0
Help us understand the problem. What are the problem?