WordPressにフォームを置いて jquery.jpostal.js を使いたかった。

Web > WordPress > プラグイン 2015年10月30日（最終更新：8年前）

2015年10月30日に作成されたページです。
情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。

どもです。

WordPressにメールフォームを設置し、かつ郵便番号から住所を検索するjs・jquery.jpostal.jsを使用する方法です。

フォームメールのプラグインは、ボタンを押したらjquery.jpostal.jsを動かさなければならないので、途中でHTMLを直書きできる機能があるものなら何でも良いです。
Contact Form 7なら確実ですね。

そして、jquery.jpostal.jsを動かすために使用するプラグインは
CSS & JavaScript Toolbox

記事にCSSやjavascriptを追加するプラグインです。

詳しい使用法は、こちらのサイト様が詳しく書いてくださっているので参考頂くとして。

プラグインのエディタに、以前書いたjquery.jpostal.jsを動かすコードを書きます。

が、これではダメなのです。
動きません。

というのも、WordPressはjQueryとprototype.jsの両方のjsライブラリを持っていまして。
これがよく似た形をしているため、単に $( で書けば、prototype.jsと見分けがつかない。
ブラウザにとって見分けがつかない。

ので、エラーになるんですね。ブラウザが処理を間違えて。
この現象をコンクリフトというそうです。

解決法ですが、カプセル化、というものをすれば良いそうです。
プログラムを
(function($){ ... })(jQuery);
で囲んでしまうことです（囲み方は他にもあります）。

これでおｋ。
jquery.jpostal.jsの読み込みについてはノータッチで大丈夫です。

あとは、通常と同じ。右のPagesから、フォームメールを設置したページを選択して保存です。

参考サイト

この記事は役に立ちましたか？