モバイルにも雪を!

閲覧数: 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年11月1日

検索ネタを連発するのはElasticsearchやElasticPresがバージョンアップした時のお  続きを読む

ElasticPress日本語設定2020年版
blank
2020年10月29日

ElasticsearchをWordpressで利用するためのプラグインであるElasticPres  続きを読む

ElasticPress 3.5
blank
2020年10月22日

Elasticsearch用のプラグインであるElasticPressがメジャーバージョンアップ(3  続きを読む

Elasticsearch 6.8.11
blank
2020年10月2日

2017年末に「2.4.6」から「5.6.5」へバージョンアップして以来の大幅バージョンアップです。  続きを読む

パンくずリスト詳細
blank
2020年5月12日

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

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

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

コメントを残す

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