2015年6月4日

取消 Blogger 行動版「向左/向右滑」切換文章的功能

A+
blogger-mobile-disable-swipe-left-right有多位讀者反應 Blogger 行動版一個非常擾民的問題,也就是操作手機時,滑動螢幕只要稍微不小心往左或往右,就會切換到「上一篇/下一篇」文章。

這個功能的設計想必是出於貼心的考量、方便訪客操作頁面的切換,但往往我們是在操作「往上/往下」時,不小心手勢的角度偏左或偏右,便會立即觸發「往左/往右」的手勢,讓網頁切換到我們不想前往的頁面,也就是跳離了這篇文章。

如果你也不喜歡官方的這個設計,那麼可以安裝本文的小工具,將此功能取消,給訪客友善的操作體驗。


<< 請注意!本篇文章含會員加值文章內容,需點數兌換 >>


一、加值文章


請注意,本篇為加值文章,需先加入會員,並獲得點數才能兌換。

有的會員可能會發現,現有的點數已經足以兌換這個小工具,而有的會員則否。由於「加值文章」功能才剛剛上線,產品線仍在規劃中。等過一陣子「會員系統」結束試營運、開始正式營運的時候,會進行詳細說明。


blogger-mobile-disable-swipe

複習一下開頭的示意圖,Blogger 在手機上向左或向右滑動時,會出現圖中的藍底半圓形,及向左向右箭頭,用來提示網頁即將前往上一頁或下一頁。

如果動作慢一點,那麼是來得及終止滑動的操作,不過相信訪客不會對 Blogger 網站的操作那麼熟悉,通常都是手一滑就出去了,然後很生氣 "為什麼明明我沒有要跳開,畫面卻自動跳開了!?"



二、準備動作


如「Blogger 行動版範本修改技巧」所提,Blogger 行動版只有選擇「自訂」才能修改,其他的官方範本全部都不能修改,因此請參照該篇文章 →「二、修改行動範本準備動作」的步驟,確認你已經改用「自訂」的行動版範本,否則依照本文安裝的程式碼將不會有任何作用。



三、安裝程式碼


在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

請到後台「範本」→「編輯 HTML」,游標點進範本區塊,再搜尋 </body> 這個字串,找到後在此字串的下一行,插入以下程式碼:


儲存後即可看到效果。



四、聯絡表單


加值文章關閉留言板功能,使用上有任何問題請用下面的表單與我聯繫:




Blogger 行動版相關文章:

沒有留言:

↑TOP

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。