讓網站在「加書籤到 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:
kjbrian

Author: 不來恩

briiancom@gmail.com

相關資訊

訪客留言:

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

  1. 我用htc加入時出現的圖案是紅旗星號,而不是網站設計好的Favicon,這樣是誰的問題??

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *