如何讓WordPress最大兼容iPhone/iPod Touch的介面

大家的iPhone 3G出機至今已有十多天，可以估量得到現在擁有iPhone的人大幅度提升，由「總有一個朋友有iPhone」到「滿桌都是iPhone」，也就是說，用Mobile Safari觀看網頁的人，隨著iPhone暢銷而不斷增加。作為一個對網頁質素有要求的人，固然希望人人看到自己的網站都能得到最佳效果，不過畢竟流動裝置沒有碩大的顯示屏，以與其要用戶不停縮放畫面，倒不如自己多弄一個流動版面，讓觀眾最方便看到內容之餘，更可以省下了載入不必要的程式碼，降低數據流量。

如今要將網頁轉成為流動版本，方法實在很多，有人會利用Google的流動網頁轉換技術，也有人會採用流動網頁轉換服務。不過我們難以微調由Google Mobile轉換出來的網頁排位，其他轉換公司要不收費，要不就只能用服務提供的域名。

自去年我購入內置Opera Mobile的Nokia 6300電話，我就有考慮過將網站自動轉換成流動版本和普遍版本的功能。有些內建的瀏覽器會自動為網頁簡化內容，但iPhone就是標榜能夠利用其3.5″顯示屏來觀看全畫面，好處是網頁完全沒有走位，壞處就是完全沒有省下流量，也沒有集中顯示網頁中的主要內容。既然現在我有iPhone可用，活用它卻是最好不過，將有用的圖文適當地放滿畫面，省下放大縮小慢慢調整，這樣看才爽啊！

（啊我的前言還真長…）

自租web hosting，選用WordPress作為我blog system，就是為了不想讓Blog Service Provider主宰我的介面，雖然所有細節都要親力親為，但這總是叫作在控制範圍之中嘛（也有不少的代價，例如失去了同用BSP的互連、路過的人，BSP的伺服器在全球連線速度上也會較快又穩定，結果就是人流較少）。也因為WordPress能夠自設theme和plugin，甚至能夠自行修改原始碼，所以我需要的是：

專為iPhone / iPod Touch而設的版面
讓網頁系統自動感應瀏覽器版本，檢測到是Mobile Safari時就自動轉換成指定版面

年初時經Kelly推介，試用了一個不錯的theme和plugin組合：iWPhone。下載它再解壓，就會看到有一個php檔，把它放進\wp-content\plugins；資料夾就放進\wp-content\themes，再到WordPress的control panel上啟用plugin，工序就完成啦！緊記：若你的WordPress不是預設供給iPhone觀看，不要把iWPhone theme設成current theme。

另一個要推介的是Wphone，一個將WordPress control panel轉換成iPhone / iPod Touch介面的plugin，效果真的非常好－－不過用它來寫blog始終不太安全，萬一斷線的話，就沒有東西可以為你暫時儲存文章啊…這一點必須要注意。

你看我有多少備稿沒有公開…其實我一直都在寫啊，不過都是未完成的文章吧～

「我沒有iPhone和iPod Touch，要怎麼才能知道自己修改成怎麼樣啊？」在買下iPhone之前，我都沒有甚麼機會接觸這兩台機，而我是靠safari來模擬iPhone介面的～如果你是網頁開發人員的話，你必須要知道啊！

方法也是很簡便，你只需要在Safari的「偏好設定」–>「進階」中，剔上「在選單列顯示“開發人員“選單」…

你就會在Menu bar上看到「開發人員」的選單（廢話），這時你就可以把你的瀏覽器宣告修改成為Mobile Safari了！（因為機能規格有差別，iPod Touch和iPhone的宣告有不同還是合理的）。就這樣，你就能在桌面版Safari上看到模擬iPhone / iPod Touch的網頁介面。