Android版Chromeのタブの色を変えてやる

Android版Chromeのタブの色を変えてやる

前から気になってました

スマホはAndoridなんでChrome使ってるんですが、正直ブラウザのタブめっちゃ開きっぱなタイプです、ええ。100タブどころじゃないです。

最初のタブに戻るまで1分近くかかります。閉じろよって話ですが、メモというか、デカいサムネイルのブックマークみたいな気分なんですよね。

まあ、そんなタブの中にたまに色が違うタブがあるんですよね、緑とか青とか、そのブログのテーマカラーの様な色の。あれ、なんでそうなってるのか謎だったんですが、調べるとすげー簡単な話だったんですよ。

Googleさん素晴らしい

いろんなブログにも記述あったんですが、今回は公式から。「metaタグによるテーマカラーの指定」ってのがこの設定の事らしく、Android版Chromeなど一部のブラウザにしか適用されない様。

こちら曰く、サイトのhead内にサクッと以下のタグを打ち込むだけ。そんだけ。

色の指定はcontentの部分を任意の色にしてあげてください。そのままコピペすると僕のブログの仲間になります。

head?content?なんだそれ?という方はさすがにググって頂ければめっちゃ親切な方が僕より遥かにわかりやすく正しく解説してくれています。僕が伝えられるのは「色が変えられる!!!!すげーーー!」という気持ちだけ!

とはいえもう少し説明できそうなので……肝心の僕の使っているWordPressにおけるheadの場所ですが、

管理画面の外観–>テーマの編集–>テーマヘッダー(header.php)

内にあると思われます…というのも、今絶賛使用させていただいているLION MEDIAというぬるま湯素晴らしいテーマによって

テーマカスタマイズ画面の高度な設定–> ■</head>直上の自由入力エリア

に記入さえすればそれで済んでしまう体(ブログ)になってしまったのです…。

以上の工程だけで

blog_chrome-ba

こんなふうに!!!・・・・すいません、もっかいやってみたかったんです。(ちょっと動きありバージョンにパワーアップ)

どうやらOSのステータスバーも一緒に同系色になりますね。

是非やって見て!

みなさんもブログ等やってらっしゃったら是非カラフルで綺麗ですし、自サイトのブランディングにも役立つ?かと思われますので是非お試しください。

やっていらっしゃらない方はどこかで見かけたら「ああ、head内に書き込んだんだな…意識高い系や」という裏側からの気持ちでサイトを楽しんで見てください〜。

ちなみに余談ですが、Android版Chromeはタブ数が99タブ以上になると、タブの枚数をカウントしているボックスがニコッとします。これ、タブリストが故に気づいてしまったイースターエッグ的なものです。(上の画像もニコッとなってますよね)

 

ブログ制作カテゴリの最新記事