WordPress の投稿記事に JavaScript を直接書いて動作させる

WordPress の投稿記事内に JavaScript を書いて動作させたい場合の話。調べたところ、プラグイン使えなど少し面倒臭い情報が多かったのですけど、プラグインを使わずに以下の方法で動きました。

スポンサーリンク

— 環境 —
WordPress バージョン3.8.1

ルール1. script タグを div タグで囲む

以上のように script タグを div タグで囲んでやる。

ルール2. script タグ内に空行を含めない

script タグ内のコードには、空行を含めないようにする。空行を含めると、自動的に p タグで囲まれて JavaScript が動作しなくなります。改行はOK。

script タグ内に div タグを書かない

div タグはなぜか、行頭に強制的に移動させられる(WordPressの仕様?)。script 内で html コードを含める場合に、div タグを書いていると、意図しない箇所で改行されて、div タグが次の行の行頭に移動させられて、Javascript コードが動作しなくなる場合があります。なので、script 内に div タグは記述しないようにします。

以上のルールで書いたところ、Javascript を投稿記事内に直接書いて動作させることができました。

スポンサーリンク
WordPress は人気ナンバーワンのブログ・ウェブサイトの管理ツールです。PHP を使えればカスタマイズできるので、ぜひトライされてみてください。
スポンサーリンク
 
Twitterを使っていますのでフォローお願いたします!ブログの更新情報もつぶやいてます^^
(英語学習用)

Leave Your Message!