2015年6月4日

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

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

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

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

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


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


一、加值文章


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

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


blogger-mobile-disable-swipe

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

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



二、準備動作


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



三、安裝程式碼


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

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


儲存後即可看到效果。



四、聯絡表單


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

稱呼:(必填)
電子郵件:(必填)
本文標題或網址:(必填)
會員編號:(必填)
請詳細描述您的需求、問題或意見,如提供的資訊不足,可能無法回覆:(必填)



Blogger 行動版相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP