ちょっと変わった画像認証

さてさてまたまたjQueryですが、スパム用で画像認証ってのがありますが、
めちゃめちゃ簡単なものをご紹介します。
jQuery+jQuery uiでできますQapTchaと言う物です。
詳しくはここをご覧下さい⇒Qaptcha
ここからダウンロードしたものを設定します。
スタイルシートとjsを読み込みQapTchaの設定するだけ。

---

スポンサーリンク

---

あとは

でOK！とま～簡単！スライド式でスライドしないと送信できないようになっておりスパム対策にはいいですね。

ワードプレスに設置する場合、あらかじめ使っているthemesフォルダにダウンロードしたjqueryフォルダとimagesフォルダをphpフォルダをアップロードしておきます。functions.phpに下記を記述してfooter.phpに

としてやればOKなはず。。確認しておりませんが・・・
functions.php

//追加します（JS.CSS）
if (!is_admin()) {
	function register_script(){
		wp_register_script('jquery-ui', get_bloginfo('template_url').'/jquery/jquery-ui.js' ,array('jquery'), '1.8.23');
		wp_register_script('jquery-ui-touch', get_bloginfo('template_url').'/jquery/jquery.ui.touch.js' ,array('jquery'), '1.0.0');
		wp_register_script('qaptcha', get_bloginfo('template_url').'/jquery/QapTcha.jquery.js' ,array('jquery'), '4.2.0');
	}
	function add_script() {
		register_script();
		wp_enqueue_script('jquery');
		wp_enqueue_script('jquery-ui');
		wp_enqueue_script('jquery-ui-touch');
		wp_enqueue_script('qaptcha');
	}

	function register_style() {
		wp_register_style('qaptcha', get_bloginfo('template_directory').'/jquery/QapTcha.jquery.css');
	}

	function add_stylesheet() {
		// 共通
		register_style();
		wp_enqueue_style('qaptcha');
	}
	add_action('wp_print_styles', 'add_stylesheet');
	add_action('wp_print_scripts', 'add_script');
}

デモサイト