上次介紹的 weebly 手機版網站,操作上比較簡單,但版型變化比較少 ! 下面再介紹另一個 Tommy 也測試過的專做手機版的網站! 先看一下實做出來的成果:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKc4pHNupXa4baHxwhQXwy4brtFFvyQ6T6GUUpEiR34B9wwugPC6Z_6lJclwjAtKPjRfdtKi8pp71WIDAggsHOj-RMTUs7-akrSJJbcJyQAFykY-oEFI1ul_EXqEv0uE6mMKNW-I-wqh1m1PULTvbwwz8=s0-d)
或者你也可以到下面的網址去實際操作模擬各種智慧型手機操作的頁面:
http://m.host168.com 在操作的過程可以定義版型:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tFX9VZy2eFV9dnbaemLu4lJhVwlEnpU82JK9Vp54pDzzto76S_1YF1kL4h_XjnPLl2ZsDD7--aA-0snpYh9SSJuntUoOxQ1wTvZUznLfBH24bBwsWWVl9DzQ0HochpeY31kqJtceIaH6c4=s0-d)
色系:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tqyhb-o89_gjFnlQQplJ9HY3eELoVvnTFFM0zJXND-ZI01OcJV9N1SwtgimQZbw2VTE1eEjk6xUGUL6bRrMiSS_DOgW9rs8nucHerJ1PfD8BXdvHeHVor66w9EbWbEhALK3k2snQ-EeHRz=s0-d)
修改功能選單上的小圖示等等:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sqgqGHDoJgsAergf0crdRv1CmyXhVdiSQQA21R2KEvDfx2MBKz4elXL8v2dw8N2mFWm5DPagiQ9ATPVORB9agonjvC5J-G8UxI4nab79_IrJ4DsEsKfEDIEV4vAkRzyvlbeaU_Lvd4QU4=s0-d)
另一個 Tommy 覺的還不錯的功能: 如果你有一個 wordpress 部落格的話,可以直接輸入部落格網址:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uQ97r2ZHDCRxVvzwh3m6KRayKNnnxYNR4NXKIqCRV1YU1AY2PHP2Fc52v6AceSsbfa5DwElHF1Lea6UUL9JCLld8O6Ag3bNlL3vjEjhq25x9fXXN7zXNHY_-BNu8qBwNrODDNDvporaGeywvU=s0-d)
再到管理介面裡選擇 Go Live:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vVuhlQ2p3-015vEckC63j8HnXxCgWAatju8pWFx3iaoKenO8tEuyd2YNq9NTQyKvmdZ3k4sivHKglYWs_-hlctN-dt2ivrZP2P5pCvaBGIvzv1sgzCEjg6U__4z5KKwKVzi7CwqusaivEg=s0-d)
再做一些版面,色系調整即可生成一個會自動同步更新的 wordpress 部落格手機版網站:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vXcdrGTVUCdfynBCd3hCoFVVtgkcsR_ffHCfGKTltQ3Z0LdIHBHTekUAEOhrsPm_-dGKHrGoEqDbQBQoW21Ta2h5SxnAFg_DcNolvuVt4kkqfkQqzNZnvEfQ_U9fWOYWfLvkHxNtybGvGGdESzD9GL8g=s0-d)
上面看到的版面基本上比用一般 wordpress 外掛生成的手機版面好看些,因為它會抓文章裡的第一張圖來顯示,當然缺點是免費的版本在頁面的最上方及最下方會有廣告一直卡在那邊,如果是商家的話,為了專業一點,只好選擇付費的版本了!
更多資訊請連結哈斯特科技官方部落格