このブログは、全てのページに画像やウィジェット等が貼り付けられています。ページによっては読み込みに少々時間がかかる場合があります。予めご了承下さい。

No.40【雑談】Bloggerモバイル端末のスワイプ機能を消したい


Bloggerではモバイル端末向けのテンプレートが存在します。
モバイル端末でも見やすいデザインで最適に閲覧したいのですが、一つ困ったことがある。


それは少しでも左右にスワイプしただけでページが変わってしまう機能があることである。上下でスクロールしながら記事を読んでいるのに、「いきなりページが変わるなんて!!」と思う方がいると思います。

実際、私も嫌でした。じゃあ、このスワイプ機能をなくすことができないのか?
できます。

ということで、ご紹介します。

Bloggerの管理画面から、テンプレート→HTML編集へ進みます。
すると、コードが数千行にわたって出てきます。その中からを探します。
windowsの場合はCtrl+F
Macの場合はcommand+F
で検索欄が出てきますので、ここでと検索して探しみてください。

この直前に下記コードを貼り付けるだけでスワイプ機能をなくすことができます!


<!-- No Swipe Mobile --> <b:if cond="data:blog.isMobile"> <script type="text/javascript"> (function() { var c = document.getElementById("main"); c.addEventListener = null; })() </script> <style> #spinner-canvas {display: none !important;} #left-arrow {display: none !important;} #right-arrow {display: none !important;} </style> </b:if> <!-- /END -->
設置したらこんな感じになります。

これで保存をすればスワイプ機能がなくなります!
この方法はこちらの記事を参考にしたものです。
↓ ポチッと押して、覗いてみよう!↓
ブログランキング・にほんブログ村へ にほんブログ村 旅行ブログへ にほんブログ村 旅行ブログ ぶらり旅へ にほんブログ村 その他日記ブログへ にほんブログ村 その他日記ブログ つぶやきへ にほんブログ村 通販ブログへ

あわせて読みたい記事

コメント投稿にあたって

コメントは自由投稿制です。ご自由にコメントをお書き下さい。コメント荒らしはご遠慮下さい。不適切なコメントがあった場合には、コメントを削除いたしますので予めご了承下さい。皆様が快適にご覧いただけるよう、ご協力お願いいたします。

0 件のコメント :

コメントを投稿

全期間人気記事(トップ5)