WordPressの記事にJavaScriptを埋め込む
はじめに
前回、WordPressの記事にPHPを埋め込む方法としてショートコードを説明しましたが、これだけでWebアプリケーションを作るのはちょっと厳しいですね。やはりJavaScriptも埋め込めないとどうしようもなんじゃない?みたいな場合には、こちらの方法でJavaScriptを記述することができます。
こんなのができます。
作業手順
ショートコードに相当するような素敵な機能はありません。
記事中に書いていくしかありませんが、ビジュアルエディタで書くことはできませんので注意してください。下のソースコード中にはscriptタグ中に不要なスペースがありますが、実際に使用する際は削除してください。なぜかscriptタグを書くと正常に表示されないので、苦肉の策として、このようにしてあります。
<h1 id="output"></h1> <div style="display: none;"> <s cript> $("#output").html(1 + 2); </s cript> </div>
まとめ
いろいろと書いてみましたが、ビジュアルエディタが使用できないなど、現実的にはほとんど使い物にならないことに気がつきました。やはりPHPを使用した動的機能をつくるのは申し込みフォームとかその辺に限られるような気がします。それだと専用のプラグインを使ったほうがはるかに早いですよね。ますます使い道が見当たらなくなってきてしまいました。もったいないので、この記事は公開しますが、あまり使い物にならないことはご理解の上、使ってみてくださいね。