[WordPress] Cocoon でトップバーのカラーを変更する方法 🌈

最近スマホ版ブラウザでよく見かける、トップバー（アドレスバー）の色がカスタムカラーになってるやつ、自分もやってみたかったから試してみた。（というかデフォルトで青色になっててダサかったから変えたんだけどね）

イメージ画像👇

1. Cocoon設定画面へアクセス 👨‍💻

WorpPress ダッシュボード > Cocoon 設定 > Cocoon 設定　に行く。

2. ヘッド用コードに追加 👨‍💻

アクセス解析・認証 > ヘッド用コードに行く。

下記コードを打つ！

<!-- theme-color -->
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#FFFFFF">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#FFFFFF">

いろんな色試してみたけど、どれもうざったいデザインになっちゃう。結局、白にすることにした。

参考👇