ワードプレスでAndroid版Chromeのアドレスバーの色を変える

2018年6月22日 2021年6月28日

Android版のChromeで、アドレスバーの色を変更できるのを知ってますか？

どこかのサイトを見たときに気付いたのですが、一瞬「おっ」と思いました。

こんな感じです。これはBing。

やりたくなったのでさっそく当ブログでもやってみました。

ワードプレスを使ってますのでそれでのやり方を載せてます。

AFFINGER5を使ってる人はもっと簡単に設定できるのでこの記事をご覧ください。

設定方法

注意ポイント

なにか起こっても大丈夫なようにバックアップは取っておきましょう。

なにか起こっても責任は負えませんので自己責任でお願いします。

WordPressのバックアップはBackWPupがおすすめです。

以下の記事を参照してください。

アドレスバーの色設定をします。

HTMLを知っているとわかりやすいと思うのですが、<head></head>の間に以下の1行を入れるだけで色を変更できます。

#xxxxxxの部分は好きな色を0～F（0123456789ABCDEFF）で指定します。

では設定してみましょう。

ワードプレスで設定するときはメニュー「外観」→「テーマの編集」から「テーマヘッダー(header.php)」を選びます。

※テーマに子テーマを使っているときは「編集するテーマを選択」で親テーマを選んでおきます

まずはheader.phpを開き</head>（スラッシュがある方）の場所を探しましょう。

その1行上に先程の1行を追加します。

なんとこれだけです(*´ω`*)

そのまま保存します。

確認してみると・・・

アドレスバーの色が変わりました！

大きい変化ではないですが他のサイトと少しでも差別化したいときにいいんではないでしょうか。

なんとなくおしゃれな感じになった気がします！（あくまで気がする程度です）

ぜひ設定してみてください。

とま

40代。大阪在住。フリープログラマ。1人の妻、2人の娘と同居。 2018年に独立。2021年にマイクロ法人設立。仕事の時間を半分にしたいなぁ。プロフィールへ