讓網站在「加書籤到 iPhone/iPad/Android 主畫面」時,可以正常顯示行動板 Favicon

當我們在 iPhone/iPad/Android 裝置中使用內建的瀏覽器瀏覽網站時除了把常用網站加入瀏覽器的書籤之外其實也可以把它直接拉到手機螢幕的主畫面(桌面)上,

方便我們隨時、快速開啟常用網站。

如果你有自己的網站或部落格希望一般網友將你的網站加到手機桌面時可以正常顯示該有的行動版圖示的話該怎麼做呢?其實很簡單只要在網頁中加入下面這行敘述就好:

<link rel=”apple-touch-icon” href=”圖檔網址“/>

以下以 WordPress 為例只要修改佈景主題中的 header.php 檔案即可搞定此方法可支援 iPhone/iPad/iPod Touch 與部分 Android 裝置有設定有差喔看起來專業多了。

繼續閱讀

使用方法:

第1步  以下以 WordPress 網站為例只要修改佈景主題中的 header.php 檔案即可如果你有電腦板跟行動板兩種佈景主題也記得兩邊都修改然後更新一下網頁 cache 暫存檔就可以生效了。

在「header.php」檔案裡面只要在 meta 標籤下方加入如下敘述:

<link rel=”apple-touch-icon” href=”圖檔網址“/>

01_iphone_favicon

 

第2步  設定好之後當我們使用 iPhone/iPad/Android 瀏覽自己網站時按一下分享按鈕再點「加入主畫面螢幕」之類的功能即可將該網站的書籤放到手機或 iPad 主畫面(桌面)方便下次快速開啟網頁。

02_iphone_favicon

 

第3步  如下圖放到桌面之後那個書籤按鈕的圖示比沒設定前好看很多。

03_iphone_favicon

最後更新:07-22, 2013 上午 12:20

TAG:
相關資訊

訪客留言:

7 Replies to “讓網站在「加書籤到 iPhone/iPad/Android 主畫面」時,可以正常顯示行動板 Favicon”

  1. 可是我用htc加的時候,都是出現紅旗星號的圖片,而不是當初設計好的Favicon,
    是htc的問題嗎??還是???

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。