てへまぐいらんー

どうでもいいこととか書いてく雑記的なブログ。興味があることにはとりあえず手を出してみるよ

スポンサードリンク

Wordpressでの記事内でJavascriptを使う方法

今回はWordPressjavascriptを使用する方法をご紹介します。

書いたjavascriptが動かなくなってしまう!

先日、初の試みだったのですが、WordPressjavascriptが使用できると知り、kindleの販売周期を書いた記事内でちょっとしたjavascriptを書いてみました。

プログラム自体はちゃちゃっと書き終えたのですが、投稿画面にてビジュアルモードとテキストモードを行き来しただけですぐ、さっきまではプレビュー画面で元気に動いていたプログラムさんが、すぐ動かなくなってしまうんですね。

<script type="text/javascript">
document.write("はろーわーるど");
</script>

これくらいの規模のソースなら投稿モードをビジュアルよりテキストに変更し貼り付ければうまく動きますが、ちょっと規模が大きくなるとすぐに動かなくなってしまうのでちょっと調べてみました。

どうやら、pタグがソース内に勝手に追加されてしまっており、これが原因で動かなくなっていたようです。

解決方法

いろいろぐぐった結果

WordPressにてjavascriptを使うためには、大きく分けて4つ方法があるようです。

  1. functions.phpを拡張
  2. プラグインを使う
  3. 別ファイルにプログラムを書く
  4. divタグで囲む

私は1と2の方法を試しました。

functions.phpを拡張

こちらJavaScriptを追加できるようにするを参照してください

ソースコードをコピペしてfunctions.phpの最終行に貼り付けるだけで投稿画面にjavascriptを記述する専用エリアが表示されます。

 

私は現在こちらを使っております。

プラグインを使う(inline-javascript

inline-javascriptというプラグインを入れました。

インストールし有効化したのちにjavascriptのソースを下記のようにinlineで囲むだけで使えちゃいます。

[inline]
<script type="text/javascript">
document.write("はろーわーるど");
</script>
[/inline]

インストールするだけで使えるのでおすすめですね

 

最後に

私は最初にプラグインを使う方法を試して、動くには動いたんですが、私の環境だとなにか別のプラグインと競合してしまっているのかちょっと不安定だったので最終的にfunctions.phpを拡張する方法に落ち着きました。

他2つはとりあえず今の方法で安定しているので何か問題があったら試してみようかと思います。

WordPressってそれぞれいろいろなプラグインが入っていたりなど人によって環境が違ってくるため、自分にあったベターな方法を選択してください。

 

スポンサードリンク