WordPress│iOSでリンクを2回タップしないと反応しない現象の直し方

wordpress-ios-ontouchstart

iPhone等でリンクをクリックしても1度目は反応しない!という現象が起きたことがないでしょうか?

この問題、以前からあってプラグインの中のコードをを無理くり修正してなんとかしてきたのですが、非常シンプルな解決方法を見つけましたので、備忘録として書いておきます。

どのWordPressテーマでも設定可能です。

目次

iOSでリンクを2回タップしないと反応しない現象の直し方

ontouchstartを設定することで解決します。

テーマのheadの入力欄に下記のコードを記載しましょう。

例えばSWELLのテーマであればカスタマイズ > 高度な設定にコードを記載すればOKです。

<script>document.addEventListener('touchstart',function(){});</script>

参考サイト(情報提供:しらこさん

まとめ

エラーや不具合はユーザーさんに不信感を抱かれてしまうので、ちょっとした気になったことは改善しておきましょう。

ちなみにこの解決方法はまだサンプル数が少なく、今後のiOSの更新によっては、変わってきますので今後も注視していきたいと思います。

この記事を書いた人

すいみんのアバター すいみん テクニカルアーティスト

カナダ在住のテクニカルアーティスト。
大学ではアート(油画)を専攻。卒業後はアニメ・映画・映像・ゲーム業界で、2Dから3DCG、ゲームエンジン、WEB制作まで幅広いコンテンツ制作の経験を積んでいます。デザイナーとエンジニアの中間のポジションでお仕事をするのが得意。

目次
閉じる