【轉】打造自己部落格（wordpress）的wap手機版本

這兒介紹我試用的兩款插件：wordpress-mobile-edition和wp-t-wap。

1.先說一下兩者的差別。

wordpress-mobile-edition插件使用後，可以用手機直接通路你的部落客域名，手機會自動調整成wap版本。我的諾基亞6730上測試，自帶的浏覽器可以，但是UCweb和opera不能實作效果。

wp-t-wap是直接生成的wap版本，需要用專門的位址通路。比如wap.yoururl.com，或者是如www.ifanqie.org/wap等形式。我目前用的是後者。

應用者兩個插件的不同wap界面如下：

2.wp-t-wap

WP-T-WAP的作用：

友善的進行wordpress部落格手機的管理與使用。具體功能有： * 浏覽、添加、修改、删除文章 * 浏覽、發表、删除、審批評論 * 釋出圖文日志（釋出時附帶一張圖檔） * 單個文章分頁顯示（在需要分頁的地方添加“<!–nextpage–>”的HTML代碼） * 日志儲存為草稿 * 顯示相鄰文章連結 * 首頁顯示最新評論 * 首頁顯示熱門文章（需要安裝WP-PostViews插件） * 相關文章（需要安裝WP 2.3 Related Posts插件） * 分類文章清單 * 标簽文章清單 * 自定義WAP網站标題 * 中英文雙語國際化 * 域名綁定 * 支援 Wordpress MU * 支援 imax-width 插件

安裝：

解壓到 plugins 目錄（plugins/wp-t-wap/*.*），然後啟動插件即可通過類似“http://www.mysite.com/wap”或“http://www.mysite.com/wap/index.php”的位址通路。（注意：必須有讀寫 WP 站點根目錄的 wap 目錄的權限，否則，将安裝失敗。） 設定 WP 網站背景的“正常設定”->“WAP 插件”裡（WP 2.5 中稍有不同），可設定“顯示方式”、“自定義标題”和“版本資訊”。 綁定域名 直接将域名綁定到 WP 站點根目錄的 “wap” 目錄上。例如，WP 站點根目錄是 /usr/http/www ，那麼應該将 wap.mysite.com 域名綁定到 /usr/http/www/wap 目錄上。（一般先在網站的“虛拟主機”管理界面中綁定域名到目錄，然後到“域名管理”中添加域名解析）

3.wordpress-mobile-edition

在上面擷取WordPress Mobile Edition插件，下載下傳後将 wp-mobile.php 上傳到插件目錄，然後激活，将 carrington-mobile版本号 這個檔案夾上傳到模闆目錄。 設定： 你可以先用自己的手機浏覽器通路你的部落格首頁，看是否自動顯示為移動模式首頁，如果不顯示就要查找你手機浏覽器的 User Agent，然後添加上去就行，ucweb等常用手機浏覽器不用添加了，已經支援。（像魅族M8手機，插件就無法識别為手機浏覽器，是以要添加 User Agent：Meizu M8） 什麼是User Agent？http://en.wikipedia.org/wiki/User_agent 技巧： 輸入位址+上?cf_action=show_mobile 就能以移動模式通路你的部落格，如：http://www.iseeyou.cn/?cf_action=show_mobile

<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程師和設計師必讀精華文章推薦</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15個精美的 HTML5 單頁網站作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35個讓人驚訝的 CSS3 動畫效果示範</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">贊！30個與衆不同的優秀視差滾動效果網站</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25個優秀的國外單頁網站設計作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帥！8個驚豔的 HTML5 和 JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">頂！35個很漂亮的國外 Flash 網站作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34個漂亮網站和應用程式背景管理界面</a>

<a href="http://www.yyyweb.com/go/web" target="_blank">本部落格新站點 ◆ 前端裡 ◆ 歡迎圍觀：）</a>

歡迎任何形式的轉載，但請務必注明出處。