用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂]

始使用HTC Touch HD後瀏覽自己的部落格總覺得花了太多的載入時間,白白浪費許多3G頻寬,找了幾個WordPress Mobile的外掛卻都不太滿意,正巧今天看到西瓜的滋味用 iPhone 和 iPod Touch 也能輕鬆看本站了,因此依樣畫葫蘆的安裝了這個WPtouch外掛,再試著由iPhone瀏覽,果然變成了適合iPhone的精簡樣式版,但由HD檢視仍然是完整版的內容,猜測應該是WPtouch偵測的瀏覽器只適用於iPhone和iPod Touch,因此開始著手修改。

首先必須先找出HD的Opera使用的User-agent字串。修改wp-content\plugins\wptouch\themes\default\footer.php,在最後面加上顯示User-agent的指令:

<?php echo $_SERVER['HTTP_USER_AGENT']; ?>

重新整理網頁後顯示出的User-agent字串是:

HTC_Touch_HD_T8282 Opera/9.50 (Windows NT 5.1; U; zh-tw)


接著修改wp-contentpluginswptouchwptouch.php,搜尋”iphone”(1.7.5版在第141行處),增加一個陣列要素”HTC_”如下:

$useragents = array("iphone", "ipod", "aspen", "dream", "HTC_");

為了方便測試,再下載Firefox的外掛User Agent Switcher,透過這個外掛可以把Firefox任意切換成別的瀏覽器。在User Agent Switcher的【Options→User Agents】裡增加兩個User Agent,設定為iphone與HTC_,修改WordPress的WPtouch檔案後就能切換成iphone或HTC_來測試。

通過Firefox的測試檢視之後,就直接在HD上瀏覽,HD的首頁瀏覽畫面如下,左邊是沒有摘要的畫面,右邊則是有摘要的畫面(在WPtouch設定網頁裡以「Hide Excerpts」勾選來切換):

wptouch1  WPtouch2

一個網站同時提供兩種顯示樣式,WordPress真是不錯。

您可能也會有興趣的類似文章

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. [Tools] 保護IE瀏覽器的工具:WinPatrol,Ad-Aware 
  2. [轉貼今周刊] 大型入口網站 爭當部落格盟主 (2)
  3. 票選最佳的應用程式啟動器 
  4. [OOo] Writer衝到新注音/新倉頡輸入法! 
  5. [FireFox] 替頁籤編號的擴充 (1)
  6. TiddlyWiki文件格式 
  7. 用RMVB多媒體播放器在電視觀賞RMVB影片[修訂] 
  8. 自動隱藏特定視窗的工具:OuttaSight 
  9. Google Chrome自我救濟小變身:改佈景樣式、加滑鼠手勢 
  10. 使用Springpad備份Delicious書籤的步驟 (5)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (368,354 點擊/2008-09-29)
  2. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,227 點擊/2011-06-01)
  3. Plurk CSS樣式自訂修改全攻略 (89,438 點擊/2009-07-04)
  4. 簡單放大Plurk輸入區的方法[修訂] (88,882 點擊/2008-09-29)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (72,048 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,857 點擊/2008-04-10)
  7. iPad新手入門技巧 (49,362 點擊/2011-02-05)
  8. iPad鍵盤輸入全攻略 (42,833 點擊/2011-01-01)
  9. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,895 點擊/2010-04-27)
  10. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,811 點擊/2010-01-02)