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
オオキ
オオキ
妻と2人の子供(姉妹・5歳と0歳)&ネコと一緒に生活している30代のパパブロガー。ブログ収益、月10万円以上を目指す。 元バックパッカーで旅行好き。娘が3歳の時に、タイへ2人旅。 子どもには、世界中にいろいろな「価値観」と「選択肢」があることを伝えたい。 WordPress,猫,新しいものが好き

COMMENT

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