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

wordpress移动版

您是否注意到，许多流行网站（例如 BBC 和 Facebook）在移动浏览器的地址栏上使用自己的品牌颜色。最近，我们的一位用户问我们是否可以撰写有关如何更改移动浏览器中地址栏的颜色以匹配他们的 WordPress 主题的文章？在本文中，我们将向您展示如何更改移动浏览器中地址栏的颜色以匹配您的 WordPress 网站。

您是否注意到许多流行网站，例如 BBC 和 Facebook，在移动浏览器的地址栏中使用自己的品牌颜色。最近，我们的一位用户问我们是否可以撰写有关如何更改移动浏览器中的地址栏颜色以匹配他们的 WordPress 主题的文章？在本文中，我们将向您展示如何更改移动浏览器中的地址栏颜色以匹配您的 WordPress 网站。

为什么要在移动浏览器中匹配地址栏颜色？ （Why Match Address Bar Color in Mobile Browser?）

Most popular WordPress 主题 are mobile responsive. This makes your site looks great on mobile devices. However, it still looks and feels like a website.

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

将地址栏的颜色与您的 WordPress 网站相匹配，会给它一种类似于本机应用程序的感觉。这改善了用户体验，最终促进销售和转化。

将地址栏颜色与您的 WordPress 网站相匹配，赋予其原生应用程序的感觉。这改善了用户体验，最终提高了销量和转化率。

但请注意，目前它仅适用于使用 Lollipop 或更新版本的 Android 设备上的 Google Chrome 网络浏览器。

但请注意，目前它仅适用于使用 Lollipop 或更高版本的 Android 设备上的 Google Chrome。

将移动浏览器上的地址栏颜色匹配到您的WordPress主题 （Match Address Bar Color on Mobile Browser to Your WordPress Theme）

Simply add this code in your theme or 儿童主题‘s header.php file just before the closing </head> tag.

只需在结束</head>标记之前，将此代码添加到您的主题或副主题的header.php文件中即可。

<meta name="theme-color" content="#ff6600" />

<meta name="theme-color" content="#ff6600" />

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

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

不确定如何获取十六进制颜色代码？

不确定如何获取十六进制颜色代码？

您可以使用任何图像编辑软件（如 Adob​​e Photoshop、Gimp、Paint 等）获取颜色的十六进制值。

您可以使用任何图像编辑软件（例如 Adob​​e Photoshop、Gimp、Paint 等）获取颜色的十六进制值。

You can also pick a color using online HTML 颜色选择器 tools.

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

If you want to pick a color from a web page, then you can use a browser extension like 彩色齐拉.

如果要从网页中选择颜色，则可以使用诸如彩色齐拉的浏览器扩展。

That’s all, we hope this article helped you learn how to change the color of address bar in mobile browser to match your WordPress site. You may also want to see our CSS 英雄评论, it is the easiest way to customize your WordPress theme.

就这样，我们希望本文能帮助您学习如何在移动浏览器中更改地址栏的颜色以匹配您的WordPress网站。 您可能还希望查看我们的CSS 英雄评论 ，这是自定义WordPress主题的最简单方法。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-change-the-color-of-address-bar-in-mobile-browser-to-match-your-wordpress-site/

wordpress移动版