如何在移动浏览器中更改地址栏的颜色以匹配您的WordPress网站

你有没有注意到许多流行的网站,如英国广播公司和脸书使用自己的品牌颜色的地址栏在手机浏览器。 最近,我们的一个用户问我们是否可以写关于如何改变移动浏览器地址栏的颜色来匹配他们的WordPress主题? 在这篇文章中,我们将向您展示如何在手机浏览器中更改地址栏的颜色以匹配您的WordPress网站。

WordPress网站移动浏览器的地址栏颜色

为什么在移动浏览器中匹配地址栏颜色?

最流行的WordPress主题是移动响应。 这使您的网站在移动设备上看起来很棒。 但是,它仍然看起来和感觉像一个网站。

将地址栏的颜色与您的WordPress网站相匹配,使其具有原生的应用程序般的感觉。 这改善了用户体验,最终提升了销售和转化。

Android手机浏览器中的地址栏

不过,请注意,目前只适用于使用棒棒糖或更新版本的Android设备上的Google Chrome网络浏览器。

在移动浏览器上的地址栏颜色匹配到您的WordPress主题

只需在您的主题或儿童主题中添加此代码即可 header.php文件 文件在关闭之前 标签。

此行是Google Chrome在Android上使用的HTML元标记,用于在移动浏览器中更改地址栏的颜色。 内容字段包含您要用作主题颜色的颜色的十六进制代码。

不知道如何获得十六进制颜色代码?

您可以使用Adobe Photoshop,Gimp,Paint等任何图像编辑软件来获取颜色的HEX值。

在Adobe Photoshop中的颜色选择器

您也可以使用在线HTML颜色选择器工具选择一种颜色。

如果你想从网页中选择一种颜色,那么你可以使用像ColorZilla这样的浏览器扩展。

就这样