モバイルにも雪を!

閲覧数: 17(0)

前回の「クリスマス’17始めました」では雪が降るのはPCのみでモバイルでは降りませんと宣言しましたがほとんどのアクセスがモバイルからなのでやっぱり雪が降った方がいいなぁと思いちょっと調べてみました。まずは「Snow Flurry」の公式サポートサイト、どうやら昔のスマホではパフォーマンスに問題があったようでモバイルでは降らせないの一点張りw しょうがないので勝手にソースを改変。あくまでも個人の責任ですからね。

修正するのは以下の2箇所のみ、まずは設定から。オリジナルでは「wp-snow-flurry-js.php」の61行目で以下の指定をしています。

                                        wp_enqueue_script('h5ab-snow-flurry-script', H5AB_SNOW_FLURRY_URL . 'js/h5ab-snow-flurry.min.js', array('jquery'), '', true);

ミニマイズした「.min.js」を指定していますが、簡単に変更を加えられるのは「.js」ファイルの方なのでここの指定を以下のように変更します。ミニマイズしない.jsファイルはパフォーマンスの劣化を招く事があるのであくまでも個人の責任において変更を行ってください。

                                        wp_enqueue_script('h5ab-snow-flurry-script', H5AB_SNOW_FLURRY_URL . 'js/h5ab-snow-flurry.js', array('jquery'), '', true);

こうする事で「h5ab-snow-flurry.js」と言う人間の目で見てわかるファイルの変更で修正を適用可能になります。その修正箇所は以下の通りです。まずはオリジナルのコードから。117行目付近です。「モバイルとタブレットの場合は何もしない、デスクトップ(PC)の場合はアニメーションを起動する」感じの指定です。

       if (device.mobile() || device.tablet() || $('html').hasClass('no-csstransitions')) {} else if (device.desktop()) {
            activateAnim();

これを、モバイルやタブレットでもデスクトップ(PC)と同じ条件に持っていけば、どのデバイスからでも雪を降らせることが可能です。ここの修正方法は自由です。要はモバイルやタブレット、デスクトップの区別を一緒にすれば良いと言う事です。

/*        if (device.mobile() || device.tablet() || $('html').hasClass('no-csstransitions')) {} else */if (device.mobile() || device.tablet() || device.desktop()) {
            activateAnim();

公式サポートが言うように、モバイルでは動作が緩慢になる可能性もありますが期間限定であるので当面はモバイルやタブレットでも雪を降らせる設定で行こうと思います。iOS系でしかテストできないので、万が一、Androidでは動作がおかしいようなことがあればご連絡下さい。

カテゴリーIT閑話, 公開タグ, ,
パンくずリスト詳細
2020年5月12日

テーマの「マイナーチェンジ」に伴って「パンくずリスト」の仕様を若干変更しました。一つ前のテーマではパ  続きを読む

カテゴリーを制限する
blank
2020年5月11日

過去に何度も書いた「カテゴリー制限」の話、元はと言えば初期に書かれた「非公開」の記事が原因です。トッ  続きを読む

マイナーチェンジ
blank
2020年3月23日

かれこれ一年近くほったらかしだったので、気合をいれて「テーマ変更」と思っていたのですが、、、いろいろ  続きを読む

6月の検索ワードまとめ
blank
2019年6月30日

6月の検索ワードのまとめです。 意外なところで「zabbixダウングレード」が複数回検索され、単独の  続きを読む

アクセシビリティ対策
blank
2019年6月23日

テーマカスタマイズの一環で、トップページに一覧表示されている「写真を左右交互に表示する」ようにした際  続きを読む

dockerとproxy
blank
2019年6月18日

dockerやdocker-composeをプロキシ環境下で使うのに苦労したので忘れないようにメモし  続きを読む

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください