讓網站在「加書籤到 iPhone/iPad/Android 主畫面」時,可以正常顯示行動板 Favicon
當我們在 iPhone/iPad/Android 裝置中使用內建的瀏覽器瀏覽網站時,除了把常用網站加入瀏覽器的書籤之外,其實也可以把它直接拉到手機螢幕的主畫面(桌面)上,方便我們隨時、快速開啟常用網站。
如果你有自己的網站或部落格,希望一般網友將你的網站加到手機桌面時可以正常顯示該有的行動版圖示的話,該怎麼做呢?其實很簡單,只要在網頁中加入下面這行敘述就好:
<link rel=”apple-touch-icon” href=”圖檔網址“/>
以下以 WordPress 為例,,
使用方法:
第1步 以下以 WordPress 網站為例,只要修改佈景主題中的 header.php 檔案即可,如果你有電腦板跟行動板兩種佈景主題,也記得兩邊都修改,然後更新一下網頁 cache 暫存檔,就可以生效了。
在「header.php」檔案裡面,只要在 meta 標籤下方加入如下敘述:
<link rel=”apple-touch-icon” href=”圖檔網址“/>
第2步 設定好之後,當我們使用 iPhone/iPad/Android 瀏覽自己網站時,按一下分享按鈕,再點「加入主畫面螢幕」之類的功能,即可將該網站的書籤放到手機或 iPad 主畫面(桌面),方便下次快速開啟網頁。
第3步 如下圖,放到桌面之後,那個書籤按鈕的圖示比沒設定前好看很多。
,
我用htc加入時出現的圖案是紅旗星號,而不是網站設計好的Favicon,這樣是誰的問題??
可是我用htc加的時候,都是出現紅旗星號的圖片,而不是當初設計好的Favicon,
是htc的問題嗎??還是???
看不到圖, 顯示叉燒包
不錯!
我的HERO也可以,
謝謝~~
Android 的書籤也會顯示嗎?
我在 Galaxy Tab 裡面側試過,正常,其他廠牌型號的手機或平板不確定
我一直笑吔…
不過、真的好酷哦…
還在笑………