昨日書いた年齢認証の続き
参考サイト
【jQuery】モーダルウィンドウによる年齢認証の作り方
jQueryと他のライブラリのコンフリクトを避ける方法
テストサイトでの作業履歴
1、子テーマのfunction.phpに、必要な物を読み込む設定を書く
if(!is_admin()){
function register_script(){
wp_register_script('modalConfirm', get_bloginfo('template_directory').'/js/modalConfirm.js');
wp_register_script('cookie', get_bloginfo('template_directory').'/js/jquery.cookie.js');
}
function add_script(){
register_script();
wp_enqueue_script('modalConfirm');
wp_enqueue_script('cookie');
}
add_action('wp_print_scripts','add_script',10);
}
2、wordpressのjQueryでも動くように、modalConfirm.jsに手を加える。
jQueryと他のライブラリのコンフリクトを避ける方法を参考に、modalConfirm.jsの中身をぶっこむ。
jQuery.noConflict();
//ここから実行したいスクリプトを書く
(function($) {
$('#sample').click(function() {
//いつもどおり$が使える
});
})(jQuery);
3、JSファイルのアップロード
4、手作業で全ページに反映するのが面倒なので、Header and Footerプラグインを導入して
Code to be added before the end of the pageにモーダル表示用のhtmlを書いて、全てのページに自動挿入
ついでに、スタイルシートも変更。
あとはcookieの保存期間なんかを直せば、思い通りにいける感じ。
仕舞
参考サイト
【jQuery】モーダルウィンドウによる年齢認証の作り方
jQueryと他のライブラリのコンフリクトを避ける方法
テストサイトでの作業履歴
1、子テーマのfunction.phpに、必要な物を読み込む設定を書く
if(!is_admin()){
function register_script(){
wp_register_script('modalConfirm', get_bloginfo('template_directory').'/js/modalConfirm.js');
wp_register_script('cookie', get_bloginfo('template_directory').'/js/jquery.cookie.js');
}
function add_script(){
register_script();
wp_enqueue_script('modalConfirm');
wp_enqueue_script('cookie');
}
add_action('wp_print_scripts','add_script',10);
}
2、wordpressのjQueryでも動くように、modalConfirm.jsに手を加える。
jQueryと他のライブラリのコンフリクトを避ける方法を参考に、modalConfirm.jsの中身をぶっこむ。
jQuery.noConflict();
//ここから実行したいスクリプトを書く
(function($) {
$('#sample').click(function() {
//いつもどおり$が使える
});
})(jQuery);
3、JSファイルのアップロード
4、手作業で全ページに反映するのが面倒なので、Header and Footerプラグインを導入して
Code to be added before the end of the pageにモーダル表示用のhtmlを書いて、全てのページに自動挿入
ついでに、スタイルシートも変更。
あとはcookieの保存期間なんかを直せば、思い通りにいける感じ。
仕舞