自定義移動模版完成!(v1.2 beta)

Blogger 於 2010 年就已經推出對智能手機的移動模版(只需在網址加入後綴 ?m=1 ),當時還在 Blogger In Draft 的試驗階段我就已經是用戶;後來正式推出,正趕上幾乎人人都使用智能手機、平板電腦的時代;經過幾次修訂升級,在去年九月正式推出自定義移動模版的功能

當時就想自己編寫這個部落格的移動模版,無奈對這方面幾乎沒有認知與技術,在今年四月的重新修訂模版,並沒有納入設計中。

其實想自定義移動模版的原因非常單純——想要讓廣告布條也能顯示( Blogger 自帶的模版無法添加 HTML/JavaScript 小工具);最近知道 Nuffnang 也推出對移動設備的懸浮廣告布條,咬咬牙花一點時間編輯模版。

說是編寫模版,其實只不過是把原本的版塊位置改一改,去掉不必要的小工具等等。

只要在網址加入後綴 ?m=1 即可瀏覽,如:
http://my.wolfsirius.info/?m=1
http://my.wolfsirius.info/2013/08/custom-mobile-template-20130829.html?m=1
在移動設備上則自動跳轉。

20131003 v1.2 beta:修正留言欄在沒有留言的博文不會顯示的問題。
20130915 v1.1 beta:更改博文寬度,更多空間以顯示圖片。


Android Browser version 4.0.4-23

首頁保留了 Blogger 移動模板簡短博文預覽,並連接至完整博文的設計。
評論系統和其它界面設計跟桌面模版完全一樣。


feedly (Android) version 16.1.542

在頁面下方保留了在線人數的小工具,人數是當時瀏覽桌面版與移動版的總和。
面子書 Like box 的默認寬度是 292px 無法更改,只有在3寸或以下的小熒幕瀏覽時受影響,但呈現效果問題不大。


Kindle 4 電子書閱讀器瀏覽也很漂亮。

最後還是來個老套的:請各位在瀏覽時若發現什麼問題,如:版塊跑位、界面顯示不漂亮等等;或有什麼建議,請在本文下方留言。


--- 臉書專頁 ---

1 則留言

凡走過必留下痕跡,您的一個留言就是很大的鼓勵!

(: 沒有 Blogger 帳號的讀者,請選擇『名稱/網址』留下您的大名! :)

Copyright © 2007- Zed Woolf, licensed under CC BY-NC-ND 4.0.