WordPress

スマホでもPCと同じマウスオーバーの効果を与える方法

簡単に対策できるので、スマホのタッチ操作で、PCと同じマウスオーバーの効果をつけたい方は、ぜひ対策を!

header.phpの編集

<head>タグに、以下のコードを追加。

header.pjp

<script type=’application/javascript’ src=’https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js’></script>

footer.phpの編集

</body>の前に、以下のコードを追加。

footer.php

<script>
if (‘addEventListener’ in document) {
document.addEventListener(‘DOMContentLoaded’, function() {
FastClick.attach(document.body);
}, false);
}
</script>

たったこれだけなので、非常に簡単です!他にも、以下のリンク先のような方法があるので、参考にしてください。

あわせて読みたい
スマホでもPCと同じマウスオーバーの効果を与える方法スマホはタッチ操作なので、タッチした時と指を離した時に、マウスオーバーと同じ変化をさせるように設定します。 base.jsにコードを追...
ABOUT ME
ねこのてそう
ねこのてそう
超記憶力の悪い、30代の引きこもり父さん。 死ぬまで楽しく生きるがモットー。 尊敬する人は、絵を描ける人とピアノを弾ける人。嫌いなものはタバコ。 最近は、元2ちゃんねる管理人、ひろゆきが好き。

COMMENT

メールアドレスが公開されることはありません。