jquery.cookie というcookie を扱うライブラリを使い、サイトにアクセスした年月日を取得して同じ日付で2 回目以降ならローディング画面を非表示にする。

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #102410
    アバター画像yuu
    閲覧者
    28

    【お使いの Snow Monkey のバージョン】16.4.5
    【お使いの Snow Monkey Blocks のバージョン】15.0.1
    【お使いの Snow Monkey Editor のバージョン】 7.0.1
    【お使いのブラウザ】Chrome
    【当該サイトのURL】https://nearmain.net/

    ### 実現したいこと

    いつもお世話になっております。

     

    jquery.cookie というcookie を扱うライブラリを使いたいのですが、body 終了タグ直前にjquery.cookieというjsを読み込みたいのですが、どうすればいいでしょうか?

    差し込みたいjsは以下の通りです。

    <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.
    cookie.js”></script>

    ### 発生している問題

    ### 試したこと

    フォーラム、公式リファレンスを探してみましたが、body 終了タグ直前のフックが見当たらなかったので方法をご教授いただけますと幸いです。

     

    よろしくお願いいたいます。

    0
    いいねをした人: 居ません
    #102414
    アバター画像キタジマ タカシ
    参加者
    2421

    WordPress で js や CSS を読み込むときは、下記のトピックにもあるように wp_enqueue_script()' やwp_enqueue_style()` を使います。

    今回は jQuery ライブラリなので依存関係に jquery を指定、ページ下部で読み込みたいのであれば第5引数で true を指定します。

    1
    いいねをした人:
    #102502
    アバター画像yuu
    閲覧者
    28

    キタジマさん、ありがとうございます!
    そうか、それがそのことと一緒なのですね…

    理解いたしました。

    一応、動いている気がするのですが、コード確認していただけますでしょうか?

    add_action(
    	'wp_enqueue_scripts',
    	function () {
    		wp_enqueue_style(
    			'msm_style', // 独自のスタイルシート
    			MY_SNOW_MONKEY_URL . '/style.css',
    			[],
    			filemtime(MY_SNOW_MONKEY_PATH . '/style.css')
    		);
    
    		wp_enqueue_style(
    			'cookie_style', // cookie用のCSS
    			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.css',
    			[],
    		);
    
    		wp_enqueue_script(
    			'cookie', // cookie
    			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
    			['jquery'],
    		);
    
    		wp_enqueue_script(
    			'cookie_function', // cookieの設定
    			MY_SNOW_MONKEY_URL . '/scripts/main.js',
    			['cookie'],
    			filemtime(MY_SNOW_MONKEY_PATH . '/scripts/main.js'),
    			true
    		);
    	}
    );
    0
    いいねをした人: 居ません
    #102535
    アバター画像キタジマ タカシ
    参加者
    2421

    おおよそ問題なさそうにみえますが、jquery.cookie.jsbody 終了タグ直前に読み込みたいということだったので、jquery.cookie.jsについても第5引数をtrue` にしたほうが良いのではないかと思いました。

    1
    いいねをした人:
    #102817
    アバター画像yuu
    閲覧者
    28

    キタジマさん

    ありがとうございます。
    返信が遅くなり大変申し訳ありません。

    これでいいでしょうか…

    add_action(
    	'wp_enqueue_scripts',
    	function () {
    		wp_enqueue_style(
    			'msm_style', // 独自のスタイルシート
    			MY_SNOW_MONKEY_URL . '/style.css',
    			[],
    			filemtime(MY_SNOW_MONKEY_PATH . '/style.css')
    		);
    
    		wp_enqueue_style(
    			'cookie_style', // cookie用のCSS
    			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.css',
    			[],
    		);
    
    		wp_enqueue_script(
    			'cookie', // cookie
    			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
    			['jquery'],
    			true
    		);
    
    		wp_enqueue_script(
    			'cookie_function', // cookieの設定
    			MY_SNOW_MONKEY_URL . '/scripts/main.js',
    			['cookie'],
    			filemtime(MY_SNOW_MONKEY_PATH . '/scripts/main.js'),
    			true
    		);
    	}
    );

    動いている気がするのですが、タイトルのやりたかったjqueryの書き方にめちゃくちゃ苦戦していまして、一旦諦めようと思います。
    もう少し勉強してきます。

    トピック閉じさせていただきます。

    0
    いいねをした人: 居ません
    #102822
    アバター画像キタジマ タカシ
    参加者
    2421
    wp_enqueue_script(
    	'cookie', // cookie
    	'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
    	['jquery'],
    	true
    );

    だと第4引数(バージョン指定)が true になっちゃうので、

    wp_enqueue_script(
    	'cookie', // cookie
    	'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
    	['jquery'],
    	false,
    	true
    );

    みたいな感じかなと思います。

    0
    いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「jquery.cookie というcookie を扱うライブラリを使い、サイトにアクセスした年月日を取得して同じ日付で2 回目以降ならローディング画面を非表示にする。」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。