WordPress網站手機瀏覽的最佳化設定方式

常常在微博,推特看到有興趣的文章標題,但點進去後往往不是字太小難以閱讀,不然就是開很慢。但有些網站就有手機閱覽模式的設定,像#36氪#就有這樣親民的設定。有鑒於使用手機逛網路的使用者越來越多(像我就是),所以將網站設定成適合手機瀏覽格式就相當有必要。你不需要另外做一個專門給手機看的網站,只要設定成自動偵測就可以了,我們使用WordPress Mobile Pack這個外掛進行設定:

基本要求

  • 你的網站必需是在自己空間架的
  • 並且使用Wordpress所建立的網站

安裝

使用方式

安裝完成後會在“外觀”選項下出現以下三個新項目,然後調整成你要的設定就可以了

  • Mobile Theme:只在你選擇Mobile預設佈景主題時才有用
  • Mobile Widget
  • Mobile Switcher:可選擇Mobile預設佈景主題或任意主題

用手機檢視時,不同的佈景主題會有不同的效果,在我的網站是設定成當讀者由Laptop或Desktop進來時會看到Fluid Blue這個佈景主題,但用手機瀏覽時則會看到Scherzo這個主題,因為我不太喜歡預設的手機主題,所以測試幾個主題後認為Scherzo比較合適手機瀏覽。

注意:當一開始設定好Scherzo側邊欄項目給Mobile使用 然後切換回Fluid Blue後,如果要再切回去Scherzo的話,兩邊主題的側邊欄設定全部都會變回預設,要小心!不過,只要到 >未啓用的模組 重新拖到側邊欄就好了

此外,微博本身就有此設定,當讀者經由微博連到你的網站時,會出現使用手機版或電腦版的選項,只是如果原本有分享按鈕的功能會消失。

 

如何產生”分享到微博”的按鈕

方法1:直到到微博開發頁面

然後貼到和Facebook分享按鈕相同的位置 參考此文章

(2011-06-17 新增)

方法2: 將以下的程式碼貼到Single.php裡面 (然後自己在反覆調位置)

<!-- 分享到新浪微博 -->
<a href="http://service.weibo.com/share/share.php?url=<?php the_permalink() ?>">target="_blank">
<img style="border: 0;" src="http://wordpress-tw.marcpov.com/wp-content/uploads/WeiboButton.png" alt="sina-weibo" width="131" height="34" />
</a>
<!-- 分享到新浪微博 http://open.t.sina.com.cn/sharebutton end-->

說明:可將這行網址改成自己圖的網址

src="http://wordpress-tw.marcpov.com/wp-content/uploads/WeiboButton.png"
可將這行網址改成自己圖的網址