WordPressの投稿でJQueryを使う

UPDATE：2017.2.21

CATEGORY

wordpressの投稿内では基本的にjavascript使えませんよね。
という事は、JQueryも使えないって事に・・・はなりません。

簡単に使う方法があるんです。

javascriptは<div>で囲めば使える事を知っている人はいると思いますが、JQueryも書き方１つで使えます。

その方法とは・・・
$()～を使わずに
jQuery()～を使う方法です。

下記がその例です。

「click」リンクを押すとomakeという文字が赤色で。
「textエリア」の方は、書いた文字が青色で反映されます。
PCの場合はテキストエリア内に文字を書いて、エリア外をクリックすると。
スマホの場合は確定を押せば反映されます。

click ここに表示されます→「」

↓cookie削除ボタン

ページの再読み込みを行うと先ほど書いた文字がcookieから呼び込まれます。
ただ、safariだと、文字のバイト関係か何なのかcookieが上手く読み込めないですね。
英数字だといけます。
Androidは通常動作します。

で、調べました！

どうやら、safariだと2バイト文字は文字化けしてしまうようで、間にエンコード・デコードを入れないと駄目なようでした。

下記はコード見本です。
全て投稿内に書いてます。
実際に投稿内に書く場合は、左にスペースを入れないように！

　 

//表示部分

click



←この二つは何故か勝手に入ります？wordpressの影響？いらない部分です。

こんな感じで、JQueryも使えます。
ちなみにcookieを使うことで、別のページへ擬似的にPOST風にデータを渡すことも。
他のwordpressで使用中のcookieも読み込まれてしまうので、目的のcookieデータを抽出する処理も入れました。
正確にはPOSTではないのでcookieにデータ残りますから、セキュリティー的にはどうかと。。。
一応cookie削除ボタンも付けときました。

でもわざわざ、ヘッダーに書き込まなくてもいいので便利です。
ただ、テキストモードのみで編集して下さい。
ビジュアルモードだとダメかも。(これもタブレットだと面倒なので試してません・・・)

ということで、JQuery使えますよということで。

おまけで、このページのプロフィール画像ハックしました（笑）
全部、投稿内js処理のみです。
いや、厳密に言うとハックではないかな、でも投稿内から正常な処理を上書きしてるからハックかな？？
ちなみに、僕はアノニマスじゃないです。

ちょっと工夫をして間にphpファイル挟んでリターンして来れば他のことも。
————————————-
今回の音楽

David Guettaとのfeaturingでafrojackがいるのも僕的にはポイントです。