JavaScriptを記事に埋め込む

2014/12/02

WordPressの記事内で、その記事のみに使用するJavaScriptを使って記事にしたい時があると思います。

一般的にJavaScriptファイルは、ヘッダーファイル「header.php」へ書き込み、「get_header()」関数で呼び出すよう、全記事共通で作られています。

これだとJavaScriptを使った記事が増えるたびにヘッダーへ追加する事になり、他の必要ない記事にまで、影響します。

記事上、何も考えずに、JavaScriptのソースを記述するとJavaScriptのソース部に<p>タグが勝手に入ってしまって、機能しなくなります。

「header.php」内で、記事IDを使用してif文などの制御で、振り分けるなど、方法は、他にもあるのかもしれませんが、メンテナンスが面倒そうなので、その記事内で書けないかを探しました。

プラグインとかで増やす方法もあるようですが(試していません)

  1. <div>タグで囲む
  2. 空行入れない

とすると、大丈夫のようです。

&amp;amp;lt;div&amp;amp;gt;
&amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;
[JavaScriptソース]
&amp;amp;lt;/script&amp;amp;gt;
&amp;amp;lt;/div&amp;amp;gt;