感謝㊣贊助鼓勵!

Google搜尋 »

分類

簡睿在噗浪»

有朋自遠方來

用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="">

隨機文章

  1. FireFox 2.0的問題… (4)
  2. 螢火飛大推出新版字型:文鼎PL新宋、文鼎PL新中楷 
  3. 幾個好用的FireFox Ubiquity命令:shorten、goto和screengrab 
  4. jQuery選擇器測試與範例 
  5. 批次把Word轉成PDF的工具: WordToPDF (5)
  6. OpenOffice.org的文字文件突然變成唯讀!? (11)
  7. [轉貼] 師大附中…稱霸全國! 
  8. [Tools] 快速變換資料夾的工具:Fast Folders Access 
  9. [轉貼] 美國人最想要的耶誕禮物:華碩Eee PC 
  10. 變化你的噗浪暱稱:Unicode我♥你-啦啦啦♪☺〠 (2)

歷史熱門文章

  1. Plurk CSS樣式自訂修改全攻略 (30,962 點擊/2009-07-04)
  2. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (20,274 點擊/2009-02-18)
  3. 強化閱讀第2噗:變更噗浪回應的字體與背景顏色 (17,547 點擊/2009-06-07)
  4. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (16,753 點擊/2009-04-18)
  5. 強化HTC Touch HD的工具軟體 (14,969 點擊/2009-02-25)
  6. 如何手動輸入Plurk的表情圖示? (13,959 點擊/2008-09-29)
  7. 增加Spb Mobile Shell 3.0生活化桌面頁數的小技巧 (13,742 點擊/2009-04-27)
  8. 簡單放大Plurk輸入區的方法[修訂] (13,049 點擊/2008-09-29)
  9. 將Plurk回應區變成固定寬度 (12,873 點擊/2009-07-11)
  10. 將噗浪的視窗高度變大,加上分隔線,以方便閱讀 (12,514 點擊/2009-06-06)