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

Posted in 其他工具、Android 未分類, 其他工具、未分類, 網頁編修、網站架設Tagged , , , , , , ,
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤影響您的工作或電腦運作。從本站下載的軟體由所屬軟體公司提供,本站未經任何修改且無法保證軟體公司可能在新版程式中自行安插廣告程式或其他維護不當等因素而造成損害。在進行任何操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
相關資訊
訪客留言

7 則回應

發表迴響

你的電子郵件位址並不會被公開。