ブラウザのアドレスバーをtheme-colorでブランド化(独自の色を設定) | 32ARTS(サニーアーツ)

ブラウザのアドレスバーをtheme-colorでブランド化(独自の色を設定)

ブラウザのタブやブックマークに表示できる独自アイコン(ファビコン/Favicon)により、ユーザーに自社サイトを認識、アピールできる便利な機能がありますが、同様な意味合いで、ブラウザのアドレスバーも自社サイトを表示される場合にテーマカラーで表示できる機能です。
アドレスバーと会社、サイト、ブランドなどのイメージカラーの設定にすることで、ユーザーへの認識してもらいやすくなることでしょう。

設定方法はhead宣言以降にmetaタグとして設定できます。
メタタグは設定したい全てのページに追加します。

<head>
  <meta name="theme-color" content="#59c3bd"/>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください