如果你的手機使用的是最新版的 Android 系統的話,瀏覽某些網站時會發現他們的瀏覽器頂部欄顏色都不一樣。這篇文章就是教你如何自定義移動瀏覽器的地址欄顏色,以配合您的 WordPress 網站。
你有沒有注意到,許多流行的網站如 BBC 和 Facebook 使用自己的品牌顏色為手機瀏覽器的地址欄。最近,我們的一個用户問我們是否可以寫如何改變地址欄的顏色在手機瀏覽器,以滿足他們的 WordPress 主題?在這篇文章中,我們將向您展示如何改變地址欄的顏色手機瀏覽器來匹配你的 WordPress 網站。
為什麼匹配地址欄的顏色在移動瀏覽器?
最流行 的 WordPress 主題是移動響應。這使您的網站看起來在移動設備上很大的。但是,它仍然看起來,感覺就像一個網站。
匹配地址欄的顏色,你的 WordPress 網站,給它一個本機應用程序般的感覺。這改善了用户體驗,最終提升銷售和轉換。
但是,請注意,目前它僅適用於谷歌 Chrome 網絡瀏覽器使用棒棒糖或更新版本的 Android 設備。
比賽在移動瀏覽器地址欄的顏色為你的 WordPress 主題
只需在您的主題或添加此代碼兒童題材的的 header.php
文件剛剛閉幕前</ HEAD>
標記。
<meta name=”theme-color” content=”#ff6600″ />
這條線是使用谷歌 Chrome 瀏覽器在 Android 上改變地址欄的顏色在手機瀏覽器一個 HTML 的 meta 標籤。內容領域有要作為主題色使用的顏色的十六進制代碼。
不知道如何獲得十六進制顏色代碼?
您可以使用任何圖像編輯軟件如 Adobe Photoshop, Gimp, Paint, etc. 等得到一種顏色的十六進制值
您也可以選擇使用網上顏色 HTML 顏色選擇器工具。
如果你想選擇從網頁顏色,那麼你可以使用瀏覽器擴展類似 ColorZilla 。
這一切,我們希望這篇文章幫助你學習如何改變地址欄的顏色在手機瀏覽器來匹配你的 WordPress 網站。你也可以看到我們的 CSS 英雄檢討,這是自定義您的 WordPress 主題最簡單的方法。
發表回覆