LoginSignup
0
0

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

Posted at

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

イメージ画像👇

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

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

Screenshot 2023-11-17 at 22.15.24.png

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

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

Screenshot 2023-11-17 at 22.18.11.png

下記コードを打つ!

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

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

参考👇

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0