広告

2014年11月29日土曜日

ブログのモバイルサイトの工事完了

ブログのモバイルサイトの工事が完了。
詳しくは「続きを読む」からどうぞ。

レイアウトの変更点

ウィジェットを追加

ウィジェットをモバイルサイトに追加しました。

追加手順は以下のとおり

1 設定画面のテンプレートからモバイルのギアマークをクリックします。

2 モバイル デンプレートをカスタムにします。

3  HTMLの編集をクリックします。

4 一番下までスクロールします

5モバイルサイトに追加したいウィジットのコードを変更する。
変更前 「locked='false'」
変更後 「locked='false' mobile='yes'

6 デンプレートを保存します。

これで作業は終了です。

モバイルサイトのスワイプ機能を無効化
スワイプすると次のページに飛んでしまう機能を無効化しました。
手順は以下のとおり

1 以下のコードを</body>の直前に追加

<!-- 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 -->

2 デンプレートの保存を押す。
コードの参照先 http://ichitaso.com/blogger/blogger-swipe-disebale/

モバイルサイトの変更点の説明は終わりました。
最後まで読んでいただきありがとうございました。

追記
モバイルサイトのスワイプ機能を無効化のコードの貼り付け箇所を
間違えていたので修正しました。

0 件のコメント:

コメントを投稿