今回は、ワードプレス上でjavascriptを動かす手順をご紹介します。

といっても何も難しい事はありませんので、順番に見ていきましょう。

概要

この手順は本当に簡単です。

ワードプレスの投稿画面に、

「ビジュアル」

「テキスト」

というタブがありますよね。

この「テキスト」の方にjava scriptのコードを書けば良いだけです。

準備

準備は、、、特に必要はありません。。。

ただ、複雑なjava scriptのコードを各場合は、自分にヘッダ部分にコードを書いておくなどの工夫が必要です。

設定手順

上述した様に、「テキスト」の方を選択して下さい。

ここに以下のコードを書いてみましょう。

<script>
document.write(“Hello world!!”);
</script>

コードのド基本のHallo Worldです。

書いてみましたか?

きっと以下「動作①」の部分の様に表示されるはずです。

動作

先ほどのHallo Worldも含めていくつかサンプルを出してみましたので動作を確認してみて下さい。

「テキスト」の部分に貼り付ければ良いだけです。本当に簡単です。

動作①

基本のHallo Worldです。

<script>
document.write(“Hello world!!”);
</script>

動作②

時間を表示してみます。

<script>
dd = new Date();
document.write(dd.toLocaleString());
</script>

動作③

今回は時間が刻々と変化する場合の例です。

ちなみに、この場合はjavascriptだけではなくて、id=”T1″も指定しています。

※ずーっとjavascriptが動き続けてくれています。

<script>
window.onload = function() {
window.setInterval(function() {
var date_value = new Date();
document.getElementById(“TestId”).innerHTML = date_value .toLocaleString();
}, 1000);
}
</script>
<div id=”TestId”></div>

まとめ

という事で今回は本当に簡単ですが、java scriptを表示させる場合の例をご紹介しました。

本当に簡単で、「テキスト」のタブの方に書けば良いだけです^^